WPのテキストリンクにカーソルを合わせると色が変わるHTMLタグと設定

今回は「WordPressのテキストリンクにカーソルを合わせると色が変わるHTMLタグと設定」についてお話しします。

ワードプレスのテンプレート「Refine」の、オンマウスでテキストリンクの色が変わるHTMLタグと設定についてです。

設定はワードプレスのダッシュボードから外観⇒テーマ編集⇒custom.phpで、行うことが出来ます。

以下がオンマウスでテキストリンクの色が変わるHTMLタグです。

/* オンマウスでリンク色が変わる */
a:hover {
text-decoration:none;
color:#FF1493;
}

テキストリンクにカーソルを合わせた時に変わる色はa:hover {text-decoration:none;color:#FF1493;}

赤い部分を変更して変えることが出来ます。

カラーはこちらのサイトを参考にして下さい。
⇒Webカラーピッカーサイト

動画では設定方法を解説していますので、参考にしていただければと思います。