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

フォローする
ソーシャルキャスト
オウルキャスト

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

概要 


ソーシャルキャスト、オウルキャストでは、サムネイル画像やアイキャッチ画像を下記の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 %}
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています