ギャラリー セクションがサポートされていないサイトのエリアには、次のようなギャラリー ブロックを追加できます。

• ブログ投稿
• 個別イベント
• 商品の追加情報

次のようなページ セクションのあるエリアにギャラリー ブロックを追加することはできません。

• レイアウト ページ
• コレクションのランディング ページ (ブログ ページ、イベント ページ、ポートフォリオ ページ、ストア ページ)
• ポートフォリオのサブページ
• フッター

Circleメンバーは、7.1のすべてのコンテンツ エリアにギャラリー ブロックを追加できます。ブロックを追加すると、サイトコンテンツを編集する権限を持つユーザーならば誰でもブロックを編集できます。Circleメンバーになる方法については、「Squarespace Circle」をご参照ください。

ギャラリー ブロックは、サイト上の任意のブロック コンテンツ エリアに追加できます。詳細については、「ブロックを使用してコンテンツを追加する」をご参照ください。

注: バージョン7.1では、[既存のギャラリーを使用] オプションを使用できません。このオプションはギャラリー ページ専用で、バージョン7.0でのみ利用可能です。

独自のイメージを追加する

ギャラリー ブロック エディターで、複数の画像を画像アップローダーにドラッグするか、画像アップローダーをクリックしてファイル選択メニューを開きます。

サイトにアップロード済みの画像を再利用するには、右下隅の [+] アイコンをクリックし、[画像を検索] をクリックします。これにより [マイ ライブラリー] タブが開き、サイトにアップロードした画像や動画、これまでに使用したフリー画像やライセンス取得済みのストック画像が表示されます。

ストック画像を追加する

右下隅にある [+] アイコンをクリックし、[画像を検索] をクリックします。ブラウザーのサイズによっては、[+] アイコンが表示されるまで下にスクロールする必要があります。

詳細については、「ストック画像を検索して追加する」をご参照ください。

動画を追加する

ホスティング サービスから動画を埋め込むことができます。動画を直接アップロードすることはできません。現在、YouTubeとVimeoからのダイレクトURLをサポートしています。その他のサービスについては、埋め込みコードを使用してください。詳細については、「動画に適した埋め込みオプションを選択する」をご参照ください。

動画を追加する方法は次の通りです。

1. 右下隅にある [+] アイコンをクリックし、[動画] をクリックします。
2. [動画を編集] ウィンドウで、[埋め込み可能なURLをここに入力します] フィールドに動画のURLを貼り付けます。また、>アイコンをクリックして、表示される [埋め込みデータ] ウィンドウに動画の埋め込みコードを貼り付けることもできます。
3. カスタムのサムネイル画像を追加すると、訪問者が再生する前に動画の上に表示できます。一部の動画にはギャラリー ブロックがアップロードする画像が含まれていますが、この画像を削除して新しい画像をアップロードすることができます。
4. カスタム サムネイルを使用するには、[サムネイルを使用] をオンにします。
5. 完了したら、[保存] をクリックします。

独自のイメージを追加する

ギャラリー ブロック エディターで、複数の画像を画像アップローダーにドラッグします。画像アップローダーをクリックしてファイル選択メニューを開くこともできます。

サイトにアップロード済みの画像を再利用するには、右下隅の [+] アイコンをクリックし、[画像を検索] をクリックします。これにより [マイ ライブラリー] タブが開き、サイトにアップロードした画像や動画、これまでに使用したフリー画像やライセンス取得済みのストック画像が表示されます。

ストック画像を追加する

右下隅にある [+] アイコンをクリックし、[画像を検索] をクリックします。ブラウザーのサイズによっては、[+] アイコンが表示されるまで下にスクロールする必要があります。

詳細については、「ストック画像を検索して追加する」をご参照ください。

動画を追加する

ホスティング サービスから動画を埋め込むことができます。動画を直接アップロードすることはできません。現在、YouTubeとVimeoからのダイレクトURLをサポートしています。その他のサービスについては、埋め込みコードを使用してください。詳細については、「動画に適した埋め込みオプションを選択する」をご参照ください。

動画を追加する方法は次の通りです。

