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 に記述したままアップデートを行うことで、同様の現象が起こることも。
-
-
-
はてな -
-