サムネイルを自動生成された画像でなく、元画像を表示したい。 - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/ Cocoon ディスカッション掲示板 ja Fri, 15 May 2026 16:20:38 +0000 wpForo 60 RE: サムネイルを自動生成された画像でなく、元画像を表示したい。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64659 Sat, 24 Sep 2022 10:47:27 +0000 みなさん、ご回答ありがとうございます。

Akiraさんのコードをfunctions.phpに追加することで私の要望の通り動きました。

]]> Cocoonテーマに関する質問 youplus https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64659 RE: サムネイルを自動生成された画像でなく、元画像を表示したい。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64622 Fri, 23 Sep 2022 10:48:34 +0000 前略、youplusさん

参考情報として

デザインがご希望とは異なるかもしれませんが、Cocoon設定→インデックスと辿り、カードタイプをタイルカード2列かタイルカード3列にすると、記事一覧のアイキャッチ画像からのサムネイル画像がトリミングされずに表示されるかと思います。


その場合もサムネイル画像の再生成は要るかもしれません。

]]> Cocoonテーマに関する質問 リフィトリー https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64622 RE: サムネイルを自動生成された画像でなく、元画像を表示したい。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64619 Fri, 23 Sep 2022 10:27:41 +0000
投稿者:: @youplus

「cocoon設定」→「画像」→「サムネイル画像」

これに関しては、以下の末尾の説明にあるようにRegenerate Thumbnailsプラグイン等でサムネイルの再生成をする必要があるかと思います。
https://wp-cocoon.com/thumbnail-aspect-ratio/

やり方はこちら。
https://wp-cocoon.com/regenerate-thumbnails/

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64619 RE: サムネイルを自動生成された画像でなく、元画像を表示したい。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64618 Fri, 23 Sep 2022 10:14:14 +0000 子テーマの functions.php に以下のコードを追加すれば、フロントページの記事一覧のサムネイルのみフルサイズで表示されます。

add_filter( 'get_entry_card_thumbnail_size', function( $thumbnail_size ) {
	if ( is_front_page() ) {
		$thumbnail_size = 'full';
	}
	return $thumbnail_size;
});
尚、WordPress やテーマの画像生成機能は、無効にしないのをおすすめします。無効にした場合、画像のレスポンシブ対応ができなくなります。srcset の削除も同様の理由によりおすすめしません。]]> Cocoonテーマに関する質問 Akira https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64618 RE: サムネイルを自動生成された画像でなく、元画像を表示したい。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64617 Fri, 23 Sep 2022 10:04:09 +0000 ●回答
以下のサイトが参考になると思います。
↓Akiraさんが書いていますが、弊害があります。
https://zbnr-hp.com/stop-thumbnail/

●補足
→→サムネイル画像
既にメディアに登録された画像のサムネイル画像は、以前のままで変化しません。
設定以降の画像が設定した比率になります。

●余談
私は全て400×300pxとしています。
設定画面の画像比をbodyにclass追加させ、以下のように、classに応じ--card-ratioの値を変更(例えば1/1)しています。

.card-thumb img {
  aspect-ratio: var(--card-ratio);
  border: 0!important;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64617 サムネイルを自動生成された画像でなく、元画像を表示したい。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64611 Fri, 23 Sep 2022 09:41:21 +0000 トップページの記事一覧などで使用されるサムネイルの画像は、自動生成されたサイズを調整されたものが表示されているかと存じます。

その設定をタイトルの通り、元画像のまま表示したいです。理由としては、正方形画像の縦をすべて表示したいためです。

サムネイル画像を正方形にできればよいと考え、下記設定からサムネイル画像サイズを変えられる認識でしたが、特に変わりはなかったです。

「cocoon設定」→「画像」→「サムネイル画像」

他に試したこととして、下記設定によりsrcsetを無くしましたが、srcで自動生成されたファイル (○○○-320×180.jpg)を呼び出しているので意味がありません。

add_filter('wp_calculate_image_srcset_meta', '__return_null');

どのように設定加えればよいでしょうか。

 

 

]]> Cocoonテーマに関する質問 youplus https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%95%e3%82%8c%e3%81%9f%e7%94%bb%e5%83%8f%e3%81%a7%e3%81%aa%e3%81%8f%e3%80%81%e5%85%83%e7%94%bb%e5%83%8f/#post-64611