1. 右下隅にある [+] アイコンをクリックし、[動画] をクリックします。
2. [動画を編集] ウィンドウで、[埋め込み可能なURLをここに入力します] フィールドに動画のURLを貼り付けます。また、>アイコンをクリックして、表示される [埋め込みデータ] ウィンドウに動画の埋め込みコードを貼り付けることもできます。
3. カスタムのサムネイル画像を追加すると、訪問者が再生する前に動画の上に表示できます。一部の動画にはギャラリー ブロックがアップロードする画像が含まれていますが、この画像を削除して新しい画像をアップロードすることができます。
4. カスタム サムネイルを使用するには、[サムネイルを使用] をオンにします。
5. 完了したら、[保存] をクリックします。

他のページからインポートする

サイトの他のページから画像を追加するには、次の2つの方法があります。

• ギャラリー ページから画像と動画を追加する - [既存のギャラリーを使用] をクリックし、使用するギャラリー ページを選択します。
• 他のページから画像を追加する - 右下隅の [+] をクリックし、[画像を検索] をクリックすると、画像を検索して再利用できます。

独自のイメージを追加する

ギャラリー ブロックに画像を追加する方法は次の通りです。

1. ブロック エディターの [アップロード] タブで、[コンテンツ] をタップします。
2. [+] アイコンをタップします。
3. 画像を選択します。
   • 新しい写真を撮る – [写真を撮る] または [カメラ] をタップします。
   • デバイスから画像を選択する - [写真ライブラリー] または [ファイル] をタップします。
   • iCloudから画像を選択する - [挿入元...] をタップします。
4. 画像をタップして、タイトル、説明、クリックスルーURLを追加します。

注: 現在、Squarespaceアプリでストック画像を検索したり、ブログ投稿のギャラリー ブロックにコンテンツを追加したりすることはできません。これを行うには、コンピューターを使用してください。

既存のギャラリーを使用する (バージョン7.0のみ)

バージョン7.0サイトでは、サイト上の既存のギャラリー ページから画像を取得できます。

1. ブロック エディターの [既存] タブをタップします。
2. [マイ ギャラリー] をタップします。
3. 使用するギャラリー ページをタップします。

画像のタイトル、説明、クリックスルーURLを追加するには、ギャラリー ページで画像を編集します。

スライドショー ギャラリー ブロックには、アイテムがスライドショー形式で表示されます。訪問者はアイテムをクリックして選択することも、スライドショーを自動的に再生することもできます。一度に1つのアイテムが表示されます。

カルーセル ギャラリー ブロックには、アイテムは水平方向のストリップで表示されます。訪問者はアイテムをクリックして選択することも、カルーセルを自動的にスクロールすることもできます。一度に表示されるアイテムの数は、アイテムの縦横比とブロックのサイズによって異なります。

グリッド ギャラリー ブロックには、アイテムが均等なグリッドで表示されます。長さが不均一なアイテムは、自動的にトリミングしない限り、アイテム間にスペースができます。

スタック ギャラリー ブロックでは、アイテムが1ピクセルのスペースで1列に表示されます。アイテムはブロックの幅いっぱいに配置されます。このレイアウトはカスタマイズ性が低く、縦横比オプションやナビゲーション コントロールはありません。

画像のセットを積み重ねて画像に間隔を設けたい場合は、グリッド レイアウトに切り替えます。その後、[行あたりのサムネイル数] を1に設定し、必要に応じて間隔を変更できます。

スライドショー ギャラリー ブロックのデザイン オプションは次の通りです。

スライドショーの高さ

スライドショー ギャラリー ブロックの高さは、最も幅の広い画像の高さによって設定されます。ブロックは、最も幅の広い画像を最も広い縦横比を持つ画像とみなします。

ギャラリー ブロックにアップロードする2つの画像の例を次に示します。一方は幅と高さの比率が大きく、もう一方はピクセル幅が広くなっています。

幅と高さの比が大きい方の画像がブロックの高さを設定します。

ギャラリーの高さを設定するには、縦横比が最も広い画像が希望の高さになるようにします。たとえば、ギャラリー全体の高さを小さくするには、最も広い縦横比で画像をトリミングします。

高さを設定するためのヒントをいくつか紹介します。

• ギャラリーの高さを予測して画像サイズを一定に保つには、アップロードする前にサードパーティーの画像エディターを使用して画像を同じ縦横比にトリミングすることを検討してください。
• ストック画像や既にアップロードした画像は、組み込みの画像エディターを使用してトリミングしてください。
• スライドショー内のすべての画像を同じ縦横比で表示させるには、[デザイン] タブの [画像を自動トリミング] のチェックをオンにします。
• 縦横比の詳細については、「縦横比について」をご参照ください。

