ワードプレスのテンプレート「賢威」は、

 

ワードプレスのテーマを有効化させるだけでも

 

すぐにSEOに強いブログが作成できてしまいます。

 

 

でも、元々のデザインや色だと

 

ちょっと物足りないなぁ~。

 

もうちょっとオリジナルにしたいなぁ~。

 

 

という方もいるかもしれませんね。

 

 

今回はブログ内の印象がガラっと変わる

 

グローバルメニューの色変更の方法を一緒に見ていきましょう。

 

賢威7グローバルメニューの色変更方法を解説!

 

賢威7のグローバルメニューの位置確認!

念のため賢威7のグローバルメニューの位置を確認。

 

私のブログで言う、

 

 

ブログタイトルのすぐ下のメニューをグローバルメニューと言います。

 

ここの位置ってユーザーがブログに訪れた際、

 

すぐに目に入る場所なので色だけでも

 

ずいぶん印象が変わってきます。

 

 

グローバルメニューの色を自分だけのオリジナルの色へと変更してみましょう。

 

 

ちなみに、賢威のグローバルメニューの設定方法は

 

こちらで説明しています。

↓  ↓  ↓

賢威7のグローバルメニューの設定方法こちら

 

賢威7のグローバルメニューの色変更方法

では早速グローバルメニューの色を変更していきます。

 

①ワードプレスのダッシュボード→外観→テーマ編集へと進む

 

②次に画面右側にある、base.cssをクリックします。

 

③base.cssが開けたら、base.cssの最後に以下のコードを追記してください。

 

追記すると以下のようになります。

 

 

ここまでできたら変更を保存、をクリックします。

 

これで賢威のグローバルメニューの色の変更は完了です。

 

 

ブログを確認してみましょう。

 

 

変更できました。

 

カラーコードは以下のサイトが便利です

https://www.colordic.org/

 

グローバルメニューの色を元に戻す方法!

賢威7のグローバルメニューの色変更は、

 

サイト全体の印象をガラっと変えてしまいます。

 

 

せっかく色を変更してみたけど、

 

やっぱり元に戻したいな~

 

というのであれば、

 

先ほど追記したコードを消去するだけです。

 

 

これでグローバルメニューの色を元に戻すことができます。

 

 

ここで注意事項なんですが、

 

追記したコードだけを消去し、

 

くれぐれもほかのソースコードはいじらないようにしてください。

 

むやみにいじってしまうとブログの体裁が崩れてしまうことがあります。

 

 

 

ではでは、ぜひあなただけのグローバルメニューの色をカスタマイズしてください!