Skip to content

サムネイルとアイキャッチのサイズ指定方法

概要

この方法はデフォルトのテンプレートを利用している場合に限った説明になります。
テンプレートの編集が難しい場合、サポートへお問い合わせ下さい。ご要望を伺い、作業を承ることも可能です。

ソーシャルキャストでは、サムネイル画像やアイキャッチ画像を下記の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.eyecatchescontent.thumbnails は同様の方法でサイズ指定ができます
1
2
3
4
5
6
7
{% block main_visual %}
    {% if category.eyecatch.exists %}
        <div class="box-mv container mb-0">
           <img src="{{category.eyecatches.lg}}" alt=" "> //ここが編集箇所です
        </div>
    {% endif %}
{% endblock %}