- 締切済み
wordpressでcssを振り分ける方法
貴重なスペースをお借りして質問させて頂きます。 ｘhtml + cssでコーポレートサイトを制作し、wordpressでCMS化しようとしているのですが、 各ページで異なるCSSを使いたいと思っています。テンプレートファイルに対しての振り分けはできるのですが、スラッグごとに異なるcssの振り分けの仕方を是非ご教示願えないでしょうか。 私の方でも調べてはいるものの、適用してもうまくいかないことが多く手詰まり状態でして、 助けて頂ければ幸いです。 どうぞ宜しくお願い致します。
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- kuzumiHK
- ベストアンサー率72% (132/183)
header.phpを編集してbody要素にページ毎のIDを振ることができるようです。 下記のページが参考になると思います。 [サイト作り] [WordPress] bodyを、ページごとにbody id="xxx"に変更 http://665-667.com/2009/09/14/215318 bodyのidが「post-ページID」のときはpタグのfont-sizeを1000%にする場合、 cssのテンプレに下記のように追記することでそのページだけ反映されると思います。 body#post-ページID p{ font-size:1000%; } ただ、ページIDは記事のdiv要素にもidとして入っているため、 idがユニークではなくなり文法エラーになる可能性があります。 下記のようにclassとして追加してスタイルもbody.post-ページIDとしたほうが安全な可能性もあります。 ▼header.phpの<body>を下記のような条件分岐に差し替える <?php if (is_home()) { ?> <body class="home"> <?php } elseif (is_search()) { ?> <body class="search"> <?php } elseif (is_archive()) { ?> <body class="archive"> <?php } elseif (is_category()) { ?> <body class="cat-<?php the_category_ID(); ?>"> <?php } elseif (is_page()) { ?> <body class="page"> <?php } elseif ( is_single()) {?> <body class="post-<?php the_ID() ?>"> <?php } else { ?> <body> <?php } ?>
お礼
どうもありがとうございました！！