ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/ Cocoon ディスカッション掲示板 ja Mon, 15 Jun 2026 07:40:53 +0000 wpForo 60 RE: ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2544 Thu, 26 Apr 2018 12:58:45 +0000 動作確認ありがとうございます。

 うまく動作したようでよかったです。

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2544 RE: ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2489 Wed, 25 Apr 2018 16:48:51 +0000 テーマのアップデートとコードの貼り替えをしました。
新着記事・人気記事、共に問題なく表示されました。
お手数かけてすみません。ありがとうございました！

]]> CSSカスタマイズ相談 ミニ太郎 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2489 RE: ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2482 Wed, 25 Apr 2018 13:55:56 +0000 すいません。
見返してみたら、コードに不備があったので上に書いたコードを修正しておきました。
子テーマのコード双方を貼り替えていただければと思います。

またまずは、もう一度以下のファイルでアップデートする必要があります。
https://github.com/yhira/cocoon/archive/master.zip
その後、コードの貼り替えになります。

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2482 RE: ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2474 Wed, 25 Apr 2018 12:00:05 +0000 わいひらさん、こんばんは。

子テーマでカスタマイズ出来るようにして下さって本当に助かります！
お陰様でサイドバーの新着記事が思い通りの表示（レスポンシブテストでも問題なし）になりました！
人気記事も試してみましたが、こちらも同様の表示がされました。

これで漸く本格的にCocoonへテーマ移行出来そうです。
良質なテーマを無料で提供して下さるだけでなく、相談にも乗って頂き本当にありがとうございました。
今後も天気の急変が起こりやすいそうなので、体調にはお気をつけ下さいね。

]]> CSSカスタマイズ相談 ミニ太郎 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2474 RE: ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2464 Wed, 25 Apr 2018 11:06:14 +0000 ついでに、人気記事用のオーバーライド関数も作成したので、人気記事のカスタマイズ方法も書いておきます。

人気記事で同様のカスタマイズを行うには、子テーマのfunctions.phpに以下のように書くとできると思います。

function get_popular_entries_thumbnail_size($entry_type = ET_DEFAULT){
  $thumb_size = ($entry_type == ET_DEFAULT) ? 'thumb120' : 'thumb320_raw';
  return $thumb_size;
} 
]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2464 RE: ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2463 Wed, 25 Apr 2018 11:00:23 +0000 動作確認ありがとうございます。
せっかく動作確認していただいたので、子テーマで手軽にカスタマイズ出来るようにしました。

まずは、以下のファイルでCocoonをアップデートしてください。
https://github.com/yhira/cocoon/archive/master.zip

そして、子テーマのfunctions.phpに以下を貼り付ければ、同様の動作になるかと思います。

function get_new_entries_thumbnail_size($entry_type = ET_DEFAULT){
  $thumb_size = ($entry_type == ET_DEFAULT) ? 'thumb120' : 'thumb320_raw';
  return $thumb_size;
} 

これで、子テーマで最小限のカスタマイズでできるかと思います。

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2463 RE: ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2407 Tue, 24 Apr 2018 15:01:30 +0000 わいひらさん、こんばんは。

以下のように変更すると、思い通りの挙動になりますでしょうか？

なりました！理想の形です！

]]> CSSカスタマイズ相談 ミニ太郎 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2407 RE: ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2403 Tue, 24 Apr 2018 14:37:12 +0000 まず試してみていただきたいのですが、親テーマのlib/html-forms.phpのgenerate_new_entries_tag関数の以下の部分を

$thumb_size = ($entry_type == ET_DEFAULT) ? 'thumb120' : 'thumb320';

以下のように変更すると、思い通りの挙動になりますでしょうか？

$thumb_size = ($entry_type == ET_DEFAULT) ? 'thumb120' : 'thumb320_raw';
]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2403 RE: ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2376 Tue, 24 Apr 2018 12:03:49 +0000 かうたっくさん、お返事ありがとうございます。

WP Theme Testなどのプラグインでカスタマイズしている状態なのかな？？と推測しただけの状態ですが。

おっしゃる通りです。
一応確認のため、深夜にメンテナンス状態にして一時的にテーマ変更することもありますが、それを公開することは出来ないので、文章のみでお伝えさせて頂いた次第です。

で、ちょっと私の書き方が悪かったかもしれないので、画像を1枚添付します。
理想の形はオリジナル画像の縦横比を維持したまま、ウィジェットの新着記事の大きなサムネイルを表示したいです。
プラグインを利用すれば出来るのですが、使わずに表示可能ならプラグインを増やすことはあまりしたくないなと思いまして…。
何か良い方法はありますでしょうか。

]]> CSSカスタマイズ相談 ミニ太郎 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2376 RE: ウィジェット新着記事の大きなサムネイルサイズ縦横比維持 https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2369 Tue, 24 Apr 2018 10:43:50 +0000

※別テーマで稼働中のサイトなため、Cocoonに変更してのサイト公開が現状出来ない状態です

WP Theme Testなどのプラグインでカスタマイズしている状態なのかな？？と推測しただけの状態ですが。

新着記事の大きなサムネイルの縦横比を維持したまま表示することは可能でしょうか。

縦横の比率を維持して、表示されるサイズでCocoonは表示されるようになってたりします。

テーマ変更時に画像の比率が違ってゆがんだように見えることがあるので、その場合テーマ変更後にRegenerate Thumbnailsというプラグインを使うと解消されますよ。

※そもそもの前提（WP Theme Test使用）が違ったらスミマセン。

]]> CSSカスタマイズ相談 かうたっく https://wp-cocoon.com/community/customs/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e6%96%b0%e7%9d%80%e8%a8%98%e4%ba%8b%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%82%ba/#post-2369