【WP】固定ページ毎に別々のCSSを当てる方法

CSSをページ毎に用意し、固定ページ毎に別々のCSSを当てたい時があるかと思います。
そんな時どのように書けばいいのか紹介します。

 

 

固定ページに別々のCSSを当てる方法

TOPページのみにCSSを設定する

下記でTOPページのみに使用するCSSを設定できます。

 

<?php if(is_front_page()) : ?>
TOPページCSS
<?php else: ?>

 

各固定ページに使用するCSSを設定する

「管理画面」>「固定ページ」>「固定ページ一覧」から固定ページIDを確認し、「固定ページID」に入れます。

 

<?php if(is_page('固定ページID')) : ?>
固定ページ用CSS
<?php elseif (is_page('固定ページID')) : ?>
固定ページ用CSS
<?php else: ?>

 

TOP,各固定ページに使用するCSSをまとめる

共通で使用するCSSは下記外に記載すれば読み込むことができます。

 

<?php if(is_front_page()) : ?>
TOPページCSS
<?php elseif(is_page('固定ページID')) : ?>
固定ページ用CSS
<?php elseif (is_page('固定ページID')) : ?>
固定ページ用CSS
<?php else: ?>

 

 

以上!
PHPで個別ページ毎にCSSを分ける方法でした!

コメント