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

フォーラム

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

[解決済] 投稿ページのアイキャッチ画像のサイズを SWELL_PARTS::post_thumbnail に指定してほしいです

6 投稿
2 ユーザー
3 Likes
1,199 表示
山本大介
(@b4rskbe5)
投稿: 132
メンバー
Topic starter
 

お世話になっております。

single.php の27行目付近で表示しているアイキャッチ画像についてサイズ指定がされておらず、<img> タグの sizes 属性が full サイズになっています。
そのため、SWELL_PARTS::post_thumbnail() メソッドにてサイズを指定するようにできますか?
意図があって未指定であれば無視していただいて結構です。

classes/SWELL_PARTS.php の121-126行目付近のパラメータに 'size' => [ {content_width}, 0 ] を追加すれば良さそうかなと思います。他に考慮すべき設定項目などあるかもしれないのでご確認いただけると助かります。
(以下のコードでは、padding やサイドバーの有無は考慮していません)

$article_size   = (int) \SWELL_Theme::get_setting( 'article_size' );   // 追加

$thumb = \SWELL_Theme::get_thumbnail( [
	'post_id'   => $post_id,
	'class'     => 'p-articleThumb__img',
	'lazy_type' => apply_filters( 'swell_post_thumbnail_lazy_off', true ) ? 'none' : \SWELL_Theme::$lazy_type,
	'use_noimg' => is_single() && \SWELL_Theme::get_setting('show_noimg_thumb'),
	'size'      => [ $article_size, 0 ],   // 追加
] );

こちら調整が可能ならとても嬉しいです!
よろしくお願いします。

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 14/05/2023 8:49 pm
momo reacted
了
 
(@loos_ryo)
投稿: 1264
メンバー Admin
 

確認して再調整しておきます!

SWELL開発者です。

 
投稿済 : 25/05/2023 1:09 pm
山本大介 reacted
山本大介
(@b4rskbe5)
投稿: 132
メンバー
Topic starter
 

お手数かけますが宜しくお願いします!

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 25/05/2023 2:33 pm
山本大介
(@b4rskbe5)
投稿: 132
メンバー
Topic starter
 

変更ありがとうございます!確認が大変遅くなり申し訳ありません。

\SWELL_Theme::get_thumbnail のパラメータに 'sizes' => '(min-width: 960px) 960px, 100vw' が追加されたことで大きすぎる画像が読み込まれることがなくなりました。

参考までに教えていただきたいのですが、size パラメータではなく sizes を直接指定した意図があれば教えてください。たとえばこの場合、'size' => [ 960, 0 ] でも同じような sizes が生成されるように思います。
size パラメータを指定した場合は、srcset の画像リストが最適化される可能性がある (プラグイン等による) ので念のための確認です。
(返信は回答が必要である場合にのみいただければ結構です)

ご対応いただきありがとうございました。重ねて御礼申し上げます。

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 05/07/2023 9:40 pm
了
 
(@loos_ryo)
投稿: 1264
メンバー Admin
 

@b4rskbe5 

むむ!wp_get_attachment_image_srcの'size'に配列投げれること知りませんでした!

SWELL開発者です。

 
投稿済 : 06/07/2023 2:23 pm
山本大介 reacted
山本大介
(@b4rskbe5)
投稿: 132
メンバー
Topic starter
 

size には配列を渡せます!
とりあえず現状でも困らないのでもしその辺りの処理に手を加えるタイミングがあればお願いします。

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 11/07/2023 3:46 pm
共有: