[ 解決済 ] クエリループのアイキャッチサイズ

[maki]

■ WordPress のバージョン
WordPress 6.3.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 )

■ テーマのバージョン
Lightningバージョン: 15.14.2

■ スキンの種類
Evergreen

■ スキンのバージョン
不明

■ プラグインの種類・バージョン
名前 Lightning Child (lightning-child)
投稿者サイト 未定義
親テーマ Lightning (lightning)
テーマ機能 core-block-patterns, block-templates, widgets-block-editor, editor-style, title-tag, editor-styles, align-wide, responsive-embeds, post-thumbnails, customize-selective-refresh-widgets, automatic-feed-links, woocommerce, link-color, border, custom-background, custom-line-height, custom-units, custom-spacing, editor-font-sizes, editor-gradient-presets, menus, widgets
—
All-in-One WP Migration バージョン 7.79 (作者: ServMask) | 自動更新有効
Arkhe Blocks バージョン 2.22.1 (作者: LOOS,Inc.) | 自動更新無効
Contact Form 7 バージョン 5.8.2 (作者: Takayuki Miyoshi) | 自動更新有効
ImageMagick Engine バージョン 1.7.7 (作者: Orangelab) | 自動更新無効
Lightning G3 Evergreen バージョン 0.2.3 (作者: Vektor,Inc.) | 自動更新有効
Lightning G3 Pro Unit バージョン 0.25.1 (作者: Vektor,Inc.) | 自動更新有効
LoftLoader バージョン 2.4.0 (作者: Loft.Ocean) | 自動更新無効
VK All in One Expansion Unit バージョン 9.93.2.0 (作者: Vektor,Inc.) (最新バージョン: 9.93.3.0) | 自動更新有効
VK Block Patterns バージョン 1.31.0 (作者: Vektor,Inc.) | 自動更新有効
VK Blocks Pro バージョン 1.60.0.0 (作者: Vektor,Inc.) (最新バージョン: 1.64.0.0) | 自動更新有効
VK Link Target Controller バージョン 1.7.2 (作者: Vektor,Inc.) | 自動更新有効
WP Multibyte Patch バージョン 2.9 (作者: Seisuke Kuraishi) | 自動更新有効
Yoast Duplicate Post バージョン 4.5 (作者: Enrico Battocchi & Team Yoast) | 自動更新有効

■ 期待する動作
クエリループでアイキャッチを呼び出しています。
編集画面ではフルサイズで画像がちゃんと表示されていますが、エンドユーザー画面ではクロップされ画像になってしまいます。
サムネイルではなくフルサイズのものを呼び出したいのですがどうしたら良いのでしょうか。
またどうしてクロップされてしまうのか根本的な部分でテーマの仕様という事なのでしょうか。
前回と考え方は一緒でfunctionに追記するのだろうと思いつつ、サムネイルサイズではなくフルサイズにしたいというところでどのように対応したらよいかご教授頂けますようお願いいたします。

以前は正方形の画像にしたく、こちらのフォーラムで相談させていただいたところ
function.phpに下記を登録する事で実現ができました。
※以前の投稿

[ 解決済 ] 画像サイズの設定について

<?php
function my_post_thumbnail_size() {
set_post_thumbnail_size( 400, 400, true );
}
add_action( ‘init’, ‘my_post_thumbnail_size’ );
?>

■ 自分で試した事
編集画面のアイキャッチでサイズやアスペクト比を変更した
設定からメディアのサイズを変更してみた

■ 症状が発生するブラウザ
chrome　FF　エッジ

■ 実際の症状
<img loading="lazy" width="320" height="180" src="http://www.vhope2020.sakura.ne.jp/sanai/wp-content/uploads/2023/09/762dc3acd95363f9f445e975499e7fe1-320×180.jpg” class=”attachment-post-thumbnail size-post-thumbnail wp-post-image” decoding=”async” style=”width:100%;height:100%;object-fit:contain;” />

320×180
と言うようにファイル名にサイズが追記されてクロップされています。

■ その他特記事項
ベーッシク認証がかかっています
ユーザー名　san
パスワード　vhope2023

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[DRILL LANCER]

画像を使用する際フルサイズのものを採用したいとのことなので

1. 設定 > メディアの幅・高さの数値をすべて 0 にする
2. あなたが掲載したコードのかわりに下記コードのいずれかを試してみる
3. 上記を施した後 Regenerate Thumbnail や AJAX Thumbnail Rebuild などのプラグインを使って画像の生成を手動で行う

function my_post_thumbnail_size() {
	set_post_thumbnail_size( 0, 0 );	
}
add_action( 'init', 'my_post_thumbnail_size' );

function my_post_thumbnail_size() {
	remove_image_size( 'post-thumbnail' );	
}
add_action( 'init', 'my_post_thumbnail_size' );

—

下記サイトも参考にしてみてください。

参考サイト：

• アイキャッチ画像（Featured Image）のサイズを指定する
• set_post_thumbnail_size や add_image_size で指定したサイズの画像を作成させない方法

• この返信は1年前に石川＠Vektor,Inc.が編集しました。
• この返信は1年前にDRILL LANCERが編集しました。

[石川＠Vektor,Inc.]

以下を試してみてください。

1. アイキャッチ画像でのスタイルパネルで “サイズ” の 右の３点アイコンをクリックして “解像度” を表示
2. 解像度を 大 で一旦保存
3. 解像度を フルサイズ に変更して保存

• この返信は1年前に石川＠Vektor,Inc.が編集しました。

Attachments:

You must be logged in to view attached files.

[maki]

1. アイキャッチ画像でのスタイルパネルで “サイズ” の 右の３点アイコンをクリックして “解像度” を表示
2. 解像度を 大 で一旦保存
ここまでの作業で解決する事が出来ました。
ありがとうございました。

[投稿者]

投稿