賢威のグローバルメニューのフォントサイズや背景色・文字の色の変更方法


この記事では、賢威のグローバルメニューの変更について解説します。

賢威グローバルメニューフォントサイズ背景色変更画像1

グローバルメニューの背景色を変更する方法

賢威グローバルメニューフォントサイズ背景色変更画像2

ワードプレスのダッシュボード→外観→エディター→design.cssと進み、上の画像の部分を探してください。

この赤線のところにある「background-color: #fff;」の「#fff;」の値を変えてやればOKです。今回は例として黄色(#ff0)にしてみたいと思います。「ファイルを更新」ボタンをクリックして保存し、トップページを確認します。

賢威グローバルメニューフォントサイズ背景色変更画像3

このようになればOKです。

メニューの中身の色を変えたい時は同じdesign.css内から次の部分を探して下さい。

賢威グローバルメニューフォントサイズ背景色変更画像4

ここの数値も同様に#ff0にしてみます。「ファイルを更新」ボタンをクリックして保存し、トップページに行ってみます。

賢威グローバルメニューフォントサイズ背景色変更画像5

このようになっていればOKです。

グローバルメニューのフォントサイズを変更する方法

続いて、フォントサイズの変更です。

こちらもdesign.cssから次の箇所を探して下さい。

賢威グローバルメニューフォントサイズ背景色変更画像6

先ほどメニューの色を変更した辺りにあります。

ここの「font-size: 1.2em;」の数値を変更すれば、メニューのフォントサイズを変えることができます。

今回は例として、「2.2em;」にして見ます。

「ファイルを更新」ボタンをクリックして保存し、トップページに行ってみます。

賢威グローバルメニューフォントサイズ背景色変更画像7

このようになっていればOKです。

グローバルメニューの文字の色を変更する方法

最後に、グローバルメニューの文字の色を変更します。

こちらもdesign.cssから次の箇所を探して下さい。

賢威グローバルメニュー文字色変更画像1

ここの数値を#00fにしてみます。「ファイルを更新」ボタンをクリックして保存し、トップページに行ってみます。

賢威グローバルメニュー文字色変更画像2

このようになっていればOKです。ここのコードはグローバルメニューの文字の色と、リスト階層の文字の色を同時に指定しているので、両方の文字の色が変わります。

これらの設定はあくまで例なので、ここはお好みで調節して下さい。

次ページ

12次

今回の記事はお役にたてましたでしょうか?

もし、今回の記事を読んで感想や分からない事などありましたら、下のフォームより僕にお伝え下さい。

些細な事でも構いません。

おそらく、あなたが抱いた疑問は、これからこの記事を読む方も抱く疑問です。

そういった疑問を1つ1つ解決していきます。

コメントして頂ければ気づき次第、すぐに回答いたします。

このブログは、

・アフィリエイト開始初月から9万円のネット収入が得られた秘密

アフィリエイト開始2ヶ月目で以前勤めていた会社からの給料と
 同額
のネット収入を確保した方法

・5ヶ月目で月収120万円を達成した最先端テクニック

・これから流行り始めるブログマネタイズの新しい思考法

などを書いています。

只今、ブログの内容をより体系的にまとめたビジネス教科書を
無料でプレゼントしています。

以下のフォームに教科書を受け取るメールアドレスと、
あなたの苗字を記入してプレゼントをお受け取り下さい。





記事一覧


著者:ヒデアキ
現在は、毎月100万円の収入を得ているブログアフィリエイトの知識を活かして「新たな収入源を手に入れ大切な人を守りたい」と真剣に考えている方を全力でサポートしています。
更に詳しいプロフィールはこちら


このページの先頭へ