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

WordPress 5.7にするとコメントアウトにPタグが自動挿入される場合の対処方法 静岡県のホームページ制作・WEB制作

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

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

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

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

CSSを見てみると

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

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

content: "​";

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

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

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

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

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

タイトルとURLをコピーしました