ソーシャルキャスト
オウルキャスト
この方法はデフォルトのテンプレートを利用している場合に限った説明になります。
テンプレートの編集が難しい場合、サポートへお問い合わせ下さい。ご要望を伺い作業を承ることも可能です(有償作業となります)。
概要
ソーシャルキャスト、オウルキャストでは、サムネイル画像やアイキャッチ画像を下記の6種類のサイズに指定することができます。
設定名 | 横幅 | 縦幅 |
---|---|---|
xs | 160 px | 90 px |
sm | 320 px | 180 px |
md | 640 px | 360 px |
lg | 960 px | 540 px |
xl | 1440 px | 810 px |
original | オリジナルサイズ | オリジナルサイズ |
テンプレート変更手順
管理画面の デザイン管理 -> テンプレート より該当のテンプレート選択します。
ここでは一例として、下記の方法をご案内します。
- カテゴリのアイキャッチをサイズ指定する方法
カテゴリのアイキャッチをサイズ指定する方法
- ページテンプレート/カテゴリ別コンテンツ一覧
- 下記コードの
lg
を適宜変更してください - オリジナルサイズの場合は
category.eyecatches.original
となります - このほかのテンプレートでも
category.eyecatches
やcontent.thumbnails
は同様の方法でサイズ指定ができます
{% block main_visual %}
{% if category.eyecatch.exists %}
<div class="box-mv container mb-0">
<img src="{{category.eyecatches.lg}}" alt=" "> //ここが編集箇所です
</div>
{% endif %}
{% endblock %}