最近したカスタマイズの中で一番のお気に入りは【リンクタップ時のハイライト色の変更】です。
わたしはブログ作業を全てスマホで完結しているのですが、なんか味気ないなぁ…と感じていてこのカスタマイズにたどり着きました。
このカスタマイズはスマホやタブレットのみの表示になりますのでご注意ください。
カスタマイズ内容
通常リンクタップ時のハイライトは色は薄いブルーが設定されています。
今回は、このカラーを変更するカスタマイズになります。
【変更前】⬇
【変更後】⬇
CSS
下記のCSSを【外観】→【カスタマイズ】→【追加CSS】にコピペして下さい。
/*リンクタップハイライトカラー変更*/
a {
-webkit-tap-highlight-color:#beb498;
}
a {
-webkit-tap-highlight-color:#beb498;
}
【color:#好きなカラーコード;】を入れてください。
カラーコードを調べる
色を探す場合は【WEB色見本 原色大辞典 – HTMLカラーコード】が便利です。
最後に
最近したカスタマイズの中では1番のお気に入りです。
最初に言ってた…
リンクタップ色を変えたことで、他のブログとは一味違った表現ができるようになり、より一層ブログへの愛着が深まりました。
という事で、今回はリンクタップ時のハイライト色を変更するカスタマイズでした。