どうも、しょへです。

 

賢威7テンプレートよりのお話ですが、

きっと他のテンプレートをお使いでも同じ方法でリンク色を変更できると思います。

リンク色を変更する意味

 

このブログのテンプレートが⇒賢威7なんですが、

賢威7って初期テンプレートのままだと記事内のリンクが

普通の文字と同じ色をしていて全くリンク感がないんですよね・・・(泣)

 

リンク感がないということはクリック率を下げることになるので

ブログを賢威7テンプレートに着せ替えたら、間違いなくリンク色を変更した方がいいです。

 

たとえば、

⇒あなたのアフィリエイトが加速する大学生しょへのブログ

パソコンでご覧の方は、↑のリンクにマウスポインタを重ねてみてください(・∀・)

リンクの色が青で、マウスポインタを重ねるとオレンジ色になりますよね。

 

誰もが無意識的に、

海=青・空=青・ドラえもん=青 と認識しているように

ブログやサイトのリンクは青色だと認識している人がほとんどです。

 

さらに

マウスポインタを重ねることをマウスオーバーというんですが、

マウスオーバー時のリンクはオレンジ色になっているブログやサイトが多いです(しょへ調べ)

 

つまり

青とオレンジの組み合わせが王道の色であり、クリック率が上がる色ということです。

賢威7テンプレでリンク色を青とオレンジに変更する方法

 

【WordPressの管理画面】→【外観】→【テーマの編集】→【base.css】 と進んでください。

 

賢威7テンプレートのリンク色変更

 

【base.css】を開いたら、訳のわからないコードは全て無視して

1番下に↓のコードをコピーして貼り付けるだけです(`・ω・ )ゝ

 

 

こんな感じ↓で【ファイルを更新】をクリックをして完了。

 

賢威リンク色

 

 

リンク色を変更する方法はとっても簡単なんですが、反映されるまでに時間がかかる場合もあります。

そういう場合は【F5キー】を押してページ更新したり、ブラウザの履歴を削除したりしてみましょう。

 

あと ぼくはリンク色を青とオレンジの組み合わせにしていますが、

他の色にしたい場合は「#〇〇;」部分のカラーコードを調整することで変更ができます。

上の「#〇〇:」が普通のリンク色、下の「#〇〇:」がマウスオーバー時のリンク色です。

 

カラーコードは⇒原色大辞典がとっても参考になるので、ぜひブックマークしておいてください◎

 

 


 

追記

 

ここで説明したことは「 ” 記事内 ” のリンク色を変更するカスタマイズ方法」です。

 

サイドバーなども含めたブログ全体のリンク色・マウスオーバー時のリンク色を変更するには、

同じく【WordPressの管理画面】→【外観】→【テーマの編集】→【base.css】 と進みます。

 

そして【賢威テンプレートの共通設定】という記述探し(上の方)、

画像↓を参考に該当場所のカラーコードを変更することで完了です。

 

賢威7テンプレ文字色カスタマイズ

 

 

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

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

 

 

ではでは