WordPressのコードエディタで改行が消える・改行されない場合【Gutenbergコードエディタ】

2021年3月16日

当サイトはアフィリエイト広告を利用しています。
WordPressのコードエディタで改行が消える・改行されないけど、どうすればよいか。

「Classic Editor」を使っている場合ではなく、Wordpressの新しいブロックエディタ「Gutenberg」の「コードエディタ」を使った場合に、勝手に改行やpタグが消えてしまう場合の対処方法を紹介します。

検索すると、よく紹介されているのが「TinyMCE Advanced」プラグインの利用やfunctions.phpで「wpautop」をremoveするというものです。

Gutenbergではもっと簡単な対処方法があります(ちなみに、wpautopをremoveしてもうまくいきませんでした)。

WordPressのコードエディタで改行が消える・改行されない場合の対処方法

コードエディタで改行が消える場合の一番簡単な方法は「専用のコメントタグ」を使った書き方です。

下記の<!-- wp:html --><!-- /wp:html -->の専用コメントタグで挟んでいる部分は、改行やpタグが勝手に消えることはありません。

<!-- wp:html -->
<p>あいうえお</p>
あいうえお<br>
あいうえお<br>
あいうえお
<!-- /wp:html -->

プラグインやコード修正なしで、コードエディタだけで利用できるのでとても便利です。

-ワードプレス
-