ナビゲーションメニューをカスタマイズ

a-01

Twenty Twelveのメニューバーを好みの形にしてみようの回です。

メニューはそのままだと、味もそっけもないので、変えたいと思います。そのままでOK!最高!と言う人も他で応用が利くかもしれないので、覚えておいてそんはないぞ。

現在このブログは【Twenty Twelve】を使用していません。

【simplicity】というテーマを使用しておりますので、カスタマイズが面倒という方は一度配布サイトを覗いてみては如何でしょうか。

シンプルな無料Wordpressテーマsimplicity

※WordPress公式のテーマではありませんが純国産。

スポンサーリンク

メニュー項目

子テーマ前提!作っておいてね。

それでは、いつもの如く、私のCSSを晒していきます。

これを自分好みにアレンジして行けば、言い訳です。要らないものを削るも良し、追加するのも良し!なのですね。

で、これだとマウスオーバーの時、文字色が変わらないので、それもついでに追加しときました。

色の指定

【#fff=白】みたいな感じのやつだけど、さっぱり分かんないというお茶目さんは、FREE画像加工ソフトなんかに色を指定する項目があると思うから、それで調べるなり、検索で【カラーコード】や【色見本】と打ち込むと出て来るので、気に入った色を指定してちょうだいな。

その他

box-sizingについてだが、説明が面倒だから詳しくはまた今度、機会が有ったらと言う事で、簡単に説明しとく。

要は「ここからはみ出すんじゃね~ぞコラ!」

と指定している訳、プログラマ目指してんじゃないんだから、そんなもんだと覚えといてね。

よし!今回はこの辺で終わります。

スポンサーリンク

シェアする

フォローする

スポンサーリンク