画像リストで複数の画像を並べる
作品やスナップを何枚も見せたいときは、「画像リスト」ブロックを使います。複数の画像を1つのブロックにまとめて、ギャラリーのように並べられます。無料で使えます。
1枚だけ大きく見せたいときや、画像にリンクを付けたいときは、別の「画像」ブロックを使います(画像を載せる)。
複数の画像を並べる
- 1
- 2「中身」タブの「+」から画像を追加します。1つのブロックに最大50枚まで入れられます
- 3「保存」を押すと公開ページに反映されます
3つの見せ方から選ぶ
見せ方(ビュー)は「ビュー」タブから選べます。
- グリッド — 格子状に並べます。列数は2列・3列・4列から選べます(列数の変更は「デザイン」タブから)
- 横スクロール — 横に流して見せます。枚数が多いときにコンパクトに収まります
- カルーセル — 1枚ずつ大きく見せ、左右に送って切り替えます
どの見せ方でも、閲覧者は画像をタップすると大きく拡大表示できます。
画像リストにはリンクを付けられません
画像リストの1枚1枚には、リンクを設定できません。タップすると拡大表示されるだけです。
バナーや作品のように、画像をタップして別のページ(ショップ・作品ページなど)へ飛ばしたいときは、「画像」ブロックを使ってください。「画像」ブロックなら1枚に対してリンクを1つ設定できます(画像を載せる)。
デザインを整える
画像の角丸や枠線は、ブロックの「デザイン」タブで調整できます。グリッドの列数もここで変えられます。ページ全体のテーマとは別に、画像だけ角を丸くしたり枠線を付けたりできます。テーマ全体の変え方はテーマを選んでデザインを変えるを参照してください。
対応する画像と容量
- 形式:JPEG・PNG・GIF・WebP・AVIF
- 1枚あたりの容量:最大30MB
- 1つの画像リストに入れられる枚数:最大50枚
スマホで撮った写真やダウンロードした画像は、ほとんどがそのまま使えます。
画像がそろったら、テーマを選んでデザインを変えるでページ全体の見た目を整えましょう。