TwentyElevenのメニューバーの区切り線を付ける



内藤です。

WordPress3.2からのデフォルトテーマ『TwentyEleven』では、メニューバーの設定が管理画面からできるようになっています。
※『TwentyTen』でも設定が可能です。

初期状態では、ヘッダー下に表示されるメニューバーは、各項目の区切りがありません。

こんな感じです


これを ↓ のように区切り線が付くようにするやり方です。


TwentyElevnの子テーマで、管理画面の [外観] ⇒ [テーマ編集] のスタイルシートに次のコードを追加します。
※子テーマについてはこちらをご覧ください

#access ul li{
border-left:1px solid #999999;
border-right:1px solid #999999;
}
#access ul li + li{
border-right:1px solid #999999;
border-left:0px solid #999999;
}

#access ul ul li{
border-right:0px solid #999999;
border-left:0px solid #999999;
}

これで、項目ごとに区切りの線を付ける事ができます。
区切りの線の色は、こちらのカラーコードを参考に変えてみてください

2017年3月からのアメブロ常時SSL化に際しまして、「フリープラグイン」を使ったカスタマイズが利用できなくなる可能性があります
【追記あり】アメーバブログの常時SSL化に伴う仕様変更について|スタッフブログ
フリープラグインを使ったカスタマイズはせずに、CSSを使ったカスタマイズを行ってください