WordPressでページごとにCSSを記述したい場合
WordPressでページごとにCSSをかける
ページごとにかけたい場合どうすれば
WODPRESを利用しているとページごとにCSSを使い分けたい場合が出てきます。
例えば同じレイアウトで、Phpで吐き出しているのだけど、カテゴリーが違って、ボタンの色をカテゴリーごとに変更したいなどです。
色々方法はあると思いますが、その中でも簡単に利用できる方法を一つご紹介します。
BodyにClassをつける
ページごとにCSSを記述したい場合のほとんどがBody内に存在すると思います。
Phpでこの用に記載するとページ別のIDを吐き出してくれます。
<body <?php body_class(); ?>
です。
body_class()を利用することにより、固定ページのIDを含むクラス属性(page-id-1)などを出力します。
なので、CSSでは
.page-id-1 my-btn{
background-color:red;
}
などの記載ができるという仕組みになっています。
ぜひ利用してみてください。
No Comments