バージョン7.0では、ギャラリー ページの画像と動画は目を引くレイアウトとスタイルで表示されます。ギャラリー ページには、テンプレートに合うように設計されたデザインがあります。このガイドでは、新しいギャラリー ページを追加し、そこに画像や動画を追加する方法を学習します。

このガイドの手順はプロジェクト ページにも該当します。

このガイドはバージョン7.0用です。バージョン7.1では、代わりにギャラリー セクションを追加してください。

始める前に

• ギャラリー ページのデザイン、レイアウト、スタイル オプションはテンプレートに依存します。ギャラリー ページは、スライドショー、グリッド、スタック、またはカルーセルにすることができます。 テンプレートによるギャラリー デザインについては、「バージョン7.0のギャラリー ページのスタイル設定」をご参照ください。
• 各ギャラリー ページには最大250個の画像または動画を追加できます。大規模なギャラリーの場合、読み込みに時間がかかる場合があります。
• レイアウト ページやブログ投稿など、ギャラリー ページの外部にギャラリーを追加するには、ギャラリー ブロックをお試しください。また、両者の違いもご確認ください。

動画を見る

ギャラリー ページを追加する

Squarespaceアプリでは、新しいギャラリー ページの追加はiOSバージョンでのみ可能です。

ギャラリー ページを追加するには、[ページ] パネルを開き、[+] をクリックし、[ギャラリー] をクリックします。詳細な手順については、「ナビゲーションにページを追加する」をご覧ください。

画像を追加する

ヒント

• アップロードする前に、画像の書式設定のガイドラインをご確認ください。
• 画像は一度に複数アップロードできますが、.zipファイルなどの圧縮ファイル形式でのアップロードはできません。
• ギャラリー ページに追加された最初の画像は、自動的にページのアイキャッチ画像になります。アイキャッチ画像を手動で追加することもできます。

画像をアップロードする

コンピューター上でギャラリー ページに画像をアップロードするには、次の3つの方法があります。

• サイド パネルの [+] をクリックし、[画像をアップロード] をクリックします。
• サイド パネルの空のボックスをクリックしてコンピューターのファイル マネージャーを開き、[開く] または [選択] をクリックして画像をギャラリーに追加します。
• サイド パネルの空のボックスに画像をドラッグ&ドロップします。

また、[+] をクリックし、[画像を検索] をクリックすると、以前にアップロードした画像を再利用できます。

ストック画像を追加する

ストック画像の統合により、サイトから直接ストック画像を検索して追加できます。これは、使用する画像がまだない場合に最適なオプションです。

ストック画像を追加するには、[+] をクリックしてから [画像を検索] をクリックします。また、画像検索を使用して、以前に追加したストック画像を再利用することもできます。

動画を追加する

直接URLまたはHTML埋め込みコード (高度な表示オプション用) を使用して、YouTubeまたはVimeoから外部でホストされている動画をギャラリー ページに追加できます。

動画を追加するには、サイドパネルの [+]をクリックし、[動画を追加]をクリックします。

オプション1 - URLを使用する

ブラウザーのアドレス バーから動画のURLをコピーし、[動画のURL] タブに貼り付けます。

オプション2 - HTML埋め込みコードを使用する

動画のHTML埋め込みコードを使用する方法は以下のとおりです。

1. 動画ホスティングサービスで動画を探します。
2. ほとんどの動画ホストには [共有] または [埋め込み] ボタンがあります。[共有] もしくは [埋め込み] をクリックし、表示されたコードをコピーします。
3. 動画設定の [動画の埋め込み] タブをクリックします。
4. テキスト フィールドにコードを貼り付けます。

画像オーバーレイを追加する (任意)

動画のサムネイル画像をオプションで追加できます。この画像は、動画が再生される前に動画の上に表示されます。タイトル カードや動画のフレームなど、訪問者が再生をクリックするように促す画像を使用できます。

画像オーバーレイを追加するには、[動画のサムネイル] トグルをオンに切り替え、[画像] をクリックしてコンピューターから画像をアップロードするか、[画像を検索] をクリックしてストック画像を追加します。画像を削除するには、サムネイルの下にある [画像を削除] をクリックします。

アイテム設定を編集する

[+] をクリックしてギャラリー ページにコンテンツを追加した場合は、アイテム設定が自動的に開きます。それ以外の場合は、項目の上にマウスを置き、をクリックして設定を開きます。

各アイテムのエディターでは、次のことができます。

• 画像サムネイルの下にある [編集] をクリックして、組み込みの画像エディターで画像を編集します。
• タイトルと説明を追加する (表示はテンプレートによって異なります)
• [ステータス] をクリックして、アイテムの公開ステータスを設定します。
• カテゴリーまたはタグを追加するには、[カテゴリー] または [タグ]をクリックします。
• アイテムを複製する。
• [ソーシャル] タブをクリックして、ソーシャル メディア共有を設定する

タイトルと説明を追加する

タイトルと説明により、コンテンツにコンテキストが追加されます。タイトルは代替テキストになるため、検索エンジンが画像の内容を理解しやすくなり、SEOが向上する可能性があります。説明スタイルと表示オプションはテンプレートによって異なります。

画像のタイトルと説明が表示されない場合、考えられる理由はいくつかあります。

