ワードプレスでamp-accordionが勝手に書き変わる

Question

ワードプレスの固定ページのテキスト入力で、

<amp-accordion>
<section>1</section>
<section>2</section>
</amp-accordion>

と記載すると、

<p><amp-accordion class="i-amphtml-element i-amphtml-layout-container"></amp-accordion></p>
<section>1</section>
<section>2</section>
<p></P>

と書き変わってしまいます。

<ul>
<section>1</section>
<section>2</section>
</ul>

では大丈夫です。

なぜでしょうか？テーマはsimplicityです。

Answer 1

wordpressのテキストエディタで文字を入力すると、自動的にpタグの中に入れられてしまいます。
なので <amp-accordion> タグもテキストとして扱われ、pタグが充てられていると考えられます。
デベロッパーツールではなく、HTMLソースを直接参照すると、

<p><amp-accordion></p>
<section>1</section>
<section>2</section>
<p></amp-accordion></p>

となっていませんでしょうか？

対策案としましては、テンプレートタグの the_content にフィルターをかけて、<p><amp-accordion></p>
を <amp-accordion> に置換してみてはどうでしょうか？
テーマのfuncitons.php（wp-content/themes/simplicity/functions.php）に以下の記述を追加してください。

function useAmpAccodionTag( $the_content ) {
	return str_replace( 
		array( '<p><amp-accordion></p>', '<p></amp-accordion></p>' ), 
		array( '<amp-accordion>', '</amp-accordion>' ), 
		$the_content );
}
add_filter( 'the_content', 'useAmpAccodionTag' );

もしくは、自動的にpタグを追加される機能そのものをなくしたい場合は、functions.phpに以下の記述を入れてください。

remove_filter('the_excerpt', 'wpautop');
remove_filter('the_content', 'wpautop');