WordPress(Gutenberg)で<br>が反映・表示されない問題

WordPress 公開日:2021/10/21

WordPressのバージョン5.1で <br> を入力しても反映されない問題が起こったので、その解消法について。

現象

GutenbergでHTMLコードを直接入力できる「カスタムHTML」ブロックに <br> を入力しても、更新ボタンを押すと <br> が消えてしまう。

最初は固定ページの標準機能である <p> や <br> の自動整形機能関連かと考え

function disable_page_wpautop() {
  if ( is_page() ) remove_filter( 'the_content', 'wpautop' );
}
add_action( 'wp', 'disable_page_wpautop' );

こちらを追加してみたが解消されず。

原因

「カスタムHTML」を「コードエディタ」として編集している際に起こる問題。

「コードエディタ」に切り替えると、デフォルトで、

<!-- wp:html -->
※記述してあったHTML
<!-- /wp:html -->

このような記述が追加されているのだが、それが消えてしまっていると <br> が消えてしまう模様。

解決方法

<!-- wp:html -->
※記述してあったHTML
<!-- /wp:html -->

このようにHTMLの前後に追加してあげれば解消します。

アップデートが起因となっていることも

ビジュアルエディタを利用できないようにする、

function disable_visual_editor_in_page(){
 global $typenow;
 if( $typenow == 'page' ){
  add_filter('user_can_richedit', 'disable_visual_editor_filter');
 }
}
function disable_visual_editor_filter(){
 return false;
}
add_action( 'load-post.php', 'disable_visual_editor_in_page' );
add_action( 'load-post-new.php', 'disable_visual_editor_in_page' );

こちらを function.php に記述したままアップデートを行うことで、同様の現象が起こることも。

CONTACT

Webサイト制作のご相談やご質問、ご不明点などございましたらこちらよりお問い合わせください。
「ホームページ制作について」とお伝えください。担当者におつなぎいたします。

東京オフィス

営業時間|9:00~17:00(土・日・祝除く)

03-6822-7344

ホームページ無料診断 毎月10社限定

ホームページ制作のプロがユーザビリティ・SEO・競合などを多角的に分析し、
具体的な改善案をご提案します。

無料診断する