body_class を使ってページごとに違う表示をする
body_classはbody要素用のテンプレートタグです。 下記のようにbodyタグに記述すれば、表示するページの種類などによってbodyに自動的にクラスを付加してくれます。そのクラスを使いcssをページごとに変えたりする事ができます。 <body <?php body_class(); ?>> body_class( $class ); $class にはクラス名が入ります。独自のクラスを付けることもできます。 使用例 <body <?php body_class(); ?>> トップページには body class=”home” というクラスが付くので、下のようにcssに記入すれば、トップページのヘッダーだけ背景を黒にしたりできます。 .home #header{ background-clor:black; } #header{ background-clor:grey; } 独自
【レスポンシブでスマートフォンのWordPressオリジナルテーマを作ろう】１つのCSSで出し分ける方法
元ネタはBrowser Detection and the body_class() Functionです。 ブラウザ別にbody_class() 関数にブラウザ別のクラスを加えるという方法。 つまり、bodyタグにスマートフォン用のclassが付与されるので、 頭に.iphoneを付けてCSS内で切り分ける方法です。 WordPressが提供する変数に下記の種類があります。 $is_lynx $is_gecko $is_IE $is_winIE $is_macIE $is_opera $is_NS4 $is_safari $is_chrome $is_iphone body_class() 関数にブラウザ別のクラスを加えるには、 function.phpに以下のように追記します。 <?php add_filter('body_class','browser_body_class'); f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
