投稿画面で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などのタグが消えちゃって困る

先頭に戻る
ページの先頭に戻る