コンテンツにスキップ

TOP画面スライダー

機能概要#

TOP画面のスライダ画像は以下の手順で差し替えできます｡それぞれについて後述します｡

  • 画像用意
  • 画像アップロード
  • 表示設定

Image from Gyazo

画像用意#

以下の要件にあう画像を用意します｡

  • アスペクト比が統一されていること（初期状態は16:9）
  • 横幅(width)の最小サイズは1090ピクセル
  • 画像の最大サイズは2MB/枚
  • ファイル名は英数字のみ
  • ファイルタイプはJPG､PNG､GIFなど

画像アップロード#

管理サイト > コンテンツ管理 > ファイル管理 > user_data/assets/img/slider/ にアップロードします｡

アップロードが成功すると一覧に画像が表示されるので画像URLをコピーします｡

※別のフォルダでも外部サーバでもアクセスできる場所なら問題ありませんが管理上､上記フォルダに配置することを推奨します｡

Image from Gyazo

Image from Gyazo

Image from Gyazo

表示設定#

管理サイト > コンテンツ管理 > ページ管理 > TOPページ を開きます｡

|Image from Gyazo|Image from Gyazo|

ページ最下部に以下の書式のタグを追加します｡上から順に表示されます｡

タグ書式#

<div class="item slick-slide"><img src="画像URL"></div>

挿入位置#

Image from Gyazo

FAQ#

Q1.登録できる枚数は何枚ですか?#

最低1枚登録してください｡上限は特に制限はありませんが､多すぎると表示が遅くなりお客様の体験が損なわれるのでご留意ください｡

Q2.留意点はありますか?#

画像が大きくなるとTOP画面表示が遅延して､お客様の体験が損なわれます｡ 美しさを損なわない範囲で､できる限り小さい画像をご使用ください｡

推奨は｢横:1090ピクセル 縦:436ピクセル｣です｡

また､画像の鮮明さを損なわない程度に画質を下げることも推奨いたします｡