説明文付きのギャラリーを設置する

複数の画像を一覧表示できる、ギャラリーブロックがいくつか用意されています。
ギャラリーブロックは、物件ページの[設備・特徴]や[周辺環境]などのページでも使用されています。
ギャラリーブロックを使うことで、エリアの施設やお店の紹介、公園内の遊具や設備の紹介、リフォーム事例などを綺麗に表示できるようになります。
今回はギャラリー2ブロックの使い方について説明します。

ブロックの操作方法については、ページ編集編の[ブロック操作]をご確認ください。

1. デザイン編集ページに移動します。
   左上にある[
   ブロック追加]をクリックします。

   

   
   右側にブロック追加のメニューが表示されるので、[ギャラリー]カテゴリを選択します。
   ギャラリー関連のブロックが表示されるので、[ギャラリー2]というブロックを追加します。

   

   
   
2. 追加したギャラリー2ブロックをクリックします。

   

   
   右側にギャラリーブロックの設定メニューが表示されます。
   まず、[メディアボックスを開く]をクリックします。

   

   
   
3. ギャラリーブロックに表示するための画像をアップロードします。
   左上の[画像を追加]をクリックします。

   

   
   
4. 続いて、左上の[
   画像アップロード]をクリックします。
   ファイル選択のウィンドウが開くので、ギャラリーに表示させる画像をアップロードします。

   

   
   
   アップロードする画像への透かしの有無は、[

   画像アップロード]の下のボタンから切り替えることができます。
   [

   透かし無し]の状態で画像をアップロードすると、透かしが入りません。

   

   
   
5. 画像をアップロードしたら、画像をクリックして選択します。
   選択された画像には、右上に[check]が付きます。
   画像を選択したら、下部の[ブロックに追加する]をクリックします。

   

   
   
6. 画像をブロックに追加すると、一度メディアボックスが閉じます。
   画像下に表示するテキストを設定するために、再度メディアボックスを開きます。
   
   メディアボックスを開いたら、画像を選択して、右にある[タイトル(title属性)]と[詳細(alt属性)]を設定します。

   

   それぞれの画像にタイトルと詳細を設定したら、下の[OK]をクリックします。
   
   
   タイトルと詳細のほかに、リンク先URLの設定項目もありますが、ギャラリー2ブロックにはリンク機能はないため、設定してもそのURLに移動させることはできません。
   
   
   
   
7. 画像の設定が完了したので、続いて表示の設定を行います。
   設定項目については[設定項目について]をご確認ください。
   設定したら、上部の[保存]をクリックします。

   

   
   

画像挿入

ギャラリーに表示させる画像を設定します。
設定方法については[ギャラリーブロックを設置する]をご確認ください。

画像カテゴリ

ギャラリー2ブロックが物件ページに設置されている場合には、[外観]や[周辺環境]などのカテゴリが選択できます。
カテゴリを選択すると、そのカテゴリに登録されている画像が自動的にギャラリーに表示されます。

ブロックタイプ1選択

画像の形状を選択します。
画像は全て、中心部分を基準に表示されます。

正方形

画像の縦横の短い方の長さに合わせて、正方形に表示します。

正方形の領域以外（下の画像の黒い部分）は非表示となります。

長方形(横)

横長に表示します。
画像が表示領域の縦横比より横に長い場合は縦を、縦に長い場合は横を表示領域に合わせて拡大・縮小し、はみ出た部分は非表示となります。

長方形の領域以外（下の画像の黒い部分）は非表示となります。

長方形(縦)

縦長に表示します。
画像が表示領域の縦横比より横に長い場合は縦を、縦に長い場合は横を表示領域に合わせて拡大・縮小し、はみ出た部分は非表示となります。

長方形の領域以外（下の画像の黒い部分）は非表示となります。

丸系

画像の縦横の短い方の長さに合わせて、円形に表示します。

円の領域以外（下の画像の黒い部分）は非表示となります。

アスペクト比を固定

画像の縦横比を維持したまま、領域内に収まるように拡大・縮小して表示します。
縦横比が大きく異なる画像を登録すると、見栄えが悪くなる場合があります。

ブロックタイプ2選択

画像を横にいくつ並べるか選択します。
1～5列の範囲で選択できます。
列数が少ないほど、画像が大きく表示されます。

ブロックタイプ3選択

画像からテキストまでを囲む範囲の背景色（灰色）を、有りか無しか選択します。
背景色を非表示にする場合は、若干画像が大きく表示されます。

タイトル位置

画像タイトル（メディアボックスの[タイトル(title属性)]で設定したもの）をどこに寄せるか選択します。

• タイトル左寄せ
• タイトル右寄せ
• タイトル中央寄せ

（ブロック全体に同じ設定が適用されるため、実際には個別に設定することはできません）

見出し(日本語)

ギャラリーブロックの一番上に表示される見出しの左側を設定します。
英語で設定することもできます。
空白の場合は、物件ページでは「設備・特徴一覧」、それ以外のページでは「写真一覧」と表示されます。

見出し(英語)

ギャラリーブロックの一番上に表示される見出しの右側を設定します。
日本語で設定することもできます。
見出しの左側の文字よりも小さい文字サイズになります。
空白の場合は、物件ページでは「EQUIPMENT LIST」、それ以外のページでは「PHOTO LIST」と表示されます。

キャプション表示

キャプション（メディアボックスの[詳細(alt属性)]で設定したもの）を表示するかどうか設定します。

画像の並び替えや削除はメディアボックス内で行います。
操作方法については以下をご確認ください。

• 画像を並び替える
• 画像を削除する