トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
お世話になります。
新着記事や人気記事のウィジェットを使っているのですが、記事一覧リストのサムネイルがそのまま読み込まれて重くなります。「thumb168」という168×168サイズのサムネイルサイズを指定して読み込むようにしたいのですが、可能でしょうか？
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.12.0
利用中のPHPバージョン
8.1.29
利用中のWordPressバージョン
6.6.2
利用中のサーバー会社
mixhost
利用中のプラグイン一覧
BBQ Firewall (v.20240629)
Category Order and Taxonomy Terms Order (v.1.8.6)
Classic Editor (v.1.6.5)
Custom Taxonomy Order (v.4.0.0)
FileBird Lite (v.6.3.2)
Imagify (v.2.2.2)
Imsanity (v.2.8.4)
Redirection (v.5.5.0)
SEO Optimized Images Pro (v.3.1.1)
SEO SIMPLE PACK (v.3.5.2)
UpdraftPlus - Backup/Restore (v.1.24.6)
WebSub (FKA. PubSubHubbub) (v.3.2.1)
Widget Options - Extended (v.5.1.6)
WP External Links (v.2.61)
WP Multibyte Patch (v.2.9)
WP Rocket (v.3.17.0.2)
WP RSS Aggregator (v.4.23.12)
XML Sitemap Generator for Google (v.4.1.21)
XO Featured Image Tools (v.1.15.2)
XO Security (v.3.10.4)
XPoster - Share to X and Mastodon (v.4.2.4)
Yet Another Related Posts Plugin (YARPP) (v.5.30.10)
投稿済 : 30/09/2024 8:07 pm
サイトを見てないので何とも言えませんが・・・
SWELLのウィジェットのサムネイルは、srcset属性で画面サイズに合わせて適切な画像サイズが読み込まれるはずです。
投稿済 : 30/09/2024 10:14 pm
Topic starter
srcset属性は色々試したのですが、どうしても大きい画像が選ばれてしまう上に、srcset機能を使っているとYARPPという関連記事プラグインで「thumb168」のサムネイルサイズを指定しているのに無視して大きい画像が選ばれてしまうので、機能停止しております。srcsetを停止していれば、とりあえずYARPPプラグインではちゃんと指定できるので。
168×168サイズのサムネイルを指定して表示したいのでよろしくお願いします
This post was modified 15時間前 by nazo
投稿済 : 30/09/2024 10:47 pm
Topic starter
loop_by_widget.phpを教えていただきありがとうございます。
試しに
「\SWELL_Theme::get_thumbnail( [
'post_id' => $the_id,
'sizes' => '(min-width: 600px) 320px, 50vw',
'class' => 'c-postThumb__img u-obf-cover',
'echo' => true,
] );」
の
「'sizes' => '(min-width: 600px) 320px, 50vw',」を「'sizes' => '168px',」に変えてみたらパソコン画面では適用されたのですが、何故かスマホ画面サイズになると大きいサムネイルが表示されてしまいます。
「(max-width: 500px) 168px, 168px」とかに条件を変えてみても、パソコン画面なら適用されて何故かスマホ画面サイズだと無視されます。
やはりsrcsetでは上手くいかないので、「thumb168」を直接指定したいのですが、どのようにコードをイジれば良いでしょうか？
投稿済 : 01/10/2024 6:37 am