フォトギャラリー（写真）を追加する

ギャラリー機能を使って、製作事例や施工事例、ヘアスタイルカタログなどの写真を並べて表示させることができます。

画像サイズが大きいと、ホームページの読み込みに時間がかかってしまうので、特にスマホで閲覧している人にとっては負担になります。

ホームページの表示速度が遅いことで閲覧者がサイトを閉じてしまうというチャンスロスになりかねませんので、スマホやデジカメで撮影した画像は、アップロード後にサイズを縮小させることをオススメします。

ギャラリーを使用するときのワンポイント

ギャラリーを使用して複数枚の画像を表示させる場合、全ての画像の縦サイズと横サイズを同じにしておくと、綺麗に表示させることができます。

ギャラリーを追加したいページの編集画面で、一番上の記事にカーソルを置きます。背景が黄緑色になったらクリックします。

「ギャラリーを追加」をクリックします。

見出しやギャラリータイプは、画像の追加後に設定してください。

「ギャラリー画像を追加」をクリックします。

「画像を変更する」ボタンをクリックし、表示されるファイル一覧から画像を選択します。

必要に応じて「画像クリック設定」を（ポップアップ表示、または、リンクを指定）に変更、「コメント」を入力します。

同様の手順で、必要な枚数分の画像を追加します。

画像の追加が完了したら、見出しとギャラリータイプを設定します。
見出しの入力は任意です。

ギャラリータイプの初期値は「シンプル」になっていますが、画像を大きめに綺麗に並べるには「雑誌風レイアウト」がオススメです。

また、カラム（列）数は表示させる画像枚数に合わせると見やすくなります。

あれ？画像が綺麗に並ばない？

画像を複数枚並べると、少しズレて表示されてしまう場合があります。原因は、画像の縦のサイズが他の画像と異なるからです。画像の縦のサイズ（高さ）を横に並んでいる画像と同じサイズにすることで綺麗に表示されるようになります。

画像をクリックしたときの動作を設定することができます。

何もしない	初期値です。画像をクリックしても何も起こりません。
画像をポップアップ表示	画像クリック時に、ポップアップ画面に画像が表示されます。
画像にリンクを指定	画像クリック時に、他のページやPDFを表示させたりする場合は、「画像にリンクを指定」を選択し、リンク先の設定を行います。