アイキャッチサイズに試行錯誤した結果、ブログのアイキャッチサイズは正方形で良くない?という結論に先日辿り着きました。
インデックスページも横長アイキャッチで表示させるのであれば特に問題はないのですが、当ブログのトップページのように正方形で表示させたい場合、Cocoonの場合はひと手間設定がいります。
Cocoonでサムネイル表示を正方形に変更する方法の覚書です。
正方形以外にも、サムネイルの比率を変更させたい場合なども同様の手順になります。
Cocoonのサムネイル画像
Cocoonのサムネイル画像は、比率設定が可能でデフォルトだと「9:16, 1:1.777..(地デジ・YouTube比)デフォルト」という比率に設定されています。
そのため、デフォルトのままだとサムネイル画像は設定に準拠した比率で表示されます。
サムネイル画像の比率を変更する方法
サムネイル画像の比率を変更するには、[Cocoon設定]-[画像]のタブを選択します。
下の方にスクロールすると、[全体画像設定]のエリアに[サムネイル画像]という設定項目がありますので、こちらから設定変更します。
変更できるサムネイル画像の比率は、以下になります。
- 9:16, 1:1.777..(地デジ・YouTube比)←デフォルト
- 約5:8, 1:1.618..(黄金比)
- 2:3, 1:1.5(一眼レフ比)
- 3:4, 1:1.333..(アナログテレビ・デジカメ比)
- 1:1(正方形)
今回わたしは正方形に変更したいので、1:1(正方形)をチェックして保存しました。
これで設定変更作業は完了です。