Squarespaceの画像ギャラリー

まとまりのある単一のレイアウトで複数の画像を紹介しまし⁠ょう⁠。

最終更新日 2025年1月10日

まとまりのある単一のレイアウトで複数の画像を表示するには⁠、Squarespaceのギ⁠ャラリ⁠ー オプシ⁠ョンのいずれかを使用します⁠。使用するオプシ⁠ョンは⁠、Squarespaceのどのバ⁠ージ⁠ョンでサイトが作成されているか⁠、どこにギ⁠ャラリ⁠ーを追加するかによ⁠って異なります⁠。

このガイドでは⁠、ギ⁠ャラリ⁠ー タイプの主な違いや⁠、サイトにギ⁠ャラリ⁠ーを追加する際のその他の考慮事項について説明します⁠。

ギ⁠ャラリ⁠ー セクシ⁠ョン

ギ⁠ャラリ⁠ー セクシ⁠ョンは⁠、複数の画像を紹介するための特別なタイプのセクシ⁠ョンです⁠。このセクシ⁠ョンは⁠、Squarespaceバ⁠ージ⁠ョン7⁠.1で一度に複数の画像を表示する主な方法として使われます⁠。以下が可能です⁠。

ギ⁠ャラリ⁠ー セクシ⁠ョンはグリ⁠ッドとスライドシ⁠ョ⁠ーのレイアウトをサポ⁠ートしており⁠、それぞれに3つずつバリエ⁠ーシ⁠ョンがあります⁠。

  • グリ⁠ッド - シンプル⁠、ストリ⁠ップ⁠、メ⁠ーソンリ⁠ー
  • スライドシ⁠ョ⁠ー - シンプル⁠、フル⁠、リ⁠ール

詳しくは⁠、「⁠ギ⁠ャラリ⁠ー セクシ⁠ョン⁠」をご覧ください⁠。

ギャラリー セクションの例

ギ⁠ャラリ⁠ー ブロ⁠ック

ギ⁠ャラリ⁠ー ブロ⁠ックは⁠、画像を追加したり動画を埋め込んだりできるブロ⁠ックです⁠。ギ⁠ャラリ⁠ー ブロ⁠ックにはレイアウト オプシ⁠ョンが組み込まれており⁠、他のブロ⁠ックと一緒にレイアウトに配置することもできます⁠。バ⁠ージ⁠ョン7⁠.1とバ⁠ージ⁠ョン7⁠.0はどちらもギ⁠ャラリ⁠ー ブロ⁠ックをサポ⁠ートしていますが⁠、追加できる場所は異なります⁠。

ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックは⁠⁠、ブログ投稿⁠⁠、イベントの説明⁠⁠、商品の追加情報など⁠⁠、セクシ⁠⁠ョンが使用されていないコンテンツ エリアに追加できます⁠⁠。レイアウト ペ⁠⁠ージまたはコレクシ⁠⁠ョンのランデ⁠⁠ィング ペ⁠⁠ージにギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックを追加することはできません⁠⁠。これらには⁠⁠、代わりにギ⁠⁠ャラリ⁠⁠ー セクシ⁠⁠ョンを使用してください⁠⁠。

この機能へのアクセス

Circleメンバ⁠⁠ーは⁠⁠、7⁠⁠.1のすべてのコンテンツ エリアにギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックを追加できます⁠⁠。Circleメンバ⁠⁠ーになる方法については⁠⁠、「⁠⁠Squarespace Circle⁠⁠」をご覧ください⁠⁠。

ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックを使用して⁠⁠、画像をア⁠⁠ップロ⁠⁠ードしたり⁠⁠、スト⁠⁠ック画像を追加したり⁠⁠、動画を埋め込んだりできます⁠⁠。

ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックは⁠⁠、レイアウト ペ⁠⁠ージ⁠⁠、ブログ投稿⁠⁠、およびその他のブロ⁠⁠ック コンテンツ エリアに追加できます⁠⁠。ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックを使用して⁠⁠、画像をア⁠⁠ップロ⁠⁠ードしたり⁠⁠、スト⁠⁠ック画像を追加したり⁠⁠、動画を埋め込んだり⁠⁠、既存のギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージのコンテンツを表示したりできます⁠⁠。

