投稿画面でHTMLを記述しても消えてしまう時の対処法（WordPress）

前書き

WordPressの投稿画面でHTMLを記述しても消えてしまう時の対処法を掲載しています。

目次

1. 対処
2. 参考

対処

投稿画面で使用できるHTMLタグは制限されているので、使いたいHTMLタグの使用を許可する。
function.phpにコードを記述する。

例

YouTubeの埋め込みコードに関するHTMLタグ（iframe）と、その属性の使用を許可する。

//function.php
  add_filter( 'wp_kses_allowed_html', 'customKsesAllowedHtml', 10, 2 );

  function customKsesAllowedHtml( $tags, $context ) {
    if ( $context == 'post' ) {
      $tags['iframe'] = array(
        'width'=>true,
        'height'=>true,
        'src'=>true,
        'frameborder'=>true,
        'allow'=>true,
        'allowfullscreen'=>true
      );
    }
    return $tags;
  }

//参考：フィルターフック
  apply_filters( 'wp_kses_allowed_html', 許可するタグ, コンテキスト名 )
//参考：関数
  add_filter( フィルターフック名, 追加する関数名, 優先順位, 引数の数 );

<!-- 参考：YouTubeの埋め込みコード -->
  <iframe
    width="560"
    height="315"
    src="https://www.youtube.com/embed/id"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen>
  </iframe>

wp_kses_allowed_html
関数リファレンス/wp kses allowed html
関数リファレンス/add filter

参考

WordPressの投稿画面でHTMLタグが消える現象を解決する方法

WordpreeにRICOHシータの360°画像を埋め込む際にscriptが消える問題を解決

WordPressで本文中のiframeなどのタグが消えちゃって困る