特定のカテゴリーだけ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

ブリヂストン サブナード 整備5

ワイヤー交換 よく見ると、アウターケーブルが結構痛んでいたので、ケーブルを交換してみました。 アウターだけ交換するのも何なので、インナーケーブルも変えました。 アウターはJagwireにしてみました。ちなみに黒です。一番安かったので。。。       シフター交換 ママチャリのシフターは安く、インナーケーブルだけ変えるとの大差ない金額なので、ケーブルだけでなく、シフターも変えてみました。もともとは、Revoshiftっていう、グリップシフターだったのを、サムシフトに変更してみました。...

GIANT ROCK 4800 整備4

ハンドル部分 ステムがサビサビだったので、ついでに変えてみました。 元々はスレッドステムだったんだけども、アヘッドステムに変えました。 というか、本当はフォークごと変えたい。   ハンドルバーはNITTOのもの(これはそもそも、購入時についていたバーではない)だったんだけど、念の為NITTOのHPを見たところ、同じ型番のハンドルバーがなかったものの、ほぼ同じ型番の同形状のバーで仕様を確認したところ、スレッドステムじゃないとだめですよ的なことが書いてあったんだけども、アヘッドステムをとりあえず買ってみました。  ...

GIANT ROCK 4800 整備4

ハンドル部分 ステムがサビサビだったので、ついでに変えてみました。 元々はスレッドステムだったんだけども、アヘッドステムに変えました。 というか、本当はフォークごと変えたい。   ハンドルバーはNITTOのもの(これはそもそも、購入時についていたバーではない)だったんだけど、念の為NITTOのHPを見たところ、同じ型番のハンドルバーがなかったものの、ほぼ同じ型番の同形状のバーで仕様を確認したところ、スレッドステムじゃないとだめですよ的なことが書いてあったんだけども、アヘッドステムをとりあえず買ってみました。  ...

0 Comments

0コメント

コメントを提出

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

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