メインビジュアルのスライダー

Hero Slider / Carousel

トップの大きな写真が、何枚か自動で切り替わるもの。キャンペーンや複数の商品を順に見せる。

入れるもの

• 3〜5枚の写真やバナー
• 今何枚目かがわかる点（ドット）
• 左右の矢印
• 各スライドの短い見出しとリンク

作るときのコツ

• 2枚目以降はあまり見られないので、大事なものは1枚目に
• 切り替わりは5秒以上あけてゆっくり
• 止めるボタンをつけると親切

どこで使われている？

よく見かける場所

ネットショップのトップ、お店や会社のホームページ

使うとよい場面

キャンペーンや商品を複数、順番に見せたいとき

いらない・注意する場面

伝えたいことが1つのLP（ファーストビューを1枚にする方がよい）

似ている部品との違い

AIへの指示文

LP（宣伝ページ） に入れるときの指示文です。作るものは右上の「何を作る？」で変えられます。

商品・サービスを宣伝する1ページのLP（ランディングページ）に、「メインビジュアルのスライダー（Hero Slider / Carousel）」のセクションを作ってください。

内容：トップに、3〜5枚の写真が5秒ごとにゆっくり切り替わるスライダーを置く。下に今何枚目かがわかるドット、左右に矢印をつけ、各スライドに短い見出しとリンクを重ねる。

入れるもの：3〜5枚の写真やバナー／今何枚目かがわかる点（ドット）／左右の矢印／各スライドの短い見出しとリンク
気をつけること：2枚目以降はあまり見られないので、大事なものは1枚目に／切り替わりは5秒以上あけてゆっくり／止めるボタンをつけると親切

スマホでも見やすいように、画面が狭いときは縦に並べてください。