カルーセル ギャラリー ブロックのデザイン オプションは次の通りです。

グリッド ギャラリー ブロックのデザイン オプションは次の通りです。

スタック ギャラリー ブロックのデザイン オプションは次の通りです。

1. ギャラリー ブロック エディターで、画像または動画にカーソルを合わせます。
2. をクリックします。
3. タイトルと説明を入力します。画像を説明し、サイト全体のコンテンツに関連する短い用語を使用することをおすすめします。

1. [コンテンツ] タブをタップします。
2. 画像をタップします。
3. タイトルと説明を入力します。画像を説明し、サイト全体のコンテンツに関連する短い用語を使用することをおすすめします。

1. ギャラリー ブロック エディターで、画像にカーソルを合わせます。
2. をクリックします。
3. [クリックしてURLを追加...] フィールドにリンクを設定します。詳細な手順については、「クリックスルーURL」をご参照ください。
4. [デザイン] タブで [リンクを新しいウィンドウで開く] のチェックをオンもしくはオフにして、リンクの表示方法を設定します。

1. [コンテンツ] タブをタップします。
2. 画像をタップします。
3. [画像リンク] をタップします。
4. タブを使用して、サイト上のページ、外部Webサイト、メール アドレス、アップロードされたファイル、もしくは電話番号にリンクします。
5. 左上の矢印をタップし、[保存] をタップします。

1. ギャラリー ブロック エディターで、削除する画像にカーソルを合わせ、ゴミ箱アイコンをクリックします。
2. [確認] をクリックします。

1. ブロック エディターの [アップロード] タブで、[コンテンツ] をタップします。
2. [編集] をタップします。
3. 削除したい画像や動画の赤い[-] アイコンをタップして、[削除] をタップします。

• 画像を自動的に同じ縦横比に切り抜くには、[デザイン] タブで [画像を自動トリミング] のチェックをオンにします。
• 個々の画像トリミングするには、組み込みの画像エディターを使用します。
• 画像の中心を変更するには、画像の焦点を変更します。
• ギャラリー ブロック全体を縮小するには、左右どちらかにブロックを追加します。

• 画像のサイズや一度に表示する画像の数を変更するには、トリミング ハンドルを使用します。
• 個々の画像トリミングするには、組み込みの画像エディターを使用します。
• ギャラリー ブロック全体を縮小するには、左右どちらかにブロックを追加します。

• 画像を自動的に同じ縦横比に切り抜くには、[デザイン] タブで [画像をトリミング] のチェックをオンにします。
• すべての画像のサイズを変更するには、[デザイン] タブで行ごとのサムネイル数を変更します。
• 個々の画像トリミングするには、組み込みの画像エディターを使用します。
• 画像の中心を変更するには、画像の焦点を変更します。
• ギャラリー ブロック全体を縮小するには、左右どちらかにブロックを追加します。

• 個々の画像トリミングするには、組み込みの画像エディターを使用します。
• ギャラリー ブロック全体を縮小するには、左右どちらかにブロックを追加します。

スライドショー ギャラリー ブロックは、モバイルでもスライドショーのレイアウトを維持します。

• [デザイン] タブで選択した自動トランジションとナビゲーションの設定はそのまま適用されます。クリックスルーURLはタップすると機能します。
• 幅480ピクセル未満のディスプレイでは、タイトルと説明は表示されません。これには、縦長モードで保持されるほとんどのスマートフォンが含まれます。
• タイトルと説明 (カーソルを合わせた時のキャプションを含む) は、横長モードやタブレットなどの大型デバイスでは表示される場合があります。これはデバイスによって異なります。

カルーセル ギャラリー ブロックは、モバイルでもカルーセル レイアウトを維持します。

• 画像によっては、一度に1つの画像しか表示されない場合があります。
• [デザイン] タブで選択した自動トランジションとナビゲーションの設定はそのまま適用されます。クリックスルーURLはタップすると機能します。

グリッド ギャラリー ブロックは、モバイルでは2列幅のグリッドとして表示されます。

• [デザイン] タブで選択した縦横比は、そのまま適用されます。
• 有効にするとライトボックスが表示されます。
• ライトボックスが無効の場合、タップするとクリックスルーURLが機能します。
• ライトボックスで、右下隅の円をタップすると、画像のタイトルと説明が表示されます。

スタック ギャラリー ブロックは、モバイルでも同様に表示され、動作します。