じぶんライフ

PC1台でプチノマドを送るNaotoのブログ

メニュー

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

約 2 分

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

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

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

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

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

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

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

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

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

 

この記事を書いた人

Naoto
20代後半で脱サラして起業。複数のWebメディア運営、動画・デザイン制作など、主にインターネットを使ったビジネスをしています。
個人が会社に依存することなく、場所と時間にとらわれずPC1台で自由に稼ぎ、自分らしいライフスタイル『じぶんライフ』を実現してもらう為の活動に注力中。

コメントはこちら

*
*
* (公開されません)

Share / Subscribe
Facebook Likes
Tweets
Hatena Bookmarks
Send to LINE
UA-52010410-1