賢威6のグローバルメニューの色サイドバーの色タグの色変更方法

今回は、

 

賢威6の

 

・グローバルメニューのカラー変更

 

・サイドバーのカラー変更

 

・タグのカラー変更

 

を一気にお伝えしていきます!

 

まずは賢威6のテーマを編集する前に、

 

必ずバックアップを取って、安全にカスタマイズしていきましょう。

↓   ↓   ↓

→賢威のカスタマイズ前必ずバックアップを取ろう!

 

賢威6のグローバルメニューカテゴリータグの色変更方法

 

賢威6グローバルメニューの色変更

 

グローバルメニューはブログ上部の箇所ですね。

 

賢威6のプリティ版のデフォルトですと、

 

薄いグレーでちょっと地味。

 

今回は薄い黄色に変更したいと思います。

 

①外観→テーマの編集→design.cssに進む

 

②design.cssのグローバルナビの以下の箇所を探す

 

 

③矢印部分の#f0efea;を好きなカラーコードに変更します。

 

(htmlカラーコードと検索するとカラーコード一覧がまとまっている

サイトがあるので参考にしましょう。)

 

今回私は薄い黄色にしたかったので、#f0e68cを選びました。

 

変更すると以下のようになるはずです。↓

 

④ここまでできたらいったんファイルを更新して保存しましょう。

 

 

次に自分のブログを確認してみましょうか。

 

ありゃ~…グローバルメニューの中だけ変わってませんね・・・

 

これだとつぎはぎみたいです(笑)

 

なのでもう一段階カスタマイズする必要があります。

 

⑤外観→テーマの編集→design.cssの編集に進む

 

⑥以下の箇所を探します↓

 

 

こちらの部分の#以降のカラーコードを変更します。

 

ここまで終わればファイルを更新して

 

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

 

 

できました!

 

ワードプレスのグローバルメニューはクリックしてもらう事が

 

多い箇所です。ぜひオリジナルのカラーにしてみてくださね。

 

賢威6サイドバーの色変更

次に賢威6のサイドバーの色を変更しようと思います。

 

プリティ版のデフォルト色は以下。

 

デフォルトだと薄いグレーですね。

 

これをピンクにしたいと思います。

 

①外観→テーマの編集→design.cssへ進む

 

②/*●コンテンツという所の以下の箇所を探します。

 

③/*見出しの文字の色が、サイドバーの文字色なので好きなカラーコードに変更します。

 

④以下のようにコードを追記することによりサイドバーの背景色が変更できます。

 

 

このhtmlコードを追記すると、サイドバーの色が変更できますね!

 

 

変更できました!

 

賢威6サイドバーのななめ線を消す方法!

番外編ですが、賢威6のプリティのサイドバーには

 

ななめ線が入ってしまっています。。

 

 

なーんかすっきりしないんだよな、という時は

 

このななめ線もかんたんに消すことができます。

 

①外観→テーマの編集→design.cssに進む

 

②先ほどと同じ箇所ですが、

 

/*●コンテンツという所の以下の箇所を探しましょう。

 

 

こちらを消してください。

 

消すと以下のようになります。

 

ここまでできたらファイルを更新して

 

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

 

 

できましたね!かなりすっきりした印象になりました。

 

賢威6タグの色変更方法

最後にタグの色も変更してみましょう。

 

賢威6プリティ版のタグのデフォルト色は以下↓

 

今はピンク系の色ですが、例として水色系にしてみましょうか^^

 

①外観→テーマの編集→design.cssに進む

 

②メインコンテンツ(本文)の以下の箇所を編集

background:の#から、好きなカラーコードにかえればいいですね。

 

ここまで終わればファイルを更新してブログを確認してみます。

 

 

できました!あなたのイメージに合わせたタグの色に変更してみてください。

 

でも、特に賢威6プリティ版なんですが、

 

タグのすぐ下に吹き出しがついています・・・

 

 

このままだとかっこ悪いですね~

 

なのでプリティ版のタグの吹き出しの色を変える方法と、

 

タグの吹き出しを削除する方法も紹介しておきます。

 

賢威6プリティ版見出しの吹き出しの色を変える方法は?

 

矢印部分のタグの吹き出しの色を変えてみましょう。

 

①外観→テーマの編集→design.cssに進む

 

②以下の吹き出しという箇所を探します。

 

そして

 

border-top: 15px solidの#からを好きなカラーコードに変更します。

 

 

ここまでできたらファイルを更新してブログを確認してみましょう。

 

 

できました!

 

でも、この吹き出しってあんまり意味がないというか、

 

個人的にはシンプルが好きなので私のブログでは

 

吹き出しを削除しようと思います!

 

賢威6プリティ版見出しの吹き出しを削除する方法は?

賢威6プリティ版の見出しの吹き出しの削除もかんたんです。

 

 

しつこいようですが、必ずバックアップを取ってからにしましょうね^^

 

①外観→テーマの編集→design.cssに進む

 

②以下の吹き出しという箇所を探します。

 

③/*吹き出し~content: ””;}までを削除すると吹き出しが削除されます。

 

ここまでできたらファイルを更新して完了です。

 

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

 

 

どうでしょう?かなりタグがすっきりしましたね!

 

 

ではでは、

 

今回は賢威6の

 

グローバルメニューのカラー変更、サイドバーのカラー変更、タグのカラー変更

 

方法をお届けしました!

 

賢威6の他カスタマイズ方法は以下となります。ぜひ参考にしてみてくださいね!

→賢威6カスタマイズまとめ

コメントを残す

サブコンテンツ

私が稼いでいる戦略を無料公開中!



アフィリエイトで大きく稼ぐための
絶対的に必要な戦略を

無料で公開中!

豪華特典も期間限定でプレゼントしています!

↓  ↓  ↓
メルマガについて

このページの先頭へ