データサイエンティストハトリのブログ

PythonとインテリジェントクラウドとAIが好きな学生エンジニア。データ分析、スクレイピング、就職活動などについて書いていきます。

はてなブログでリンクの色を変える方法

 

f:id:hatorihatorihatorik:20180928232003j:plain

 

こんにちは、どうもハトリです!!

 

TwitterでプログラミングやIT関連のことについてつぶやいているのでよかったら是非フォローしてください →→(@tori_engineer)

 

 

 

先ほど、「お問い合わせフォーム」を作りました。が、しかし、そのままだとあんまり目立たなくてわかりにくいな〜埋もれそうだな〜と思い、色を変えようと思いました。

 

 

f:id:hatorihatorihatorik:20180629143318p:plain

 

 

f:id:hatorihatorihatorik:20180629145608p:plain

 

 

変更前と変更後を比べて見ました。後者の方が見やすくて、どこを押せばいいのかがわかりやすいですよね。

 

リンクの色を変える方法 

どの色に変えるべきか

どの色に変えるべきかはこちらのサイトを参考にしました。 

fujimotoyousuke.com

 

これによると、もっともクリックされやすいリンクの色が研究で明らかになっており、それは#0044CCらしいです。早速変えて見ました。

リンクの色を変える手順

 

[デザイン]>[カスタマイズ]>[デザインCSS]

 

に以下を記述。

  

.hatena-urllist li a{
 color: #167ac6;
}

 

完成です。