0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【エラー対処】(Wordpress) body_classテンプレートタグ付加によるCSSの崩れの対処

Posted at

前書き

静的サイトを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名は付けていないのですがなぜこの部分だけが崩れてしまったのかは疑問です。。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?