MatchLayerで掲載に複数の写真を載せる方法|画像ギャラリーとメイン画像の指定

サイト構築のヒント

スペースやサービス、商品を掲載するとき、写真が1枚だけでは魅力が伝わりきりません。MatchLayer では、1つの掲載に複数の写真を登録して、詳細ページでギャラリーのように見せられます。さらに、一覧やトップに表示されるメイン画像(アイキャッチ)を自分で選べます。

特別なオン/オフ設定は不要で、掲載の作成・編集フォームから写真を追加するだけです。この記事では、その手順と見え方を説明します。

想定読者:MatchLayer の初期セットアップを済ませた管理者の方、および掲載を作る提供者の方。まだセットアップが済んでいない場合はセットアップマニュアルを先にどうぞ。


この記事でできるようになること

通読すると、次のことができるようになります。

  • 1つの掲載に複数の写真を登録する
  • 一覧やトップに出る「メイン画像」を選ぶ
  • 詳細ページでギャラリー(メイン+サムネイル)として見せる

特別な設定は不要です。掲載を作る・編集するときに写真を足すだけです。


1. 画像を追加する場所

写真は、掲載(リスティング)の作成・編集フォームから追加します。提供者がマイページの掲載一覧から「新規作成」または「編集」を開くと、入力項目の中に画像をアップロードするエリアがあります。

タイトルや説明と同じ画面で、写真もまとめて登録できます。


2. 複数の写真をアップロードする

画像のエリアの 「画像を選択」 から、写真を複数アップロードできます(最大5枚まで)。

  • アップロードすると、フォーム上にサムネイルのプレビューが並びます
  • 各サムネイルには削除ボタンがあり、いらない写真を1枚ずつ消せます

外観・内観・設備・利用シーンなど、複数の角度から見せると、利用者が申し込み前にイメージしやすくなります。

補足:サブ画像どうしの並び替え(ドラッグや矢印で順番を入れ替える操作)は用意されていません。順番に関わる操作は、次に説明する「メイン画像の指定」になります。


3. メイン画像(アイキャッチ)を決める

複数の写真のうち、一覧やトップ、詳細ページの先頭に大きく出る1枚が「メイン画像」です。

  • サムネイルの並びの先頭がメイン画像で、「メイン」バッジが付きます
  • メインにしたい写真のサムネイルにある 「メインにする」ボタンを押すと、その写真が先頭(メイン)に移動します
  • メインの写真には「メインにする」ボタンは表示されません(すでにメインなので)
  • 先頭(メイン)の写真を削除すると、次の写真が自動的にメインに昇格します
  • 写真が1枚だけのときは、その写真が自動的にメインになります

いちばん見せたい写真をメインにしておくと、一覧やトップでの印象が決まります。

補足:メインの指定は画面上ですぐ反映されますが、実際に保存されるのはフォームを送信したときです。設定したら忘れずに保存してください。


4. 詳細ページ・一覧での見え方

登録した写真は、フロント側で次のように表示されます。

  • 掲載の詳細ページ:メイン画像が大きく表示され、その下にサブ画像のサムネイルが並びます。サムネイルをクリック(スマホはタップ)すると、メインの表示がその写真に切り替わります
  • 一覧・検索結果のカード:メイン画像がサムネイルとして表示されます
  • 写真を1枚も登録しなかった場合:詳細ページもカードも、画像なし(プレースホルダー)の表示になります

つまり、メイン画像が「サイト全体での見え方」を、サブ画像が「詳細ページでの説得力」を担う、という関係です。


困ったときは(FAQ)

Q1. 写真の設定をオンにする場所はどこ?

A. オン/オフの設定はありません。掲載の作成・編集フォームから、そのまま写真を追加できます。

Q2. 一覧に出る写真を変えたい

A. その写真のサムネイルで「メインにする」を押してメイン画像にしてください。一覧・トップにはメイン画像が表示されます。

Q3. サブ写真の並び順を変えたい

A. サブ画像どうしの並び替え機能はありません。順番に関わるのはメイン画像の指定のみです。どうしても順序を整えたい場合は、いったん削除して登録し直す形になります。

Q4. 写真は何枚まで載せられる?

A. 1つの掲載につき最大5枚まで登録できます。そのうちの1枚をメイン画像に指定します。

Q5. 写真を載せないとどうなる?

A. 詳細ページ・一覧カードともに、画像なしで表示されます。掲載は問題なく公開できますが、写真があるほうが申し込みにつながりやすくなります。

Q6. メインを変えたのに反映されない

A. メインの指定は、フォームを保存(送信)したときに確定します。「メインにする」を押したあと、フォーム下部の保存(公開・更新)ボタンを押したか確認してください。


用語集

用語意味
画像ギャラリー1つの掲載に複数の写真を登録し、詳細ページでメイン+サムネイルとして見せる仕組み
メイン画像(アイキャッチ)一覧・トップ・詳細の先頭に大きく出る代表写真。サムネイルの先頭の1枚
サブ画像メイン以外の写真。詳細ページでサムネイルとして並ぶ
プレースホルダー写真が無いときに表示される画像なしの代替表示