Wordpressを5.7に更新すると、文節の間の余白がやたら大きく出るように。
どうも余計なpタグが発生している。
しかも内部に
。(空のpタグもある。)
エディタの方にはないのになぜ。。
空のpタグはcssで、スペース入りのものはjsで対処。
scss
// wordpress5.7での余白対応。
p:empty::before{
content: "";
}
javascript
// wordpress5.7で発生したスペースのみのpタグを削除する。
// IE対応のため、forEachではなくforを使用する。
const paragraphs = document.querySelectorAll('.entry-content p')
for (let ii = 0; ii < paragraphs.length; ii++) {
if (paragraphs[ii].innerHTML === " "){
paragraphs[ii].remove()
}
}
参考