ロゴ
【note:検索上位を狙うブログ理論】一騎当千SEO

【マナブログコピー(WordPressテーマ)】グローバルナビゲーションの色を変更する方法【PC版】

外観デザイン設定

こんにちは、ごま吉(@Lv1gomakichi)です。

この記事では、マナブログコピーのヘッダーナビゲーションの色を変更する方法(PC版)を紹介します。

当ブログについて

マナブログさんに参考マニュアルとして掲載して頂きました😆
本家認定のマニュアルです。

【Manablog Copy】グローバルナビゲーションの色を変更する方法【PC版】

ヘッダーナビゲーションの色を変更は以下3箇所のCSSを追加すればOKです。
下記コードではPCプレビューが変更できます。

※スマホは別コードが必要です(こちらの記事をご参考ください)
※ver2でも動作確認済み


カスタマイザー追加CSSを開きます。



以下のCSSコードをコピペしてカラーコード(#番号)を変更すれば自由に変更できます。

①グローバルナビゲーションの背景色を変更

header .nav-bg {
background: #50CD2D;
}
	

②メニューの背景色を変更

header .nav-bg .nav .open>a, header .nav-bg .nav .open>a:hover, header .nav-bg .nav .open>a:focus {
 background: #BCE7C8;
}

③プルダウンメニューの背景色を変更

header .nav-bg .nav.navbar-nav a:hover {
background: #BCE7C8;
}

ちなみにカラーコードは、こちらのサイトが参考になります。
参考配色の見本帳


【動画解説】グローバルナビゲーションの色を変更する方法【PC版】

動画でも解説していますので合わせてご参考ください。

画像提供:Freepik – jp.freepik.com によって作成された banner ベクトル



注目こちらも合わせてどうぞ▼
アフィリエイトを始めるための手順を紹介しています。マナブログコピーのカスタマイズが終わったら『ASP登録』をしましょう。

note


注目こちらも合わせてどうぞ▼
アフィリエイト初心者向けに【月3,000円を稼ぐ着実なSEO】をテーマにnote執筆しました。マナブログコピーと合わせて運用すると効果大です。

note

人気記事【マナブログコピー(WordPressテーマ)】文字装飾プラグインの設定