ギ⁠ャラリ⁠ー ブロ⁠ックは⁠、4つの異なるレイアウトをサポ⁠ートしており⁠、これらはいつでも切り替えることができます⁠。

  • スライドシ⁠ョ⁠ー
  • カル⁠ーセル
  • グリ⁠ッド
  • スタ⁠ック

詳しくは⁠、「⁠ギ⁠ャラリ⁠ー ブロ⁠ック⁠」をご覧ください⁠。

ギャラリー ブロックの例

ギ⁠ャラリ⁠ー ペ⁠ージ (⁠バ⁠ージ⁠ョン7⁠.0⁠)

ギ⁠ャラリ⁠ー ペ⁠ージはテンプレ⁠ートによ⁠って異なり⁠、そのテンプレ⁠ートに合わせて機能する独自のデザインが施されています⁠。ギ⁠ャラリ⁠ー ブロ⁠ックと同様に⁠、ギ⁠ャラリ⁠ー ペ⁠ージを使用して画像をア⁠ップロ⁠ードしたり⁠、スト⁠ック画像を追加したり⁠、動画を埋め込んだりできます⁠。詳しくは⁠、「⁠バ⁠ージ⁠ョン7⁠.0のギ⁠ャラリ⁠ー ペ⁠ージ⁠」をご覧ください⁠。

ギ⁠ャラリ⁠ー ペ⁠ージで使用されるデザインには⁠、スライドシ⁠ョ⁠ー⁠、スライダ⁠ー (⁠カル⁠ーセル⁠)⁠、グリ⁠ッド⁠、およびスタ⁠ックがあります⁠。テンプレ⁠ートに応じて⁠、固定されたデザイン⁠、サイト スタイルでデザインを変更するオプシ⁠ョン⁠、または訪問者がギ⁠ャラリ⁠ーのデザインを自分で調整できるオプシ⁠ョンがギ⁠ャラリ⁠ー ペ⁠ージのデザインとして表示されます⁠。詳しくは⁠、テンプレ⁠ート独自のギ⁠ャラリ⁠ー ペ⁠ージのデザインのリストをご参照ください⁠。

ギ⁠ャラリ⁠ーの比較

Squarespaceのギ⁠ャラリ⁠ー オプシ⁠ョンを使うと⁠、様⁠々な方法で画像を表示することができます⁠。

ギ⁠⁠ャラリ⁠⁠ー セクシ⁠⁠ョンとギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのどちらを使用するかは⁠⁠、ギ⁠⁠ャラリ⁠⁠ーを配置するサイトの領域によ⁠⁠って異なります⁠⁠。この2つは同じ機能を共有していますが⁠⁠、わずかな違いがいくつかあります⁠⁠。それぞれのオプシ⁠⁠ョンで利用可能な機能を把握するには⁠⁠、以下の表をご参照ください⁠⁠。

  ギ⁠⁠ャラリ⁠⁠ー セクシ⁠⁠ョン ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ック
追加できる場所
  • レイアウト ペ⁠⁠ージ
  • コレクシ⁠⁠ョンのランデ⁠⁠ィング ペ⁠⁠ージ
  • ポ⁠⁠ートフ⁠⁠ォリオのサブペ⁠⁠ージ
  • ブログ投稿
  • イベントの説明
  • 商品に関する追加情報
表示される場所 それぞれのセクシ⁠⁠ョン⁠⁠。他の種類のコンテンツをギ⁠⁠ャラリ⁠⁠ー セクシ⁠⁠ョンに追加することはできません⁠⁠。 他のブロ⁠⁠ックと同じコンテンツ エリア内⁠⁠。他のブロ⁠⁠ックの隣に配置できます⁠⁠。
レイアウト オプシ⁠⁠ョン (⁠⁠いつでも変更可能⁠⁠)
  • グリ⁠⁠ッド⁠⁠: シンプル
  • グリ⁠⁠ッド⁠⁠: ストリ⁠⁠ップ
  • グリ⁠⁠ッド⁠⁠: メ⁠⁠ーソンリ⁠⁠ー
  • スライドシ⁠⁠ョ⁠⁠ー⁠⁠: シンプル
  • スライドシ⁠⁠ョ⁠⁠ー⁠⁠: フル
  • スライドシ⁠⁠ョ⁠⁠ー⁠⁠: リ⁠⁠ール (⁠⁠ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックのカル⁠⁠ーセル レイアウトに似ています⁠⁠)
  • スライドシ⁠⁠ョ⁠⁠ー
  • カル⁠⁠ーセル
  • グリ⁠⁠ッド
  • スタ⁠⁠ック
スト⁠⁠ック画像のライセンスの取得

動画の埋め込み

不可⁠⁠。アニメ⁠⁠ーシ⁠⁠ョン ⁠⁠.gifの画像フ⁠⁠ァイルを代わりに使用してください⁠⁠。

キ⁠⁠ャプシ⁠⁠ョンの表示

可 (⁠⁠カル⁠⁠ーセル レイアウトを除く⁠⁠)

クリ⁠⁠ックスル⁠⁠ー URLの追加

可 (⁠⁠ライトボ⁠⁠ックスでは無効⁠⁠)

可 (⁠⁠ライトボ⁠⁠ックスでは無効⁠⁠)
ライトボ⁠⁠ックスの有効化

可 (⁠⁠少数のレイアウトで例外あり⁠⁠)

可 (⁠⁠グリ⁠⁠ッド レイアウトの場合⁠⁠)

アニメ⁠⁠ーシ⁠⁠ョンの追加

可 (⁠⁠少数のレイアウトで例外あり⁠⁠)サイト全体のアニメ⁠⁠ーシ⁠⁠ョンに一致するように設定したり⁠⁠、カスタム オプシ⁠⁠ョンを選択したりできます⁠⁠。

不可

ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックまたは概要ブロ⁠⁠ックをギ⁠⁠ャラリ⁠⁠ー セクシ⁠⁠ョンにリンクすることはできません⁠⁠。

ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックとギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージのどちらを使うべきかは⁠⁠、サイトに応じて異なります⁠⁠。様⁠⁠々なテンプレ⁠⁠ートの独自のギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージを参照して⁠⁠、ご自身が惹かれるものを探してみてください⁠⁠。気に入⁠⁠ったテンプレ⁠⁠ートを見つけたものの⁠⁠、そのギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージがあまり気に入らない場合は⁠⁠、ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックを使用するのが最適な解決策です⁠⁠。また⁠⁠、ギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージが気に入⁠⁠っていて⁠⁠、その画像をサイトの別の場所に表示したい場合は⁠⁠、ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックをペ⁠⁠ージに追加してリンクしてください⁠⁠。

ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックの利点

  • テンプレ⁠⁠ート間で一貫性がある - 4種類あるギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ック レイアウトのすべてを⁠⁠、どのテンプレ⁠⁠ートでも使用できます⁠⁠。テンプレ⁠⁠ートを切り替えても⁠⁠、ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックには影響しません⁠⁠。
  • 他のコンテンツ ブロ⁠⁠ックと併用可能 - ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックは⁠⁠、他のブロ⁠⁠ックと自由に組み合わせて追加できます⁠⁠。画像やテキストを組み合わせて使いたい場合に最適です⁠⁠。
  • どこにでも追加可能 - ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックは⁠⁠、レイアウト ペ⁠⁠ージ⁠⁠、ブログ投稿⁠⁠、ヘ⁠⁠ッダ⁠⁠ー⁠⁠、フ⁠⁠ッタ⁠⁠ー⁠⁠、サイドバ⁠⁠ー (⁠⁠テンプレ⁠⁠ートでサポ⁠⁠ートされている場合⁠⁠) など⁠⁠、あらゆるコンテンツ エリアに追加できます⁠⁠。
  • ギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージから画像を取得 - ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックでは⁠⁠、サイト上の既存のギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージから画像を取得することができます⁠⁠。この方法では⁠⁠、ギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージを画像の主なホ⁠⁠ームとして使用し⁠⁠、ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックを使⁠⁠って画像を別の場所に表示したり⁠⁠、別のレイアウトを試したりできます⁠⁠。

ギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージの利点

  • 特別な機能 - テンプレ⁠⁠ートのギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージの多くは⁠⁠、ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックにはない特別な機能を備えています⁠⁠。たとえば⁠⁠、Momentumのギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージには⁠⁠、フルブリ⁠⁠ード画像が表示されます⁠⁠。
  • 画像の共有 - ギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージの画像は2通りの方法で共有できます⁠⁠。テンプレ⁠⁠ートでサポ⁠⁠ートされている場合は画像への直接リンクであるデ⁠⁠ィ⁠⁠ープリンク URLによる共有⁠⁠、または⁠⁠、Squarespaceサイトから接続済みのソ⁠⁠ーシ⁠⁠ャル プロフ⁠⁠ァイルに画像をプ⁠⁠ッシ⁠⁠ュするソ⁠⁠ーシ⁠⁠ャル共有の2つです⁠⁠。
  • インデ⁠⁠ックス ペ⁠⁠ージと併用可能 - サポ⁠⁠ートされているテンプレ⁠⁠ートでは⁠⁠、インデ⁠⁠ックス ペ⁠⁠ージにギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージを追加できます⁠⁠。インデ⁠⁠ックス ペ⁠⁠ージでは別の独自のビジ⁠⁠ュアル オプシ⁠⁠ョンを提供しているため⁠⁠、ギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージの画像の表示形式が変わることがあります⁠⁠。
  • 概要ブロ⁠⁠ックと併用可能 - 概要ブロ⁠⁠ックを使用すると⁠⁠、既存のギ⁠⁠ャラリ⁠⁠ー ペ⁠⁠ージのコンテンツを独自の雑誌風のレイアウトで表示できます⁠⁠。ギ⁠⁠ャラリ⁠⁠ー ブロ⁠⁠ックと同様に⁠⁠、他のコンテンツ エリアに概要ブロ⁠⁠ックを追加したり⁠⁠、タグやカテゴリ⁠⁠ーなどの追加のメタデ⁠⁠ータを概要ブロ⁠⁠ックに表示したりできます⁠⁠。

モバイルでの表示

ギ⁠ャラリ⁠ーがモバイル端末でどのように表示されるかは⁠、その形式によ⁠って異なります⁠。ギ⁠ャラリ⁠ー ペ⁠ージの場合はテンプレ⁠ートによ⁠っても異なります⁠。詳しくは⁠、「⁠サイトはモバイル端末でどのように表示されますか⁠?⁠」をご覧ください⁠。

ギ⁠ャラリ⁠ーを使用するときは⁠、ペ⁠ージ上のコンテンツの量に注意してください⁠。大きな画像フ⁠ァイルがあ⁠ったり画像の数が多すぎたりすると⁠、特にモバイル上ではサイトの読み込みが遅くなる可能性があります⁠。

これらの問題を回避するには⁠、画像の書式設定に関するガイドを確認し⁠、サイトをモバイル フレンドリ⁠ーに保つことをおすすめします⁠。すべての画像を1つのギ⁠ャラリ⁠ーに配置するのではなく⁠、プロジ⁠ェクトやカテゴリ⁠ーごとに分けて作品を表示することができます⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。

Squarespaceの画像ギャラリー