やまでら くみこ のレシピ

人気レシピの作り方を分かりやすく紹介します。

グローバルナビゲーションを、記事のカテゴリに応じて色付けする。wordpressのカスタムメニューが便利。

投稿日:2014年3月30日 更新日:


wordpressのカスタムメニュー

いろいろなブログで見かける「グローバルナビゲーション」。
各カテゴリページへのリンクや、サイトマップなどの固定ページヘのリンクが、ずらっと横に並んでいる棒状のパーツのことです。
ひと目でサイトのおおまかな構成がわかるので便利ですよね。
もちろん、このブログにも導入しています。

今回は、そのグローバルナビゲーションを、表示中のページに対応して色分け表示する方法をご紹介します。
例えば「暮らし」カテゴリの記事を表示している場合、グローバルナビゲーションの「暮らし」が色付けされます。

スポンサーリンク

カスタムメニューの解説記事

参考にしたのは、MdN DESIGN INTERACTIVEのWordPressのカスタムメニューを使用してグローバルナビゲーションを作成するという記事。
この記事のおかげで、カスタムメニューの仕組みがなんとなく理解できました。まあ、なんとなくですけどね。

ちなみに、私は、色分けのために以下のコードをstyle.cssに追加しています。

wordpressでブログを運営していて、まだグローバルナビゲーションをカスタマイズしていないという方は、いちど検討してみてはいかがでしょうか。

/* カスタムメニューの全般の設定 */
#navi-in{
background-color:black;
}
#menu-nav li{
border:none;
padding:10px 20px 10px 20px;
}
#menu-nav li a{
font-size:14px;
color:white;
}
/* マウスを乗せた時 */
#menu-nav li a:hover{
color:DarkOrange;
text-decoration:none;
}
#menu-nav li.current-menu-item a:hover,
#menu-nav li.current-post-parent a:hover{
color:white;
}
/* アクティブなメニュー */
#menu-nav li.current-menu-item,
#menu-nav li.current-post-parent
{
background-color:DarkOrange;
}

画像引用元:I love Mac! by Takashi Hososhima

スポンサーリンク

関連記事

【WordPress】カテゴリを判別して、最新記事をサムネイル付きで一覧表示する方法

今回は、表示している記事のカテゴリを判別して、そのカテゴリの最新記事一覧をサイドバーに表示する方法をご紹介します。 しかもサムネイル画像と一…

有名ブロガーも愛用するレンタルサーバ「シックスコア」。WordPressサイトを引越すときには、ファイアーウォールの設定に要注意です。

これまで、さくらのレンタルサーバで運営してきたこのブログ。今日から心機一転、シックスコア(sixcore)に、WordPressを連れてお引…

wordpress

WordPressをブルートフォースアタックから守るために、最低限やっておきたい.htaccessの設定

世界中で頻発する、WordPressを狙った不正なアタック。 その手口の多くは、「ブルートフォースアタック」と呼ばれる、パスワードの総当たり…

短いメタデータ(descriptions)。All in One SEO Packの自動生成が原因でした。

Googleのウェブマスターツールでこのブログの状況を確認していたら、いくつかの記事に「短いメタデータ(descriptions)」という警…

楽天ランキング上位の商品を、全自動でアフィリエイトする方法をご紹介します。

WordPressで運用しているブログに楽天市場の人気商品を自動で貼り付ける方法を、ご紹介します。 一度設定をしておけば毎日更新されるので、…

人気記事ランキング

プロのお弁当 おかず簡単レシピ。96日分まとめ。

お弁当の簡単おかずレシピを96パターンご紹介します。 全96品のうちの…

みきママの人気レシピ。81品まとめ。

おうち料理研究家のみきママの人気レシピ81品をご紹介します。 当サイト…

柳澤英子さんのやせるおかず作り置きレシピ。66品まとめ。

料理研究家の柳澤英子さんの人気レシピ66品をご紹介します。 当サイトで…

家事えもんがすすめる、窓の結露対策。エタノールと中性洗剤を使います。

家事えもんこと、タレントの松橋周太呂さんがすすめる、窓の結露を防止する…

プロの作り置き人気レシピ。常備菜84品まとめ。

プロが考案した野菜や魚介を使った料理の中から、常備菜におすすめの人気レ…

ピックアップ記事

玉ねぎヨーグルトの作り方。得する人損する人で話題のダイエットメニュー。

最近(2017年11月2日)日本テレビの「あのニュースで得する人損する…

クリスマス チキン ローストチキン パーティー 料理 メニュー

クリスマスのレシピ。パーティー料理の簡単メニュー81品まとめ。

