【WordPress】 空の Pタグ 自動挿入によるレイアウト崩れを防ぐ

こんにちは、さち です。

先日、WordPress でブログを書いていると、自動で中身が空の <p> タグが挿入されてレイアウトが崩れる問題に遭遇しました。

ただ、<p> タグを自動挿入自体は便利なので、この機能を無効にはしたくありません。

ということで、空の <p> タグができる問題を解決していきます。

解決方法

この問題を根本から解決することは難しいため、空の <p> タグを隠すことで解決します。

1. WordPress の管理画面を開き、「外観」→「テーマエディター」と進みます。
   
2. スタイルシート「style.css」を開きます。子テーマを使うテーマの場合は、子テーマの style.css を開きましょう。
   
3. 下記のような CSS を追記。下部にある「ファイルを更新」をクリックします。

   p:empty {
     display: none;
   }

これで、空の <p> タグは隠れて見えなくなり、レイアウトも崩れなくなりました。