プログラミング

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

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

f:id:hatorihatorihatorik:20180629143318p:plain

f:id:hatorihatorihatorik:20180629145608p:plain

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

リンクの色を変える方法

どの色に変えるべきか

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

fujimotoyousuke.com

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

リンクの色を変える手順

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

に以下を記述。

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

完成です。

RELATED POST