Twenty Fifteenでリンクの色を変えたい – WordPressをカスタマイズしたい

WordPressのテーマ「Twenty Fifteen」では、本文中にリンクを貼っても色が本文と同じな為、ちょっとわかりづらいですよね。

そこで今回は本文中のリンクの色をカスタマイズしようと思います。

カスタマイズは必ず子テーマで行うようにしてください。
子テーマの作り方はこちらを参考に！
http://wpcustom.net/archives/6

リンク色を何色にすべきか？
標準的な色といえば青色になると思いますが、調べてみると大手メディアにより微妙に色合いが違うようです。
（もしかしたら既にへんこうされているかもしれませんが・・・）

Google：#1a0dab
Yahoo：#1d3994
YouTube：#167ac6

今回は少し薄めのYouTubeと同じにしてみようと思います。
色を変えたことでリンクとわかるようになったためリンク下のボーダーを消します。
さらに、マウスポインターがリンク上に来たときの色も変えます。

記事本文はentry-contentで表示されているので
下記のように子テーマに追記します。

.entry-content a {
color: #167ac6;
border-bottom: 0;
}

.entry-content a:hover {
color: #cc0000
}

.entry-content a {

color: #167ac6;

border-bottom: 0;

}

.entry-content a:hover {

color: #cc0000

}

もう少し濃い色でもいいかなぁと思いますのでそのうち変えるかもしれません^^

「Twenty Fifteenでリンクの色を変えたい」への1件のフィードバック

「Twenty Fifteenでリンクの色を変えたい」への1件のフィードバック