WPのリンク画像にカーソルを合わせると画像が光るHTMLタグと設定

ABOUTこの記事をかいた人

Naoto@じぶんライフ・クリエイター

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

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

ワードプレスのテンプレートRefineの、オンマウスでリンク画像が光るHTMLタグと設定についてです。

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

以下がオンマウスでリンク画像が光るHTMLタグです。

/* オンマウスでリンク画像が光る */
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

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

自由ワーカーになる為のSPパッケージを期間限定でプレゼント(有料級)



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA