Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
画像クリック時に拡大表示(ポップアップ...
 
通知
すべてクリア

画像クリック時に拡大表示(ポップアップ)するものとしないものがある

7 投稿
3 ユーザー
0 Likes
181 表示
ononinattaito@gmail.com
(@ononinattaitogmail-com)
投稿: 4
メンバー
Topic starter
 

https://users.swell-theme.com/forum/postid/4662/

こちらが近いのですが、同じことを試しても解決しなかったので質問しています。

 

●やりたいこと

画像クリック時に拡大表示(ポップアップ)させたい。

 

昨日、swell設定の"機能停止 > 「投稿画像をクリックで拡大表示する機能」を停止する"のチェックを外したのですが、 画像によって拡大表示されるものとされないものがあります。

スクリーンショット 2024 10 13 6.40.53

https://gravitraxbeginner.com/christmas/#omake

例えばこちらはクリック時に白い●が2つクルクル回って拡大表示されません。

スクリーンショット 2024 10 13 6.52.30

そこから下にスクロールしたところにあるリッチカラムで設置したこちらは左右どちらも拡大表示され、

スクリーンショット 2024 10 13 6.52.35

その下にあるこちらは同じリッチカラムでもどちらも拡大表示されず。

スクリーンショット 2024 10 13 7.06.34

更にその下にあるこちらは横幅いっぱいサイズでしたが問題なく拡大表示されるなど、原因が分かりません。

 

自分で気付いたのは、拡大される画像はメーカーサイトなどから拾ってきた元々の容量が小さいもの。拡大されない画像は自分で撮ったりPCのスクリーンショットだったりで元々の容量が重いものですが、

 

アップロード時点で30〜200kB前後に圧縮していることと、白い●がクルクル回って2分ほど放置しても表示されないため、容量が問題ではないのかなと思っています。(これが見当違いだったら指摘お願いします)

 

●これまでに試したこと、確認したこと

・制作はすべてブロックエディタ

・スクリプトの遅延読み込みなどはすべてオフ

・プラグイン全停止でも同じ症状を確認

・chromeとsafariで同じ症状を確認 ※セーフモードでも同じ

 

やりたいことは、冒頭のとおり全部の画像をクリック時に拡大表示させたい。です。

ご確認よろしくお願いします。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.12
利用中のPHPバージョン
8.1.29
OS
mac
利用中のWordPressバージョン
6.6.2
利用中のサーバー会社
Xサーバー
ブラウザ
chrome
利用中のプラグイン一覧

Akismet Anti-spam: Spam Protection
All-in-One WP Migration
Autopost for X (formerly Autoshare for Twitter)
Category Order and Taxonomy Terms Order
Contact Form 7
Cool Timeline
Customizer Export/Import
Duplicate Page
Edit Author Slug
EWWW Image Optimizer
Image Placeholders
Media Cleaner
Media Library Assistant
Modern Image Formats
MWW Scheduled Post Trigger
Performance Lab
Search Exclude
SEO SIMPLE PACK
Site Kit by Google
SiteGuard WP Plugin
UpdraftPlus
Wordfence Security
WP Content Copy Protection & No Right Click
WP External Links
WP Statistics
XML Sitemap Generator for Google
YOP Poll

 
投稿済 : 13/10/2024 7:24 am
トピックタグ
skillsharejp
(@skillsharejp)
投稿: 1098
SWELL高速化顧問
 

開発者ツールで調べれば分かりますが、画像のリンク先が404になってますよ。

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/

 
投稿済 : 13/10/2024 11:46 am
ononinattaito@gmail.com
(@ononinattaitogmail-com)
投稿: 4
メンバー
Topic starter
 

@skillsharejp 

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

 

開発者ツールというのはchrome等の開発者ツールのことでしょうか?

それと、なんで404になっているかが分かれば有り難いのですが、もしかしてwebpはポップアップに対応していないとかでしょうか?EWWW Image OptimizerでPNGやJPGをwebpに自動変換しているのがまずいとか・・・?

 

質問ばかりですみませんが、分かる範囲で回答いただけると助かります。

 
投稿済 : 14/10/2024 6:24 pm
サブロ
(@windorz)
投稿: 127
メンバー
 

luminousで表示する画像が存在していないのでクルクル回ってるようです。

ページ内で表示されているリサイズした画像はwebpがあるようですが、

luminousが参照しているサイズは、リサイズ前のオリジナル画像ですが、オリジナル画像のwebpが存在していません。

なぜ、それが無いのかはテーマと関係ない話なので置いておきますが、元画像のjpg画像はあるようなので、すべての画像をwebpに変換すればクルクル回ってポップアップしない問題は解決するはずです。

 

 
投稿済 : 14/10/2024 7:33 pm
ononinattaito@gmail.com
(@ononinattaitogmail-com)
投稿: 4
メンバー
Topic starter
 

@windorz 

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

 

オリジナル画像のwebpが存在していません

オリジナル画像はjpgやpngで、アップロード時にEWWW Image Optimizerでwebpに変換しているので、オリジナル画像はwebpではありません。

 

すべての画像をwebpに変換すれば

EWWW Image Optimizerを使って過去画像をすべてwebpに変換してもオリジナル画像は残るようで、メディアファイルの詳細には「元の画像」としてアップロード時のjpgやpngが表示されています。

 

luminous(拡大表示の機能のことだと解釈してます)が、参照時にwebpではなくオリジナル画像のjpgやpngを参照すれば良いと思うのですが、swellに組み込まれた機能だと思うのでこれは私の方では変更できないものでしょうか?

 

今から自分でも探してみますが、もしfunction.phpなどで変更できる場合、ここを変更すればオリジナル画像を参照できるよ!という場所や検索時のテキストがあれば教えていただけると大変ありがたいです。

 
投稿済 : 15/10/2024 8:27 am
skillsharejp
(@skillsharejp)
投稿: 1098
SWELL高速化顧問
 
投稿者:: @ononinattaitogmail-com

luminous(拡大表示の機能のことだと解釈してます)が、参照時にwebpではなくオリジナル画像のjpgやpngを参照すれば良いと思うのですが、swellに組み込まれた機能だと思うのでこれは私の方では変更できないものでしょうか?

こちらはSWELLフォーラムの対象外になってきそうですね。WPがどの画像を参照するか?というのは今回だとEWWWの管轄なので、同プラグイン設定やトラブルシューティングについては然るべき窓口へ・・・という感じかな~と。

投稿者:: @ononinattaitogmail-com

オリジナル画像はjpgやpngで、アップロード時にEWWW Image Optimizerでwebpに変換しているので、オリジナル画像はwebpではありません。

EWWWは正常に動作してしっかり変換の有無を確認しているのか?を問われているのだと思います。

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/

 
投稿済 : 15/10/2024 3:28 pm
ononinattaito@gmail.com
(@ononinattaitogmail-com)
投稿: 4
メンバー
Topic starter
 

@skillsharejp 

ご返信ありがとうございます!なるほど。じゃあEWWWに問い合わせしてみます。

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

 
投稿済 : 15/10/2024 6:24 pm
共有: