画像のポップアップ表示の背景を透明に
 
通知
すべてクリア

画像のポップアップ表示の背景を透明に

5 投稿
2 ユーザー
0 Reactions
324 表示
(@ffsaejjfirj65jkf)
投稿: 5
Active Member
トピックスターター
 

お世話になっております。本文に導入した添付画像をクリックすると、現状では背景が白画面(灰色)になると思います。Jpegは良いのですが、PNGやWebpのアルファチャンネルでは背景が透明の方が見る側も背景がない部分がわかりやすく、メリハリが付いて良いと思いました。技術的に難しいのかはわかりませんが、実装できるのならばよろしくお願いします。

Xwriteバージョン
4.0.2
WordPressバージョン
6.9
PHPバージョン
8.4
ガイドラインへの同意
フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。

 
投稿済 : 2026年1月13日 8:36 AM
hamada(XWRITE開発)
(@hamada)
投稿: 346
Reputable Member Moderator
 

@ffsaejjfirj65jkf さま

ご要望いただきましてありがとうございます。

技術的に難しいのかはわかりませんが、実装できるのならばよろしくお願いします。

実装自体は可能なのですが、背景を透明にすると
周囲の文字と重なってしまい、少し視認性が落ちてしまうかもしれません。

そのため、機能として正式に採用するかは、
一度チーム内で検討させていただきます。

取り急ぎ、以下のCSSを
・カスタマイザーの「追加CSS」
に追加していただくことで、
透明化をお試しいただけます。

 

.wp-lightbox-overlay .scrim {
background-color: transparent !important;
}

少し文字などが重なって見づらい部分もあるかと思いますが、
イメージ通りになっておりますでしょうか?

また、サイト全体ではなくそのページだけに適用させたい場合は
・編集画面の「インラインCSS」
に追加いただくとそのページだけに適用されます。


 
投稿済 : 2026年1月14日 6:54 PM
(@ffsaejjfirj65jkf)
投稿: 5
Active Member
トピックスターター
 

返信が遅くなりすみません。求めていたのはまさに添付画像のイメージ通りです。ただ、カスタマイズの「追加CSS」に追加しましたが、下記添付画像のようになりませんでした。通常の表示のままです。ブラウザはChromeで、キャッシュも削除しました。


 
投稿済 : 2026年1月17日 12:44 PM
hamada(XWRITE開発)
(@hamada)
投稿: 346
Reputable Member Moderator
 

@ffsaejjfirj65jkf さま

ご返信ありがとうございます。
ブラウザのキャッシュクリアを
お試しいただいたとのこと、承知いたしました。

前回の返信時にお伝えできておらず申し訳ございません。
お伝えいたしましたCSSは、画像リンク設定が
「クリックで拡大」を指定した場合のものとなっております。

もし「画像ファイルへのリンク」等にされている場合は
お手数ですが変更をお願いいたします。


 
投稿済 : 2026年1月19日 4:03 PM
(@ffsaejjfirj65jkf)
投稿: 5
Active Member
トピックスターター
 

返信ありがとうございます。

なるほど、「クリックで拡大」だったのですね。「画像ファイルへのリンク」に設定してました。理想的な画像表示だったのですが、記事数と画像の数が多すぎて全てを変更するのが困難なので、もう少し考えてみようかなと思います。手間をかけさせてしまいすみません。参考になりました。ありがとうございました。


 
投稿済 : 2026年1月19日 9:02 PM
共有: