wordpress functions.php でスタイルシートの設定を特定のページにのみ適用させる

CATEGORY: WordPress

2013年6月9日

style.css に設定を記述する場合、 if(!is_tax(‘nature’)) {～} といった条件分岐を利用することはできないので、適用先のページを特定できるクラス名を調べて、セレクタに追加する必要がある。

スタイルシートの設定を特定のページのみに適用させる方法として、functions.php に記述する方法。

  • style.css に設定を追加するのではなく、<style>～</style> に設定を記述して、<head>～</head> 内に挿入する方法を利用する。
  • style.css に記述した設定はすべてのページに適用されるが、<style>の設定は特定のページのみに適用できるというメリットがある。
  • この設定は、add_action(‘wp_head’, ‘mycss’)によって<head>～</head> 内に記述した「wp_head()」を通して出力される。




function add_mycss() {

    if(is_tax(‘nature’)) { ?>