• 非表示になっています。非表示を解除するには、ギャラリー ページで [サイト スタイル] パネルを開き、[ギャラリーの説明を非表示にする] 微調整オプションをオフにします。
• テンプレートは画像のタイトルや説明をサポートしていません。ただし、検索エンジンでは代替テキストとしてインデックスを作成できるため、追加することをおすすめします。

アイテムの公開ステータスを設定する

画像や動画は、いつでも [公開済み] または未公開 ([下書き]、[レビュー待ち]、[予定済み]) に設定できます。アイテムが未公開の場合、サイド パネルの画像または動画のサムネイル上にステータス バナーが表示され、アイテムは公開サイトには表示されません。アイテムを [公開済み] に設定すると、サムネイル上のバナーが消え、アイテムがサイトで公開されます。

アイテムの初期公開ステータスは、ギャラリー ページに画像または動画を追加する方法によって異なります。

• 新しいストック画像およびライブラリから再利用する画像は、既定で [公開済み] になります。
• サイド パネルの [+] を使用してコンピューターや端末からアップロードした動画のURLや新しい画像は、既定で [下書き] になります。
• サイド パネルの空のボックスにアップロードした新しい画像は、既定で [公開済み] になります。

カテゴリーとタグを追加する

タグとカテゴリーを使用してコンテンツを整理し、画像や動画をさまざまなグループに表示します。タグとカテゴリーはギャラリー自体には表示されませんが、タグ クラウド ブロック、アーカイブ ブロック、概要ブロック、ナビゲーション リンク、テキスト リンクを使用してコンテンツをフィルタリングし、訪問者がカテゴリー別に画像を見つけやすくすることができます。

詳細については、「カテゴリーとタグ」をご参照ください。

ギャラリー ページを整理する

画像を並べ替える

ギャラリーの画像と動画は通常、サイド パネルのサムネイルと同じ順序で表示されます。次の手順に従って、ギャラリーのコンテンツを並べ替えることができます。

ギャラリー間で画像を移動する

複数のギャラリー ページがある場合は、ギャラリーの画像と動画をページ間で移動できます。これにより、コンテンツを整理する際に作成し直す必要がなくなります。

Yorkテンプレート ファミリーでは、プロジェクト ページとギャラリー ページの間で画像を移動できます。

画像を削除する

ギャラリー ページから画像を削除するには、次の手順に従います。

画像を置き換える

タイトルやタグなどの情報を保持したまま、ギャラリー内の画像を置き換えるには、次の手順に従います。

1. 画像をダブルクリックして、エディターを開きます。
2. 画像の下にある [画像を削除] をクリックします。
3. 画像領域で [画像] をクリックして、新しい画像をアップロードします。
4. [保存] をクリックします。

ギャラリー ページのコンテンツをブロックで表示する

ブロックを使用すると、ギャラリー ページのコンテンツを既存のページから取得して、サイトの他の場所に表示できます。これは、さまざまな形式の画像を表示したり、カテゴリーを強調表示したり、ギャラリー ページへの視覚的なリンクを提供したりするのに最適な方法です。

次のブロックは、ギャラリー ページに適しています。

• ギャラリー ブロック - ギャラリー ページのコンテンツをカルーセル、グリッド、スライドショー、またはスタック ビューに表示します。
• 概要ブロック - ギャラリー ページのコンテンツを表示します。ウォール、カルーセル、リスト、またはグリッドとして表示されます。カテゴリーまたはタグを基準にしてフィルタリングできます。
• コンテンツ リンク ブロック - 最初のギャラリー画像、ページタイトル、およびページの説明を使用して、ギャラリー ページへのビジュアル リンクを生成します。

よくある質問

ギャラリー ページにブロックやテキストを追加できないのはなぜですか？

ギャラリー ページは画像と動画のみを表示するように設計されているため、ブロックを追加するための挿入箇所は表示されません。ギャラリーで追加のコンテンツを紹介するには、ギャラリー ページをレイアウト ページに置き換え、テキスト ブロックとギャラリー ブロックを組み合わせて使用することをおすすめします。この手法により、必要な設計を実現するための柔軟性が高まります。

ギャラリーが直接ページURLでは異なって見えるのはなぜですか？

ギャラリー ページがインデックス ページ内にあることがあります。また、ギャラリーをインデックス形式で表示していることがあり、この場合ギャラリー ページの外観が独特になります。

ブラウザーのアドレスバーに/#/が表示されていれば、ギャラリーをインデックス形式で表示しているかどうかがわかります。ギャラリー ページを標準の形で表示するには、ブラウザーのアドレス バーで/#/を削除してください。

動画に、自分で追加していないタイトル、説明、画像オーバーレイがあるのはなぜですか？

YouTubeやVimeoの動画では、タイトルと説明フィールドが自動入力され、画像オーバーレイが提供されることがあります。これらを変更するには、編集用に動画を開いて、テキストまたは画像を独自のものに置き換えます。

ギャラリー ページにアップロードされた画像に自動的に場所が追加されるのはなぜですか？

サイトの [ビジネスに関する情報] 設定に物理的な場所を追加した場合、ギャラリー ページにアップロードされる画像には自動的にこの場所が追加されます。この情報はギャラリー ページには表示されず、画像の [場所] タブから手動で削除することができます。

次のステップ

• 表示とスタイルのオプションを選択して、ギャラリー ページをカスタマイズします。
• ギャラリー ページのソーシャル共有オプションについて学習します。
• クリックスルーURLを追加して画像をリンクにします (一部のテンプレートでサポートされています)。