どうも、しょへです。

フッターの色について

 

ブログの1番下にあるフッターは意外と読んでもらえることが多く、

フッターに自己紹介・メルマガ紹介・記事紹介・メニューなどをいい感じで入れておくと

” 離脱 ” というアクションを回避できる可能性が上がるのでメリットしかありません。

 

ということで今回は、

⇒賢威7テンプレートのフッターの背景色・文字色・リンク色・マウスオーバー時のリンク色を変更するカスタマイズ方法を紹介していきます◎

(マウスオーバー時のリンク色とは、マウスポインタをリンクに乗せたときに色が変わるアレです)

 

もちろんデフォルト色のままでも大丈夫ですが、

「より好みのブログにしたい」「よりオリジナル性あるブログにしたい」

「より読みやすくて綺麗なブログにしたい」「よりクリック率を上げたい」

という場合はぜひ参考にしてください。

 

色のチョイスは適当に決めず、ブログ全体とのバランスを見てしっかり考えましょう(・∀・)

 

例えば、ブログ自体はだいたい薄い色だと思うのでフッターの背景は濃い色。

その背景にとって読みやすい文字色・リンク色・マウスオーバー時のリンク色が無難かと思います。

 

ブログ記事本文の場合は、

⇒リンク色は青・マウスオーバー時はオレンジがいいという話もしましたが、

フッターの場合は背景色が濃くなることが多いので青とオレンジにこだわらなくて大丈夫です。

 

このブログも濃い緑色が背景のフッターにしていますから バランスを重視してカスタマイズしました。

賢威7フッターの背景色・文字色・リンク色を変更する方法

 

1.まず、【WordPressのダッシュボード】→【外観】→【テーマの編集】→【base.css】と進みます。

 

賢威7フッター色カスタマイズ

 

2.次に、少しスクロールして【フッター】という記述を探します。(記述を探す際はパソコンの「Ctrl」キーと「F」キーを同時押しするとページ内を検索してくれる機能が出てくるので作業効率がアップします)

 

賢威7フッター文字色カスタマイズ

 

3.そして、変更したい【背景色・文字色・リンク色・マウスオーバー時のリンク色のコード】を変更していきます。

 

賢威7フッター文字色カスタマイズ

 

それぞれの該当場所は↑の通りです。

「#」と「;」の間にある英数字がカラーコードになります。

 

また、カラーコードは⇒原色大辞典というサイトから好みのものをお選びください◎

 

4.カラーコードを変更したら、1番下にある【ファイルを更新】をクリックして完了です。

 

ファイルの更新

 

 

ブログを確認して反映されていない場合は、

「F5キー」を押して更新したりブラウザの履歴を削除するなどで解決するかと!

 

 

 

その他 賢威テンプレートのカスタマイズは賢威購入者さん限定特典となっております。

詳しくは、⇒しょへオリジナル特典付き賢威レビューをご覧くださいませ<(_ _)>

 

 

ではでは