特定のカテゴリーだけCSSを変える

2013年4月25日

カテゴリー:Wordpress

特定のカテゴリーに属するページのレイアウトを変えたい場合。

色々あると思うけど、一番簡単なのはCSSを変える方法。

 

 

<!--?php if ( in_category('1') ) { ?-->
<link href="<?php bloginfo('template_directory'); ?>/category1.css" rel="stylesheet" media="screen" type="text/css" />
<!--?php } else { ?-->
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" media="screen" type="text/css" />
<!--?php } ?-->

これを header.phpのcssが記述されている辺りに

デフォルトのcssと差し替える形でいれる。

 

上記の場合は、
カテゴリーidが 1の場合、category1.cssってcssに差し替える。

それで、それ以外のカテゴリーの場合は、
デフォルトのcssを使う。

 

 

 

ちなみに、

<?php elseif(in_category(‘2’)): { ?–>

みたいに eleseif を真ん中に挟めば、

パターン分けを増やせます。

 

 

 

 

また、
<?php if(in_category(array(‘1′,’2′,’3’))): { ?–>

みたいにすれば、複数カテゴリーを設定出来ます。

 

idでカテゴリーを指定しているので、

  • やさい
    • 葉っぱ
    • 根菜

やさいって カテゴリーを指定しただけでは、
やさい に含まれる 葉っぱってカテゴリーのcssは自動では代わりません。
親・子ともに指定しないと、親カテゴリーのCSSだけが切り替わってしまいます。

 

デル株式会社
HP Directplus -HP公式オンラインストア-

Related Articles

ETF投資 その2~REIT~

ETF投資 その2~REIT~

リートについて 日本のリートに投資米国のリートに投資してみました。 日本のリートについては、個別のリートにも投資しているので二重に投資しています。   国内リート 対象のETFは14本あるのですが、東証REIT指数と連動しているのは、そのうち10本です。 流動性というか、時価総額等から考えて、 1343 NEXT FUNDS 東証REIT指数連動型上場投信 1476 iS JリートETF 1345 上場インデックスファンドJリート各月分配 このあたりだと思います。  ...

ボタンの数が多すぎる製品を見て、アップルはすごいって改めて思った

ボタンの数が多すぎる製品を見て、アップルはすごいって改めて思った

ティファールの電気ケトル使ってて思った。 アップルはすごいなぁと。 スイッチの数が考えられてるって改めて思った。     温度調整できる電気ケトル、多分ティファールが初めて出した。 画期的だなと思って、買って、しばらく使ってる。   無駄なボタンが多すぎる。   ボタンが4つある。 電源、保温、沸騰、温度調整。   電源ボタンとか、そもそも要らないでしょ。 電源ボタンと沸騰ボタン分ける必要が無くて、そもそも電源オフも必要がない。...

ボタンの数が多すぎる製品を見て、アップルはすごいって改めて思った

ボタンの数が多すぎる製品を見て、アップルはすごいって改めて思った

ティファールの電気ケトル使ってて思った。 アップルはすごいなぁと。 スイッチの数が考えられてるって改めて思った。     温度調整できる電気ケトル、多分ティファールが初めて出した。 画期的だなと思って、買って、しばらく使ってる。   無駄なボタンが多すぎる。   ボタンが4つある。 電源、保温、沸騰、温度調整。   電源ボタンとか、そもそも要らないでしょ。 電源ボタンと沸騰ボタン分ける必要が無くて、そもそも電源オフも必要がない。...

0 Comments

0コメント

コメントを提出

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください