AMS使い方マニュアル

簡単ホームページ作成ツール「AMS」のマニュアルサイト

ホーム ≫ フォトギャラリー(写真)を追加する ≫

フォトギャラリー(写真)を追加する

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

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

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

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

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

フォトギャラリーを追加する

ギャラリー追加01_コピー

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

ギャラリー追加02_コピー

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

画像を追加する

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

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

ギャラリー追加04_コピー

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

  • 表示されたファイル一覧の上部にある「アップロード」ボタンを押して、画像をアップロードすることも可能です。
  • 画像下にテキストを表示させたい場合は、「コメント」に記入します。

OK」ボタンを押します。

ギャラリー追加03_コピー_コピー_コピー

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

ギャラリー追加08_コピー

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

画像の見せ方を設定する

ギャラリータイプとカラム(列)数について

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

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

画像が綺麗に表示されない場合

ギャラリー追加09_コピー

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

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

画像クリック時の動作を設定する

ギャラリー追加10_コピー_コピー

画像クリック設定

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

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

画像にコメントを付ける

ギャラリー追加11_コピー

コメントに入力したテキストは、画像の下に表示されます。

コメントは改行ができませんので、読みやすいように12文字程度にすることをオススメします。