画像リストで複数の画像を並べる
作品やスナップを何枚も見せたいときは、Linbyの「画像リスト」ブロックを使います。複数の画像を1つのブロックにまとめて、ギャラリーのように並べられます。無料で使えます。
1枚だけ大きく見せたいときや、画像にリンクを付けたいときは、別の「画像」ブロックを使います(画像を載せる)。
複数の画像を並べる
- 1
- 2「中身」タブの「+」から画像を追加します。1つのブロックに最大50枚まで入れられます
- 3「保存」を押すと公開ページに反映されます
画像の順番は、各画像の左上にあるハンドル(⠿)をつかんでドラッグすると入れ替えられます。スマホでは長押ししてから動かします。並び替えたあとは「保存」を押すと公開ページに反映されます。
3つの見せ方から選ぶ
見せ方(ビュー)は「ビュー」タブから選べます。
- グリッド — 格子状に並べます。列数は2列・3列・4列から選べます(列数の変更は「デザイン」タブから)
- 横スクロール — 横に流して見せます。枚数が多いときにコンパクトに収まります
- カルーセル — 1枚ずつ大きく見せ、左右に送って切り替えます
どの見せ方でも、閲覧者は画像をタップすると大きく拡大表示できます。拡大させたくないときは、ブロックの「デザイン」タブで「タップで拡大」を「しない」にします。
画像リストにはリンクを付けられません
画像リストの1枚1枚には、リンクを設定できません。タップすると拡大表示されるだけです。
バナーや作品のように、画像をタップして別のページ(ショップ・作品ページなど)へ飛ばしたいときは、「画像」ブロックを使ってください。「画像」ブロックなら1枚に対してリンクを1つ設定できます(画像を載せる)。
デザインを整える
画像の角丸や枠線は、ブロックの「デザイン」タブで調整できます。グリッドの列数もここで変えられます。ページ全体のテーマとは別に、画像だけ角を丸くしたり枠線を付けたりできます。テーマ全体の変え方はテーマを選んでデザインを変えるを参照してください。
飾り枠を付ける(Basic)
写真1枚ずつに同じ飾り枠を付けられます。Basic プランで使えます。グリッド・横スクロール・カルーセルのどの見せ方でも付けられます。
- 1ブロックを開き、「デザイン」タブを開きます
- 2「飾り枠」に並ぶ見本から、付けたい枠を選びます
- 3枠を外すときは「なし」を選びます
選べる枠は、点線の枠・二重の枠・ステッチ・角だけの枠・ずらした影・マスキングテープ・ポラロイド・切手・丸く切り抜くの9種類です。「丸く切り抜く」はグリッドのときだけ選べます(横スクロールとカルーセルは写真の縦横比のまま並べるため)。
無料・Lite プランでも、見本で仕上がりを確かめられます。🔒 の付いた枠を押すと、Basic プランの案内が開きます。Basic プランを解約すると、公開ページでは枠なしで表示されます。選んだ枠は残るので、Basic プランに戻すと元どおりになります。
対応する画像と容量
- 形式:JPEG・PNG・GIF・WebP・AVIF
- 1枚あたりの容量:最大30MB
- 1つの画像リストに入れられる枚数:最大50枚
- 1ページに置ける画像リストブロックの数:無料・Liteプランは5個まで(Basicプランではこの上限はありません)
スマホで撮った写真やダウンロードした画像は、ほとんどがそのまま使えます。
画像がそろったら、テーマを選んでデザインを変えるでページ全体の見た目を整えましょう。
こんなときに使えます
- 作品・ポートフォリオを見せる — 作品を枚数で見せます。タップすると拡大表示されます