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

フォーラム

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

[解決済] 「投稿画像をクリックで拡大表示する機能」が作動しない

8 投稿
3 ユーザー
4 Likes
1,636 表示
r.tasa77
(@r-tasa77)
投稿: 10
メンバー
Topic starter
 

質問失礼いたします。

SWELLの標準機能「投稿画像をクリックで拡大表示する機能」についての質問です。

テーマをインストールした当初は、画像をタップすると拡大していましたが、2ヵ月前あたりから反応しなくなりました。

SWELL設定の機能停止は外してあります。

質問

これまでに試したことを記載しておきます。

  • プラグイン全停止
  • 追加したCSS全停止
  • chrome以外での確認

また、SWELLを使っているブログがもう一つあり、そちらでの同様の症状が発生している状態です。

ポップアップ機能は重宝していたので、本来の機能が使えるようになると助かります。お忙しいとは思いますが、アドバイスいただけると嬉しいです。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.6.3
利用中のPHPバージョン
7.4.28
OS
Windows
利用中のWordPressバージョン
6.0.1
利用中のサーバー会社
エックスサーバー
ブラウザ
chrome
利用中のプラグイン一覧

Advanced Editor Tools
Classic Editor
Classic Widgets
Contact Form 7
Converter for Media
Google XML Sitemaps
IndexNow
SEO SIMPLE PACK
WP External Links
WP Revisions Control

This topic was modified 2年前 by r.tasa77
 
投稿済 : 10/08/2022 11:58 pm
トピックタグ
了
 
(@loos_ryo)
投稿: 1264
メンバー Admin
 

js遅延読み込みでluminousを対象にしてはいませんか?

 

SWELL開発者です。

 
投稿済 : 11/08/2022 12:24 am
しらこ reacted
しらこ
(@96ssbike)
投稿: 913
メンバー
 

今見たら、luminous.min.jsが

<script type='text/javascript' src='

始まりになっていたので、遅延読み込みではなさそうです。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 11/08/2022 12:35 am
r.tasa77
(@r-tasa77)
投稿: 10
メンバー
Topic starter
 
投稿者:: @loos_ryo

js遅延読み込みでluminousを対象にしてはいませんか?

回答ありがとうございます。

大変申し訳ないのですが、知識が乏しく「luminousを対象」がどこの設定は分かりません。

以下の項目のことでしょうか?

質問2
 
投稿済 : 11/08/2022 12:37 am
しらこ
(@96ssbike)
投稿: 913
メンバー
 

ざっくり見てみましたが、
トップページではluminous.min.jsが読み込まれていて、

SnapCrab NoName 2022 8 11 0 48 30 No 00

下層ページではluminous.min.jsが読み込まれていないようです(ソース上に含まれていない)。

SnapCrab NoName 2022 8 11 0 48 16 No 00

子テーマ(SWELL CHILD)ではなく、親テーマ(SWELL)を使用してみたら改善しますか?(プラグインを全停止して発生しているということであれば、念のため子テーマ上で何かカスタマイズを行っている可能性を考慮して)

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 11/08/2022 12:49 am
r.tasa77
(@r-tasa77)
投稿: 10
メンバー
Topic starter
 
投稿者:: @96ssbike

子テーマ(SWELL CHILD)ではなく、親テーマ(SWELL)を使用してみたら改善しますか?

ご提案ありがとうございます。

親テーマで試してみましたが、症状は改善されませんでした。

 
投稿済 : 11/08/2022 12:58 am
しらこ
(@96ssbike)
投稿: 913
メンバー
 

@r-tasa77 ひとまず、原因がわかりました。

結論をお伝えすると、Classic Editorを使用して記事を書いているから(画像を追加しているから)と思われます。

SWELLの機能をフルで有効活用するためにも、ぜひブロックエディターで記事を書いてください。

ブロックエディターの場合、imgタグがfigureタグで囲まれ、かつSWELLではおそらくこういった場合に画像をクリックでの拡大機能が有効化するようですが、Classic Editorの場合はfigureタグの含まれていないimgタグとなります。
同時に、Classic Editorですべて画像を追加した場合、luminous.min.jsが読み込まれないことも私のテストサイト上で確認しました。

約2ヶ月前から発生とのことですが、ご提示いただいたブログは最古の記事が6月21日のようです。
その最古の記事自体がClassic Editorで書かれているようですので、少なくともこちらで判別可能なのは、トップページはブロックエディターで作成され、その後の記事はほとんどすべてをClassic Editorで作成されたのではないでしょうか。

この感じだと、おそらくもうひとつのブログにもClassic Editorが使われていて、同じ事象が起きているのかなと思います。

ちなみに、根本的な問題解決を行うには、ブロックエディターを使用した上で、かつClassic Editorで貼り付けられた画像をすべてブロックエディターで貼り直す必要があるのかなと思います。膨大な作業となりそうです。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 11/08/2022 1:31 am
r.tasa77
(@r-tasa77)
投稿: 10
メンバー
Topic starter
 

指示通り、ブロックエディタに戻して試したところ、画像拡大するのを確認できました。

今後はブロックエディタに移行したいと思います。

原因が分かって本当に良かったです!いろいろとありがとうございました。

 
投稿済 : 11/08/2022 1:38 am
しらこ reacted
共有: