ソーシャルキャスト ヘルプセンター

一歩踏み込んだご利用方法、サポートに多く寄せられる質問などをまとめております。

メインビジュアルの変更方法

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


初期状態ではサイトのメインビジュアル部分に [MV001]-[MV005] という仮の画像が設定されています。 この画像を任意の画像に変更する方法をご案内します。

 

テンプレート変更手順

管理画面の デザイン管理 -> テンプレート から下記のテンプレートを選択して編集します。

 

PC版テンプレート

「パーツテンプレート/メインビジュアル」を編集します。

<div class="box-mv-slide">
<div class="js-mv-slide">
<div>
<a href="https://socialcast.jp/" target="_blank"><img src="/images/mv_01.jpg" alt="" style="max-width: 100vw;"></a>
</div>
<div>
<a href="https://learning.socialcast.jp/"><img src="/images/mv_02.jpg" alt="" style="max-width: 100vw;"></a>
</div>
<div>
<img src="/images/mv_03.jpg" alt="" style="max-width: 100vw;">
</div>
<div>
<img src="/images/mv_04.jpg" alt="" style="max-width: 100vw;">
</div>
<div>
<img src="/images/mv_05.jpg" alt="" style="max-width: 100vw;">
</div>
</div>
</div>

 

スマートフォン版テンプレート

「パーツテンプレート/メインビジュアル」を編集します。

<div class="box-mv-slide">
<div class="js-mv-slide">
<div>
<a href="https://socialcast.jp/" target="_blank"><img src="/images/mv_01.jpg" alt="" style="max-width: 100vw;"></a>
</div>
<div>
<a href="https://learning.socialcast.jp/"><img src="/images/mv_02.jpg" alt="" style="max-width: 100vw;"></a>
</div>
<div>
<img src="/images/mv_03.jpg" alt="" style="max-width: 100vw;">
</div>
<div>
<img src="/images/mv_04.jpg" alt="" style="max-width: 100vw;">
</div>
<div>
<img src="/images/mv_05.jpg" alt="" style="max-width: 100vw;">
</div>
</div>
</div>
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています