リンク画像リストで画像から外部リンクへ飛ばす

バナーや作品を何枚も並べて、それぞれ別のリンク先へ飛ばしたいときは、「リンク画像リスト」ブロックを使います。並べた画像を1枚ずつタップすると、画像ごとに設定したリンク先(ショップ・作品ページ・SNS など)へ移動できます。

リンク画像リストは有料プラン(Basic)で使えます。プランの内容は料金プランで確認できます。

「画像リスト」との違い

見た目は似ていますが、タップしたときの動きが違います。

  • リンク画像リスト(このブロック) — タップすると、画像ごとのリンク先へ移動します
  • 画像リスト — タップすると、その画像が大きく拡大表示されます(画像リストで複数の画像を並べる

「作品を大きく見せたい」なら画像リスト、「タップで別ページへ誘導したい」ならリンク画像リストを選びます。

画像とリンクを追加する

  1. 1
    ページ下部の「+ ブロックを追加」から「リンク画像リスト」を選びます(ブロックの追加方法
  2. 2
    「中身」タブの「+」から画像を追加し、画像ごとに次を設定します
  • リンク先の URL — タップしたときに開くページ
  • 代替テキスト(任意) — 画像が表示できないときに出る説明。目の不自由な方の読み上げにも使われます
  1. 1
    「保存」を押すと公開ページに反映されます

リンク先は新しいタブで開きます。

3つの見せ方から選ぶ

見せ方(ビュー)は「ビュー」タブから選べます。画像リストと同じ3種類です。

  • グリッド — 格子状に並べます。列数は「デザイン」タブで変えられます
  • 横スクロール — 横に流して見せます。枚数が多いときにコンパクトに収まります
  • カルーセル — 1枚ずつ大きく見せ、左右に送って切り替えます

1枚だけ画像を載せてリンクを付けたいときは、「画像」ブロックでも同じことができます(画像・バナーを載せてリンクを付ける)。

見た目(角丸・枠線・余白など)はテーマで整います。変え方はテーマを選んでデザインを変えるを参照してください。

プロフィールサイト・リンクまとめなら Linby

スマホひとつで、オリジナルのページが無料で作れます。

Linby を見てみる

関連ヘルプ

関連: ヘルプ一覧よくある質問料金プラン