WordPress(ワードプレス)でヘッダー部に入るCSSリンクをページごとに変える方法 #wp
2014/11/09
1年以上前の記事です。内容が古い可能性があります。
最近では、「サイト作成」=「CMS導入」=「WordPress対応」という仕事が多くなってきました。
もともと、WordPress(ワードプレス)はブログ用CMSだったのですが、最近のバージョンアップで一般サイトでも十分使える機能が搭載されてきてるんですよね。
ただし、一般的なサイトではトップページとコンテンツページが違うデザインのことが多いのに比べ、
WordPressで作られるテーマ(テンプレートの集まり)の多くはヘッダー、フッター共通のものばかりです。
フッターは、まあいいでしょう。困るのはヘッダーです。
ヘッダーにはデザインを司るのに重要なのはCSS、そのリンクはがあるわけでして、
これをページごとに変えてやることでデザインを変えてあげているという人も結構いるんじゃないでしょうか?
今回は、そんなときにどうすればいいのかのお話。
いくつかの方法がありますが自分は何しろ楽な方法を選んでやることにしました。
ちゃんとやろうとしたら以下のサイトが参考になります。
□ WordPressでCSSやJavascriptをページ毎に振り分ける | Webクリエイターネット
こちらでは、「function.php」に関数を用意してしっかりとした振り分けを行なっています。
ただですね。自分はこの方法は使いませんでした。
こちらのブログにも
header.phpで条件分岐させてもよい
と、書かれていますがまさに、この方法をとりました。
具体的には
<link href=”<?php bloginfo(‘url’); ?>/css/top.css” rel=”stylesheet” type=”text/css”>
<?php else : // トップページ以外の場合 ?>
<link href=”<?php bloginfo(‘url’); ?>/css/contents.css” rel=”stylesheet” type=”text/css”>
<?php endif; // 条件分岐終わり ?>
といった表記をheader.phpのCSSを読み込ませている部分に書いてあげればOK。
この場合top.cssがトップページのみのCSS、contents.cssがトップページ以外に対応するCSSになります。
なお、<?php bloginfo(‘url’); ?>に関してはこちらの記事を参照。
□WordPress(ワードプレス)テーマで使った画像やJSファイルの場所
つまり、「if( is_home() )」の分岐でトップページのみのCSSを設定して「else」以下をそれ以外としているわけです。
自分の場合、とりあえず、これで十分でした。
via : 【Wordpress】条件分岐とCSSを使ってカテゴリー別や固定ページ別に違う画像を表示させる方法 | bibouroku
アドセンス広告メイン
関連記事
-
-
「zenback」のツイートボタンは @zenback へのメンションになる
1年以上前の記事です。内容が古い可能性があります。今度は「zenback」のちょ …
-
-
WordPress(ワードプレス)で半角スペース付きのタグが使えるようになっていた
1年以上前の記事です。内容が古い可能性があります。これ、ちょっと嬉しいです。 い …
-
-
日本郵便スゲぇ。「進撃の巨人」等、漫画を使ったとんでも宛名の「年賀状」が流行っている
1年以上前の記事です。内容が古い可能性があります。うちにはさすがにこういうの届き …
-
-
デザインの配色に迷ったときに使えるツール
1年以上前の記事です。内容が古い可能性があります。デザイン系ブログとしてよく読ま …
-
-
MITライセンスのすばらしいスクリプトたち【Ajax/Javascript】
1年以上前の記事です。内容が古い可能性があります。世の中にはすばらしいフリーウェ …
-
-
自由研究はプログラミング。「プログラミン」が面白い
1年以上前の記事です。内容が古い可能性があります。文部科学省が小学生向けオンライ …
-
-
最も短いブラウザ判別スクリプト【JavaScript】
1年以上前の記事です。内容が古い可能性があります。コリスさんに最も短い(と思われ …
-
-
Flickrがリニューアル。とにかく写真が大きくて綺麗!
1年以上前の記事です。内容が古い可能性があります。なかなか日本語対応してくれない …
-
-
ワードプレス(WordPress)でトップページをデザインする方法 #wp
1年以上前の記事です。内容が古い可能性があります。さて、テーマのコピーが用意でき …
-
-
WordPressでコンテンツの一部(記事途中から等)だけに認証(閲覧制限)をかける方法
1年以上前の記事です。内容が古い可能性があります。まさか、当ブログにこのシステム …