WordPressのタイトル画像が半透明になって困るので修正した

WordPressのテーマによっては画像のマウスオーバー時に透過処理を行うものがあります。WordPressの各ページに表示しているタイトル画像もマウスオーバー処理が実行されて無意味に透過されてしまいます。

見た目が滅茶苦茶よくないので、これを普通の画像表示にしたいなー。と考えていました。それでもクリックできる画像に関してはマウスオーバーで透過してくれても良いので、これを分ける方法を悩んでいました。

結論から言うと「header.php」のimgタグにCSSを直接指定すると解決しました。

<p id="headimg"><img src="<?php header_image(); ?>" alt="*" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" style="opacity: 1.0;"/></p>

 

タイトル画像以外にも透過処理を消したい時に活用できそうです。

Apache

Posted by @erestage