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

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タグを無効とすることができます。

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

この記事を書いた人
tomo

サイト制作、SEOに20年以上携わる。その知識や技術を活かしさまざまな企業のWEBマーケティングにコンサルタントとして携わり実績を出している。
WEBマーケティングに関する大学での授業やウェビナーでの登壇、さらには国際学会での発表を行っている。
ホワイトな施策を中心とし、安全に、そして確実にクライアントの数字を上げる施策を心掛け、高い成功実績を残している。

tomoをフォローする
未分類
シェアする
タイトルとURLをコピーしました