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

フォーラム

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

新着記事や人気記事のウィジェットのサムネイルを特定のサイズに指定することは可能でしょうか?

6 投稿
2 ユーザー
0 Likes
71 表示
nazo
 nazo
(@nazo)
投稿: 7
メンバー
Topic starter
 

お世話になります。

新着記事や人気記事のウィジェットを使っているのですが、記事一覧リストのサムネイルがそのまま読み込まれて重くなります。「thumb168」という168×168サイズのサムネイルサイズを指定して読み込むようにしたいのですが、可能でしょうか?

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました
問題が確認できるページの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
サブロ
(@windorz)
投稿: 125
メンバー
 

サイトを見てないので何とも言えませんが・・・

SWELLのウィジェットのサムネイルは、srcset属性で画面サイズに合わせて適切な画像サイズが読み込まれるはずです。

 
投稿済 : 30/09/2024 10:14 pm
nazo
 nazo
(@nazo)
投稿: 7
メンバー
Topic starter
 

@windorz 

srcset属性は色々試したのですが、どうしても大きい画像が選ばれてしまう上に、srcset機能を使っているとYARPPという関連記事プラグインで「thumb168」のサムネイルサイズを指定しているのに無視して大きい画像が選ばれてしまうので、機能停止しております。srcsetを停止していれば、とりあえずYARPPプラグインではちゃんと指定できるので。

168×168サイズのサムネイルを指定して表示したいのでよろしくお願いします

This post was modified 2週間前 by nazo
 
投稿済 : 30/09/2024 10:47 pm
サブロ
(@windorz)
投稿: 125
メンバー
 

@nazo 

loop_by_widget.php

を編集すればよいと思います。

 
投稿済 : 01/10/2024 3:44 am
nazo
 nazo
(@nazo)
投稿: 7
メンバー
Topic starter
 

@windorz 

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
サブロ
(@windorz)
投稿: 125
メンバー
 

@nazo get_thumbnailのソースコードを追ってみたらわかると思います。

 
投稿済 : 01/10/2024 5:51 pm
共有: