WordPress 5.7にするとコメントアウトにPタグが自動挿入される場合の対処方法

WordPress 5.7にしたら変な空白ができてしまったという人がいるかと思います。

「検証」でチェックしてみるとコメントアウト部分が以下のようになっています。

<p>
 ::before
<!--コメントアウト-->
</p>

こんな感じ。コメントアウトの部分がPタグで囲まれている。

CSSを見てみると

p:empty:before {
    content: "​";
}

ということになっている。つまり

content: "​";

が悪さをしているということ。

なのでその部分を無効にするようにCSSで上書き。

p:empty:before {
    content: initial!important;
}

このようにすると、Pタグを無効とすることができます。

弊社で管理しているサイトはこれで解決しました。