クリスマスにおすすめの、パーティー料理81品をご紹介します。 当サイト…

お正月におすすめの肉料理。簡単レシピ13品まとめ。

お正月におすすめの肉料理を13品ご紹介します。 当サイトでは、テレビで…

超時短レシピ。10分以内で作れる人気料理145品まとめ。

10分以内で作れる時短レシピを145品ご紹介します。 当サイトではテレ…

超時短レシピ。3分以内で作れる人気料理53品まとめ。

3分以内で作れる超時短レシピを53品ご紹介します。 当サイトではテレビ…

食パンの美味しい食べ方。人気レシピ23品まとめ。

食パンを使った人気レシピ23品をご紹介します。 当サイトでは、テレビで…

肉じゃがの人気レシピ。おすすめ7品まとめ。

肉じゃがの人気レシピ7品をご紹介します。 当サイトでは、テレビで話題に…

鍋料理の人気レシピ。おすすめ10品まとめ。

鍋料理の人気レシピを10品ご紹介します。 当サイトではテレビで話題にな…

鶏むね肉の人気レシピ。おすすめ23品まとめ。

鶏ムネ肉の人気レシピを23品ご紹介します。 当サイトでは、テレビで話題…

小倉優子さんの人気レシピ。ゆうこりんの料理11品まとめ。

ゆうこりんこと、タレントの小倉優子さんの人気レシピを11品ご紹介します…

平野レミさんの人気レシピ。61品まとめ。

料理愛好家の平野レミさんの人気レシピを61品ご紹介します。 おしゃれな…

栗原心平さんの人気レシピ。おすすめ43品まとめ。

料理研究家の栗原心平さんの人気レシピ43品をご紹介します。 栗原さんと…

家事えもんの人気レシピ。91品まとめ。

家事えもんこと、タレントの松橋周太呂さんの人気レシピをご紹介します。 …

サイゲン大介さんの人気レシピ。28品まとめ。

サイゲン大介こと、お笑いコンビ うしろシティの阿諏訪泰義(あすわたいぎ…

北斗晶さんの人気レシピ。73品まとめ。

タレントの北斗晶さんの人気レシピ73品をご紹介します。 子供も喜ぶ優し…

ダイエットの人気レシピ。糖質制限メニュー154品まとめ。

糖質制限ダイエットにおすすめの人気レシピ154品をご紹介します。 当サ…

銀だこが教える、たこ焼きのレシピ。家庭で作る方法。

人気たこ焼きチェーン店「築地 銀だこ」がすすめる、家庭でもできる、タコ…

プロの作り置き人気レシピ。肉の常備菜36品まとめ。

プロが考案した肉料理の中から、常備菜におすすめの人気レシピを36品ご紹…

キャベツの人気レシピ集。キャベツの簡単料理の作り方まとめ。

キャベツの人気レシピ50品をご紹介します。当サイトでは、テレビで話題に…

じゃがいもの人気レシピ集。じゃがいもの簡単料理の作り方まとめ。

じゃがいもの人気レシピ50品をご紹介します。当サイトでは、テレビで話題…

白菜の人気レシピ集。白菜の簡単料理の作り方まとめ。

白菜の人気レシピ18品をご紹介します。当サイトでは、テレビで話題になっ…

最新記事

唐揚げ弁当の簡単レシピ。小林カツ代さんの唐揚げがメイン。

唐揚げ弁当の簡単レシピをご紹介します。 メニューは次の3品です。 メニ…

いんげんの茹で方。電子レンジでチンすると栄養を逃さず摂れます。

いんげんを電子レンジでチンする方法をご紹介します。 いんげんは、鍋で茹…

ティラミスの簡単&節約レシピ。みきママのおすすめ。

ティラミスの簡単&節約レシピをご紹介します。 節約料理研究家のみきママ…

小林カツ代さんの唐揚げのレシピ。サクサクジューシーになる作り方。

外はサクサク中はジューシーな唐揚げのレシピをご紹介します。 料理研究家…

サバストロガノフとサバ缶ポテトサラダのレシピ。NHKあさイチのサバの味噌煮缶料理。

昨日(2017年12月12日)NHKの「あさイチ」で話題になった、サバ…

サイト内を検索

このブログについて

このブログは、鎌倉在住の主婦が綴るレシピサイトです。

これは皆んなでシェアしないともったいない!と思った事柄を記事にしています。

最近の話題は、こんな感じです。

  1. 人気の簡単料理のレシピ
  2. 夕食やお弁当の節約献立
  3. 忙しくてもラクチンな作り置き
  4. 無理なく続けられるダイエットレシピ
  5. 食材の基本的な調理法や保存方法