WordPressのテキストエディタで入力した改行タグ(br)と段落タグ(p)が、突然消えてしまった経験はありませんか?
<p>
ここに本文が表示されます。ここに本文が表示されます。ここに本文が表示されます。<br>
ここに本文が表示されます。ここに本文が表示されます。ここに本文が表示されます。<br>
ここに本文が表示されます。ここに本文が表示されます。ここに本文が表示されます。<br>
</p>
例えば、テキストエディタに上記のような記述があったとします。
いつのまに以下のように改行タグと段落タグが消えてしまいます。
ここに本文が表示されます。ここに本文が表示されます。ここに本文が表示されます。
ここに本文が表示されます。ここに本文が表示されます。ここに本文が表示されます。
ここに本文が表示されます。ここに本文が表示されます。ここに本文が表示されます。
たいていの方は、一度か二度は経験したことがあるのではないでしょうか?
なぜ、テキストエディタに入力した改行タグ(br)と段落タグ(p)が消えてしまうのか?
消さないためにはどうしたらよいのか?
以下に詳しく説明していきます。
興味のある方は読み進めてください。
改行タグ(br)、段落タグ(p)が消えてしまう原因と解決方法
テキストエディタに入力した改行タグ(br)と段落タグ(p)が突然消えてしまう原因と解決方法をご紹介します。
原因:改行タグ(br)と段落タグ(p)はどうして消えてしまうのか?
改行タグ(br)、段落タグ(p)が消えてしまう原因は、エディタの切り替えにあります。
- テキストエディタで、改行タグ(br)や段落タグ(p)を入力する。
- ビジュアルエディタに切り替える。
- テキストエディタに切り替える。 ※このタイミングで消える
ビジュアルエディタからテキストエディタに切替えるとき、テキストエディタに入力した改行タグ(br)と段落タグ(p)が消失してしまうのです。
WordPressの仕様なので、不具合ではありません。
デフォルトの状態では、正常の動作となります。
ビジュアルエディタからテキストエディタに切替えたとき、改行タグ(br)と段落タグ(p)が消えないようにするためにはどうしたらいいのでしょうか?
続けて、詳しく見ていきましょう。
解決:改行タグ(br)と段落タグ(p)を消さない方法
プラグイン「TinyMCE Advanced」を導入することで解決することができます。
「TinyMCE Advanced」の機能を使えば、ビジュアルエディタからテキストエディタに切り替えても、改行タグと段落タグが保持されるようになります。
「TinyMCE Advanced」の導入方法と設定は以下のとおりです。
手順1:プラグイン「TinyMCE Advanced」をインストールする
まずは、「TinyMCE Advanced」をインストールします。
インストール方法は、WordPressにプラグインをインストールする方法をご覧ください。
「TinyMCE Advanced」で検索すれば、プラグインが見つかります。
「TinyMCE Advanced」をインストールしてください。
手順2:「TinyMCE Advanced」の操作画面を開く

管理画面のメニューから【設定】⇒【TinyMCE Advanced】とアクセスしてください。
上記のように「TinyMCE Advanced」の設定画面が開けばOKです。
手順3:「段落の保持」にチェックを入れる
「TinyMCE Advanced」の設定画面を下にスクロールしていきます。

「段落の保持」という項目があります。
上記画像の赤枠部分にチェックを入れてください。
プラグイン【Classic Editor】を使っている場合は、もう一箇所チェックを入れる場所があります。

設定画面最上部にあるタブ【Classic Editor (TinyMCE)】をクリックしてください。
切り替わったページを下にスクロールしていくと、先ほどと同じ【段落の保持】という項目があります。
【Classic Editor】でも、段落を保持したい場合は、こちらにもチェックを入れてください。
これで設定は完了です。
手順4:設定を保存
最後に設定を保存しましょう。

赤枠部分の【設定を保存】をクリックしてください。
設定が保存されます。
以上の作業を行うことで、エディタを切り替えても改行タグと段落タグが保持されるようになります。
まとめ
WordPressの改行と段落が消える原因と解決方法をご紹介しました。
改行と段落が消える原因は、エディタの切り替え。
プラグイン「TinyMCE Advanced」の導入で問題を解決することができます。
3分少々で実践できる内容です。
試してみてください。
コメントを残す