リンク画像のみをマウスオーバーでエフェクトをかけたい - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%83%aa%e3%83%b3%e3%82%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%81%bf%e3%82%92%e3%83%9e%e3%82%a6%e3%82%b9%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%81%a7%e3%82%a8%e3%83%95%e3%82%a7%e3%82%af%e3%83%88%e3%82%92/ Cocoon ディスカッション掲示板 ja Sun, 07 Jun 2026 02:23:54 +0000 wpForo 60 RE: リンク画像のみをマウスオーバーでエフェクトをかけたい https://wp-cocoon.com/community/cocoon-theme/%e3%83%aa%e3%83%b3%e3%82%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%81%bf%e3%82%92%e3%83%9e%e3%82%a6%e3%82%b9%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%81%a7%e3%82%a8%e3%83%95%e3%82%a7%e3%82%af%e3%83%88%e3%82%92/#post-83741 Fri, 07 Feb 2025 18:07:36 +0000 ご回答ありがとうございます。

 

>恐れ入りますが、あまりに抽象的なお問い合わせで

それは大変失礼いたしました。

 

アドバイスをもとになんとか設定することができました。

 

ありがとうございました。

]]> Cocoonテーマに関する質問 hideji123 https://wp-cocoon.com/community/cocoon-theme/%e3%83%aa%e3%83%b3%e3%82%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%81%bf%e3%82%92%e3%83%9e%e3%82%a6%e3%82%b9%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%81%a7%e3%82%a8%e3%83%95%e3%82%a7%e3%82%af%e3%83%88%e3%82%92/#post-83741 RE: リンク画像のみをマウスオーバーでエフェクトをかけたい https://wp-cocoon.com/community/cocoon-theme/%e3%83%aa%e3%83%b3%e3%82%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%81%bf%e3%82%92%e3%83%9e%e3%82%a6%e3%82%b9%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%81%a7%e3%82%a8%e3%83%95%e3%82%a7%e3%82%af%e3%83%88%e3%82%92/#post-83732 Fri, 07 Feb 2025 13:22:21 +0000 hideji123さん

恐れ入りますが、あまりに抽象的なお問い合わせで、ちょっとお返事に困ってしまいます。

全画像に効果をかけるCSSは本サイトに掲載されておりましたが、どうしてもリンク画像のみの方法は見つけることができませんでした。

全画像にできるのであれば、それを特定の画像に絞るために、セレクタを変更するだけかと思います。

WordPressの画像ブロックであれば、必ずimgタグにclassで「wp-image-xxxxx」（xxxxxは数字の番号で、画像で一意のはずです）というものが、つくはずです。
それをセレクタに指定すれば良いと思います。

]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e3%83%aa%e3%83%b3%e3%82%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%81%bf%e3%82%92%e3%83%9e%e3%82%a6%e3%82%b9%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%81%a7%e3%82%a8%e3%83%95%e3%82%a7%e3%82%af%e3%83%88%e3%82%92/#post-83732 リンク画像のみをマウスオーバーでエフェクトをかけたい https://wp-cocoon.com/community/cocoon-theme/%e3%83%aa%e3%83%b3%e3%82%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%81%bf%e3%82%92%e3%83%9e%e3%82%a6%e3%82%b9%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%81%a7%e3%82%a8%e3%83%95%e3%82%a7%e3%82%af%e3%83%88%e3%82%92/#post-83727 Fri, 07 Feb 2025 12:56:34 +0000 連投失礼いたします。

 

タイトルの通りなのですが、リンクを張った画像のみマウスオーバーで透明効果がかけることに難儀しております。

全画像に効果をかけるCSSは本サイトに掲載されておりましたが、どうしてもリンク画像のみの方法は見つけることができませんでした。

 

ひょっとして今どきではないのかも知れませんが、何卒アドバイスよろしくお願い致します。

 

----------------------------------------------
サイト名：パソコンなんでも相談所
サイトURL：https://sk-kikaku.org/wp
ホームURL：https://sk-kikaku.org
コンテンツURL：/wp/wp-content
インクルードURL：/wp/wp-includes/
テンプレートURL：/wp/wp-content/themes/cocoon-master
スタイルシートURL：/wp/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：6.7.1
PHPバージョン：8.3.8
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.128 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.4.1
カテゴリー数：13
タグ数：115
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：996 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：5
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：1
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Akismet Anti-spam: Spam Protection 5.3.6
Category Order and Taxonomy Terms Order 1.8.7
Contact Form 7 6.0.3
Disable Google Fonts 2.0
EWWW Image Optimizer 8.0.0
Flexible Table Block 3.4.0
ImageMagick Engine 1.7.13
Redirection 5.5.1
Useful Blocks 1.7.4
WP Mail SMTP 4.3.0
WP Multibyte Patch 2.9
XML Sitemap Generator for Google 4.1.21
----------------------------------------------

]]> Cocoonテーマに関する質問 hideji123 https://wp-cocoon.com/community/cocoon-theme/%e3%83%aa%e3%83%b3%e3%82%af%e7%94%bb%e5%83%8f%e3%81%ae%e3%81%bf%e3%82%92%e3%83%9e%e3%82%a6%e3%82%b9%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%81%a7%e3%82%a8%e3%83%95%e3%82%a7%e3%82%af%e3%83%88%e3%82%92/#post-83727