【WordPress・Cocoon】カテゴリーに表示される一覧のサムネイル画像の高さを直す方法

※この記事にはプロモーションが含まれています。

世界一周前準備

WordPressのCocoonのテーマ利用時に一覧表示に使われるサムネイルの高さがおかしかったので修正しました。

自身の備忘録として、設定方法を記載しています。

1.修正前の状態

私は普段画像を幅:高さ=4:3の比率でアップしているのですが、なぜか一覧表示のサムネイルは高さが少し足りません。

記事ページのアイキャッチ画像サイズはおかしくなかったので、設定が良くないようです。

なぜか少し見切れている…

2.設定変更箇所

下記の設定を変更しました。

①Cocoon設定>画像タブを開く

②下へスクロールして「サムネイル画像」を9:16 → 3:4へ変更(赤線 → 黄色線へ)

設定変更した後の結果がこちらです。

見切れがなくなりました!!

3.まとめ

Cocoonの初期設定が幅:高さ=16:9なことが原因でした。

この設定を直せば、下記も一緒に直るようです。

  • 新着記事
  • 人気記事
  • 関連記事
  • インデックスカード
  • ページ送りナビ
  • ブログカード
  • カルーセル

見切れてると気持ち悪いので、無事直ってよかったです!

コメント

タイトルとURLをコピーしました