前書き
静的サイトをWordpress化する際に一部のCSSが崩れているのを発見、、、 何が原因なのか調べていったらbody_classテンプレートタグによって生成されたクラスに原因があったことが判明。 修正前↓ ![スクリーンショット 2021-09-19 13.25.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1750261/d8c2d2a2-44db-9e2f-8290-781b0c3f03be.png) 修正後↓ ![スクリーンショット 2021-09-19 13.25.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1750261/f7866b6f-b6e5-b506-1281-bbda6e39d0e1.png)解決策
フックを活用してblogタグが生成されないようにしました。 こちらを参考にさせていただきました。 WordPressのbody_class()に独自のクラスを追加したり既存のクラスを削除する方法function del_body_class($classes) {
foreach ($classes as $key => $value) {
if ($value == 'blog') {
unset($classes[$key]);
// $valueがblogなら最後の要素への参照を解除します
}
}
return $classes;
}
add_filter('body_class', 'del_body_class');
ずばりこのままです。
CSSにはblogのclass名は付けていないのですがなぜこの部分だけが崩れてしまったのかは疑問です。。