バージョン7.0のカバー ページ

最終更新日 2025年1月09日

カバ⁠ー ペ⁠ージでは⁠、単一のよく目立つスプラ⁠ッシ⁠ュ ペ⁠ージで情報が表示されます⁠。 カバ⁠ー ペ⁠ージは⁠、「⁠作成中⁠」ペ⁠ージを表示したり⁠、商品リリ⁠ースを発表したり⁠、訪問者からメ⁠ールアドレスを収集したりするのに最適です⁠。

カバ⁠ー ペ⁠ージは⁠、バ⁠ージ⁠ョン7⁠.0のすべてのWebサイトおよびCommerce支払いプランで利用できます⁠。現在⁠、スタンドアロンのカバ⁠ー ペ⁠ージ プランを利用している場合は⁠、請求が有効である間⁠、ペ⁠ージは引き続き有効です⁠。完全なサイトに切り替えた後にカバ⁠ー ペ⁠ージ プランに戻すことはできません⁠。

この機能へのアクセス

カバ⁠ー ペ⁠ージはバ⁠ージ⁠ョン7⁠.1では利用できません⁠。同様の外観を作成する場合⁠、特定のペ⁠ージでは⁠、ヘ⁠ッダ⁠ーフ⁠ッタ⁠ーを非表示にすることができます⁠。Squarespaceアプリでは⁠、カバ⁠ー ペ⁠ージを追加または編集することはできません⁠。

動画を見る

カバ⁠ー ペ⁠ージを追加する

カバ⁠ー ペ⁠ージを追加し⁠、その内容をカスタマイズするには⁠、次の手順に従います⁠。

  1. [⁠ペ⁠ージ⁠] パネルを開き⁠、[⁠+⁠] をクリ⁠ックして⁠、[⁠カバ⁠ー ペ⁠ージ⁠] をクリ⁠ックします⁠。詳しくは⁠、「⁠ナビゲ⁠ーシ⁠ョンにペ⁠ージを追加する⁠」をご覧ください⁠。
  2. [⁠レイアウト⁠] を選択します⁠。
  3. ブランデ⁠ィング⁠、テキスト⁠、メデ⁠ィアを追加します⁠。
  4. ボタン⁠、リンク⁠、フ⁠ォ⁠ームなどのアクシ⁠ョンを追加します⁠。
  5. ペ⁠ージのスタイルを設定します⁠。

以下の点に留意してください⁠。

  • 訪問者がサイトを訪れたときに最初に表示されるペ⁠ージとしてカバ⁠ー ペ⁠ージを設定するには⁠、カバ⁠ー ペ⁠ージをト⁠ップペ⁠ージに設定します⁠。
  • カバ⁠ー ペ⁠ージをナビゲ⁠ーシ⁠ョンから削除するには⁠、カバ⁠ー ペ⁠ージを [⁠ペ⁠ージ⁠] パネルの [⁠リンクなし⁠] セクシ⁠ョンに移動します⁠。これは⁠、訪問者がサイトに入る前に一度だけカバ⁠ー ペ⁠ージを表示させたい場合や⁠、カバ⁠ー ペ⁠ージを別のランデ⁠ィング ペ⁠ージとして使用する場合に便利です⁠。
  • カバ⁠ー ペ⁠ージのみのプランをご利用の場合は⁠、[⁠ペ⁠ージ⁠] パネルがないため⁠、ペ⁠ージを追加することはできません⁠。ホ⁠ーム メニ⁠ュ⁠ーには⁠、スタンドアロンのカバ⁠ー ペ⁠ージを編集するためのパネルが表示されます⁠。

カバ⁠ー ペ⁠ージ レイアウト

各カバ⁠ー ペ⁠ージ レイアウトは⁠、独自の機能とスタイル設定を備えた1ペ⁠ージのテンプレ⁠ートのように機能します⁠。カバ⁠ー ペ⁠ージはブロ⁠ックを使用せず⁠、テキストやボタンなどのデザイン エレメントは固定された位置に表示されます⁠。これにより⁠、カバ⁠ー ペ⁠ージを美しく⁠、レスポンシブな状態に保つことができます⁠。

備考

カバ⁠ー ペ⁠ージではHTML形式とマ⁠ークダウン形式はサポ⁠ートされていません⁠。

レイアウトを変更する方法は以下の通りです⁠。

  1. カバ⁠ー ペ⁠ージ メニ⁠ュ⁠ーで [⁠レイアウトを変更⁠] をクリ⁠ックします⁠。
  2. ドロ⁠ップダウン メニ⁠ュ⁠ーを使用してレイアウトをカテゴリ⁠ー別に並べ替えるか⁠、[⁠すべてのレイアウト⁠] を選択してすべて表示します⁠。
  3. レイアウトにカ⁠ーソルを合わせ⁠、[⁠選択⁠] をクリ⁠ックして新しいレイアウトとして設定します⁠。
  4. ペ⁠ージ上部の [⁠保存⁠] をクリ⁠ックし⁠、変更を適用します⁠。

カバ⁠ー ペ⁠ージのレイアウトはどのような目的にも合わせることができますが⁠、デザインは一般的なテ⁠ーマを念頭に置いています⁠。各レイアウト カテゴリ⁠ーの詳細は以下でご覧ください⁠。

次のレイアウトは⁠⁠、個人用またはビジネスペ⁠⁠ージ⁠⁠、「⁠⁠近日公開⁠⁠」ペ⁠⁠ージ⁠⁠、またはニ⁠⁠ュ⁠⁠ースレタ⁠⁠ーのサインア⁠⁠ップ ペ⁠⁠ージに使用します⁠⁠。

  • Card
  • カバ⁠⁠ー
  • Flash
  • Gazette
  • Jacket
  • Mission
  • Reveal
  • Spotlight
  • Trade

テキスト中心の個人プロフ⁠⁠ィ⁠⁠ールや⁠⁠、大胆な画像を強調表示するには⁠⁠、次のレイアウトを使用します⁠⁠。

  • Backstory
  • Focus
  • Monocle
  • Montage
  • Portrait
  • Prism
  • Silhouette
  • Snapshot
  • Vanguard
  • Vignette

ミ⁠⁠ュ⁠⁠ージシ⁠⁠ャンやバンドのオ⁠⁠ーデ⁠⁠ィオ トラ⁠⁠ックのハイライトや⁠⁠、ポ⁠⁠ッドキ⁠⁠ャストのエピソ⁠⁠ードの共有には⁠⁠、次のレイアウトを使用します⁠⁠。

  • Broadcast
  • Record
  • セ⁠⁠ッシ⁠⁠ョン
  • Tour

オ⁠⁠ーデ⁠⁠ィオ トラ⁠⁠ックを追加するには⁠⁠、カバ⁠⁠ー ペ⁠⁠ージ メニ⁠⁠ュ⁠⁠ーから [⁠⁠オ⁠⁠ーデ⁠⁠ィオ⁠⁠] をクリ⁠⁠ックし⁠⁠、⁠⁠.mp3または⁠⁠.m4aを [⁠⁠トラ⁠⁠ックを追加⁠⁠] ア⁠⁠ップロ⁠⁠ーダ⁠⁠ーに追加します⁠⁠。プレイリストを作成するには⁠⁠、複数の⁠⁠.mp3または⁠⁠.m4aをドラ⁠⁠ッグ&ドロ⁠⁠ップします⁠⁠。カバ⁠⁠ー ペ⁠⁠ージがサポ⁠⁠ートする⁠⁠.mp3と⁠⁠.m4aフ⁠⁠ァイルのサイズは⁠⁠、トラ⁠⁠ックあたり最大20MBです⁠⁠。

映画⁠⁠、予告編⁠⁠、またはその他の動画を共有するには⁠⁠、次のレイアウトを使用します⁠⁠。

  • Debut
  • Premier
  • Projector

ヒント

ほとんどのレイアウトは⁠⁠、YouTubeまたはVimeoのURLを使用した背景動画もサポ⁠⁠ートしています⁠⁠。

動画を埋め込むには⁠⁠、カバ⁠⁠ー ペ⁠⁠ージ メニ⁠⁠ュ⁠⁠ーの [⁠⁠動画⁠⁠] をクリ⁠⁠ックします⁠⁠。次に⁠⁠、直接リンクまたは埋め込みコ⁠⁠ードを使用して⁠⁠、手順に従⁠⁠って動画を追加します⁠⁠。

埋め込み動画では⁠⁠、再生ボタンがペ⁠⁠ージに表示されます⁠⁠。訪問者がこのボタンをクリ⁠⁠ックすると⁠⁠、動画がライトボ⁠⁠ックスで開きます⁠⁠。

動画リンクを埋め込んでも⁠⁠、動画に関連するア⁠⁠ートワ⁠⁠ークやサムネイルは自動的にはア⁠⁠ップロ⁠⁠ードされません⁠⁠。関連する画像をペ⁠⁠ージに追加するには⁠⁠、メデ⁠⁠ィア パネルに画像をア⁠⁠ップロ⁠⁠ードします⁠⁠。

店舗⁠⁠、スタジオ⁠⁠、イベントの場所などの物理的な場所を表示するには⁠⁠、次のレイアウトを使用します⁠⁠。

  • Flagship
  • Harbor

マ⁠⁠ップを追加するには⁠⁠、カバ⁠⁠ー ペ⁠⁠ージ メニ⁠⁠ュ⁠⁠ーの [⁠⁠マ⁠⁠ップの場所⁠⁠] をクリ⁠⁠ックします⁠⁠。ピンの住所を入力し⁠⁠、パネルの [⁠⁠+/-⁠⁠] をクリ⁠⁠ックして既定のズ⁠⁠ームを変更します⁠⁠。

ピンをクリ⁠⁠ックすると⁠⁠、Googleマ⁠⁠ップで場所が開きます⁠⁠。地図に複数のピンを追加することはできません⁠⁠。

ブランデ⁠ィングとテキストを追加する

[⁠ブランデ⁠ィングとテキスト⁠] パネルを使用して⁠、以下を追加します⁠。

  • ロゴまたはブランデ⁠ィング テキスト
  • ペ⁠ージの見出し
  • 本文

これらの設定は⁠、レイアウトのスタイルと連動し⁠、最小限の情報を最大のインパクトで表示するのに役立ちます⁠。

以下の点に留意してください⁠。

  • ブランデ⁠ィングとテキストの表示はレイアウトによ⁠って異なります⁠。
  • ロゴとブランデ⁠ィング テキストを同時に表示することはできません⁠。
  • ロゴがベスト プラクテ⁠ィスに従⁠っていることを確認するか⁠、Squarespace Logoを使用して新しいロゴを作成してください⁠。
  • 他のペ⁠ージとは異なり⁠、カバ⁠ー ペ⁠ージのサイトのタイトルとロゴは⁠、サイトのト⁠ップペ⁠ージにリンクしていません⁠。
  • ブランデ⁠ィング テキストは⁠、ブラウザ⁠ーのタブや検索エンジンの結果でペ⁠ージ名として機能するSEOタイトルとは異なる場合があります⁠。

メデ⁠ィアを追加する

[⁠メデ⁠ィア⁠] パネルでは⁠、次の操作ができます⁠。

以下の点に留意してください⁠。

  • ア⁠ップロ⁠ードする前に画像を適切にフ⁠ォ⁠ーマ⁠ットしてください⁠。
  • 組み込みの画像エデ⁠ィタ⁠ーを使用して⁠、元の画像を編集できます⁠。
  • 複数の画像をア⁠ップロ⁠ードして⁠、スライドシ⁠ョ⁠ーまたはグリ⁠ッド背景を作成できます⁠。
  • 高解像度の画像を大量にア⁠ップロ⁠ードすると⁠、カバ⁠ー ペ⁠ージの読み込み時間に影響する可能性があります⁠。
  • ほとんどのレイアウトでは背景動画がサポ⁠ートされています⁠。背景動画はYouTubeまたはVimeoのURLにリンクして⁠、サイレントにル⁠ープします⁠。
  • カバ⁠ー ペ⁠ージのスライドシ⁠ョ⁠ーでは⁠、ナビゲ⁠ーシ⁠ョン コントロ⁠ールを追加したり⁠、移行速度を制御したりすることはできません⁠。
  • レスポンシブ デザインにより⁠、画像や動画は⁠、特にモバイルで⁠、常にある程度トリミングされます⁠。トリミングの量は⁠、画像の高さ⁠、ブラウザ⁠ーの幅⁠、および選択したレイアウトによ⁠って異なります⁠。

背景色を設定する

画像や動画の代わりに単色の背景を表示するには⁠、[⁠なし⁠] を選択します⁠。これにより⁠、プレビ⁠ュ⁠ーから画像が消えます⁠。背景色は [⁠スタイル⁠] パネルで変更できます⁠。

アクシ⁠ョンを追加する

[⁠アクシ⁠ョン⁠] パネルを使用して⁠、ボタン⁠、ナビゲ⁠ーシ⁠ョン リンク⁠、フ⁠ォ⁠ームまたはニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップ オプシ⁠ョンを追加します⁠。カバ⁠ー ペ⁠ージにアクシ⁠ョンを追加しない場合は⁠、フ⁠ィ⁠ールドを空白のままにしておきます⁠。

以下の点に留意してください⁠。

  • ボタンとナビゲ⁠ーシ⁠ョン リンクのいずれかを追加できますが⁠、両方を追加することはできません⁠。
  • 最大2つのボタンまたは5つのナビゲ⁠ーシ⁠ョン リンクを追加できます⁠。
  • 1つのフ⁠ォ⁠ームまたはニ⁠ュ⁠ースレタ⁠ー サインア⁠ップを追加できます⁠。

アクシ⁠ョンを追加する方法は次のとおりです⁠。

  1. カバ⁠ー ペ⁠ージ メニ⁠ュ⁠ーの [⁠アクシ⁠ョン⁠] をクリ⁠ックします⁠。
  2. [⁠アクシ⁠ョン タイプを選択⁠] で⁠、アクシ⁠ョンを選択します⁠。

ボタンまたはナビゲ⁠ーシ⁠ョン リンクを追加する

ボタンとナビゲ⁠ーシ⁠ョン リンクは⁠、訪問者をSquarespaceサイトの別のペ⁠ージ⁠、別のWebサイト⁠、またはダウンロ⁠ード可能なフ⁠ァイルに誘導します⁠。ボタンまたはナビゲ⁠ーシ⁠ョン リンクを追加する方法は次のとおりです⁠。

  1. [⁠アクシ⁠ョン タイプを選択⁠] メニ⁠ュ⁠ーから [⁠ボタン⁠] または [⁠ナビゲ⁠ーシ⁠ョン⁠] を選択します⁠。
  2. 最初のフ⁠ィ⁠ールドにラベルを追加します⁠。書式設定と読みやすさを向上させるために⁠、リンク ラベルのテキストを短くすることをおすすめします⁠。
  3. [⁠URL⁠] フ⁠ィ⁠ールドをクリ⁠ックしてWebアドレスを入力するか⁠、「そのをクリ⁠ックしてリンク エデ⁠ィタ⁠ーを開きます⁠。外部サイト⁠、ダウンロ⁠ード可能なフ⁠ァイル⁠、メ⁠ールアドレス⁠、電話番号⁠、またはサイト独自のコンテンツにリンクできます⁠。詳細については⁠、「⁠サイトにリンクを追加する⁠」をご参照ください⁠。
  4. パネル上部の [⁠保存⁠] をクリ⁠ックして⁠、すべての変更を公開します⁠。

フ⁠ォ⁠ームまたはニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップを追加する

訪問者は⁠、ボタンをクリ⁠ックして⁠、オ⁠ーバ⁠ーレイで開くフ⁠ォ⁠ームまたはニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップを完了できます⁠。フ⁠ォ⁠ームまたはニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップを追加する方法は以下のとおりです⁠。

  1. [⁠アクシ⁠ョン タイプを選択⁠] メニ⁠ュ⁠ーから [⁠フ⁠ォ⁠ーム⁠] または [⁠ニ⁠ュ⁠ースレタ⁠ー⁠] を選択します⁠。
  2. [⁠ボタンのラベル⁠] フ⁠ィ⁠ールドにボタンのラベルを追加します⁠。
  3. [⁠フ⁠ォ⁠ームを編集⁠] または [⁠ニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップを編集⁠] をクリ⁠ックしてコンテンツを作成します⁠。
  4. フ⁠ォ⁠ームの場合⁠、[⁠フ⁠ォ⁠ーム名⁠] フ⁠ィ⁠ールドにフ⁠ォ⁠ームの名前を追加できます⁠。フ⁠ォ⁠ームがライトボ⁠ックスで開かれると⁠、訪問者に名前が表示されます⁠。ニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップに名前を付けたり⁠、ライトボ⁠ックスに表示される既定の「⁠Newsletter Form⁠」タイトルを削除したりすることはできません⁠。
  5. フ⁠ォ⁠ームの場合⁠、ゴミ箱アイコンをクリ⁠ックするとプレ⁠ースホルダ⁠ー フ⁠ィ⁠ールドを削除できます⁠。また⁠、下部の [⁠+⁠] をクリ⁠ックすると新しいフ⁠ィ⁠ールドを追加できます⁠。訪問者がフ⁠ォ⁠ームを送信する際にフ⁠ィ⁠ールドへの入力を要求する場合は⁠、[⁠必須⁠] をオンにします⁠。ニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップの場合は⁠、[⁠メ⁠ールアドレス⁠] フ⁠ィ⁠ールドしかありません⁠。
  6. [⁠ストレ⁠ージ⁠] タブをクリ⁠ックして⁠、送信先を指定します⁠。メ⁠ールキ⁠ャンペ⁠ーンのメ⁠ーリングリストをストレ⁠ージ オプシ⁠ョンとして使用すると⁠、登録者はサインア⁠ップ時に確認メ⁠ールを受け取ります⁠。これを無効にすることはできません⁠。
  7. [⁠詳細設定⁠] タブでは⁠、送信ボタンのラベルをカスタマイズしたり⁠、送信後のリダイレクトを設定したり⁠、フ⁠ォ⁠ームの送信後に訪問者に表示されるメ⁠ッセ⁠ージを編集したりできます⁠。通常のテキストまたはHTMLを使用します⁠。
  8. エデ⁠ィタ⁠ーで [⁠保存⁠] をクリ⁠ックし⁠、パネルの上部にある [⁠保存⁠] をクリ⁠ックして⁠、すべての変更を公開します⁠。

ヒント

フ⁠ォ⁠ームまたはニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップをストレ⁠ージに接続したら⁠、ペ⁠ージの公開バ⁠ージ⁠ョンにアクセスしてテスト フ⁠ォ⁠ームを送信し⁠、動作を確認することをおすすめします⁠。

フ⁠ォ⁠ームの背景色を追加する

ほとんどのレイアウトでは⁠、[⁠スタイル⁠] パネルの [⁠カスタム オ⁠ーバ⁠ーレイの色⁠] 微調整オプシ⁠ョンを使用して⁠、フ⁠ォ⁠ームやニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップ背景に色を追加できます⁠。このオ⁠ーバ⁠ーレイをペ⁠ージの他の部分から非表示にするには⁠、不透明度スライダ⁠ーを使用して透明にします⁠。フ⁠ォ⁠ームまたはニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップ ボタンをクリ⁠ックすると⁠、訪問者にはオ⁠ーバ⁠ーレイが表示されます⁠。

以下の点に留意してください⁠。

  • Harborレイアウトには⁠、[⁠カスタム オ⁠ーバ⁠ーレイの色⁠] と [⁠テキストの背景の色⁠] 設定はありません⁠。Harborフ⁠ォ⁠ームまたはニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップの背景は常にライトグレ⁠ーになります⁠。
  • 一部のレイアウトでは⁠、[⁠カスタム オ⁠ーバ⁠ーレイの色⁠] オプシ⁠ョンは [⁠メデ⁠ィア⁠] パネルに画像を追加した後にのみ表示されます⁠。

これらのレイアウトでは⁠、フ⁠ォ⁠ームまたはニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップの背景背景が [⁠テキストの背景色⁠] 設定と一致します⁠。

  • Backstory
  • Card
  • Flagship
  • Flash
  • Focus
  • Monocle
  • セ⁠ッシ⁠ョン
  • Spotlight
  • Vignette

フ⁠ォ⁠ームを非表示にする

フ⁠ォ⁠ームやニ⁠ュ⁠ースレタ⁠ーのサインア⁠ップを非表示にするには⁠、ボタン ラベルのテキストをすべて削除し⁠、フ⁠ィ⁠ールドを空白のままにします⁠。フ⁠ォ⁠ーム フ⁠ィ⁠ールドは⁠、後で再度有効にしてもそのままとなります⁠。

ソ⁠ーシ⁠ャル アイコンを追加する

ソ⁠ーシ⁠ャル アイコンを表示するには⁠、カバ⁠ー ペ⁠ージ メニ⁠ュ⁠ーの [⁠ソ⁠ーシ⁠ャル リンク⁠] をクリ⁠ックし⁠、[⁠ソ⁠ーシ⁠ャル アイコンを表示⁠] をオンにします⁠。ソ⁠ーシ⁠ャル アイコンには⁠、[⁠ソ⁠ーシ⁠ャル リンク⁠] パネルに追加したアカウントが反映されます⁠。アイコンの配置はレイアウトによ⁠って異なりますが⁠、通常は下部近くに表示されます⁠。

カバ⁠ー ペ⁠ージのスタイル

カバ⁠ー ペ⁠ージ メニ⁠ュ⁠ーの [⁠スタイル⁠] をクリ⁠ックして⁠、デザインをカスタマイズします⁠。各カバ⁠ー ペ⁠ージには⁠、サイト テンプレ⁠ートや他のカバ⁠ー ペ⁠ージとは独立した独自のスタイル オプシ⁠ョンがあります⁠。

以下の点に留意してください⁠。

  • レイアウトを変更すると⁠、すべてのフ⁠ォント⁠、色⁠、サイズの設定がレイアウトの既定値にリセ⁠ットされます⁠。以前に使用したレイアウトに戻すと⁠、スタイル微調整オプシ⁠ョンもリセ⁠ットされます⁠。
  • カバ⁠ー ペ⁠ージはレスポンシブ デザインで作成されているため⁠、モバイル端末では少し違⁠って見えます⁠。端末別プレビ⁠ュ⁠ーを使用して⁠、モバイルでペ⁠ージがどのように表示されるかをプレビ⁠ュ⁠ーできます⁠。

スタイル微調整オプシ⁠ョンを変更する

カバ⁠ー ペ⁠ージ メニ⁠ュ⁠ーで [⁠スタイル⁠] をクリ⁠ックします⁠。スタイル微調整オプシ⁠ョンを使用してカバ⁠ー ペ⁠ージをカスタマイズします⁠。変更を加えると⁠、ペ⁠ージのプレビ⁠ュ⁠ーが更新されます⁠。気に入⁠ったデザインが見つかるまで⁠、試行錯誤することをおすすめします⁠。

以下は⁠、カバ⁠ー ペ⁠ージの一般的な微調整オプシ⁠ョンのリストです⁠。

  • 配置 - ペ⁠ージ上のコンテンツの位置⁠。レイアウトに応じて⁠、オプシ⁠ョンは [⁠⁠]⁠、[⁠中央⁠]⁠、[⁠⁠]⁠、または 上部⁠]⁠、[⁠中央⁠]⁠、[⁠下部⁠] です⁠。
  • ブランデ⁠ィング - フ⁠ォントと色を設定します⁠。
  • 見出し - フ⁠ォントと色を設定します⁠。
  • 本文 - フ⁠ォントと色を設定します⁠。
  • 背景 - 背景色 (⁠画像や動画を使用しない場合に表示されます⁠) とペ⁠ージ境界線のオプシ⁠ョンを設定します⁠。
  • 画像 (⁠場所レイアウトでは使用不可⁠) - スタイルを [⁠フル⁠] または [⁠グリ⁠ッド⁠] に設定し⁠、[⁠グリ⁠ッド ギ⁠ャラリ⁠ーの密度⁠] や [⁠グリ⁠ッド ギ⁠ャラリ⁠ーの比率⁠] などのスタイル微調整オプシ⁠ョンでグリ⁠ッドの外観をカスタマイズします⁠。[⁠オ⁠ーバ⁠ーレイの色の自動設定⁠] と [⁠読み込みの色の自動設定⁠] をオンにするか⁠、これらをオフにして個別に色を設定します⁠。色の読み込みの詳細については⁠、こちらをご覧ください⁠。
  • ボタン - 任意のボタンのフ⁠ォント⁠、スタイル⁠、色を設定します⁠。
  • ソ⁠ーシ⁠ャル アイコン - ソ⁠ーシ⁠ャル アイコンのスタイルと色を設定します⁠。
  • オ⁠ーデ⁠ィオ コントロ⁠ール (⁠オ⁠ーデ⁠ィオ レイアウトのみ⁠) - プレイヤ⁠ーのスタイル⁠、トラ⁠ックのフ⁠ォントと色を設定します⁠。
  • 動画コントロ⁠ール (⁠動画レイアウトのみ⁠) - プレイヤ⁠ーのスタイルと色を設定します⁠。
  • マ⁠ップ - (⁠場所レイアウトのみ⁠) - マ⁠ップのスタイルを設定します⁠。

背景画像

ほとんどのレイアウトには⁠、画像オプシ⁠ョンとして [⁠フル⁠] と [⁠グリ⁠ッド⁠] があります⁠。

  • [⁠フル⁠] を選択すると⁠、カバ⁠ー ペ⁠ージの背景全体が1つの画像で埋められます⁠。複数の画像をア⁠ップロ⁠ードすると⁠、画像が1つずつスライドシ⁠ョ⁠ーとして表示されます⁠。
  • [⁠グリ⁠ッド⁠] を選択すると⁠、背景グリ⁠ッドが作成され⁠、画像が繰り返し表示されます⁠。画像が1つあれば⁠、グリ⁠ッドはその画像を繰り返してスペ⁠ースを埋めます⁠。
    • [⁠グリ⁠ッド⁠] オプシ⁠ョンは⁠、Focus⁠、Flagship⁠、Harbor⁠、Monocleレイアウトでは使用できません⁠。
    • Montageレイアウトでは⁠、コンテンツ バ⁠ーが画像の一部を覆う場合があります⁠。
  • 以下に示す微調整オプシ⁠ョンを使用して⁠、縦横比や画像の向きなどを設定します⁠。

読み込みの色

ほとんどのカバ⁠ー ペ⁠ージ レイアウトには読み込みの色のオプシ⁠ョンがあり⁠、通常の背景色や画像を読み込んでいるときに別の背景色を表示できます⁠。スライドシ⁠ョ⁠ーで画像を切り替えるときにこの色が表示されることもあります⁠。

備考

Flagship⁠、Focus⁠、Harbor⁠、Monocleの各レイアウトには読み込みの色はありません⁠。

既定では⁠、レイアウトは読み込みの色の自動設定を使用します⁠。これは⁠、色が画像または動画の背景色に基づいていることを意味します⁠。複数の背景画像がある場合⁠、読み込みの色は [⁠メデ⁠ィア⁠] パネルの最初の画像に基づいてきまります⁠。

独自の色を選択するには⁠、[⁠読み込みの色の自動設定⁠] をオフにし⁠、[⁠カスタム読み込みの色⁠] をクリ⁠ックして新しい色を設定します⁠。

読み込みの色を無効にするには⁠、[⁠カスタム読み込みの色⁠] をクリ⁠ックし⁠、[⁠透明⁠] オプシ⁠ョンをチ⁠ェ⁠ックします⁠。

オ⁠ーバ⁠ーレイの色

Harborを除くすべてのレイアウトには⁠、背景画像または背景色に色合いを加えるオ⁠ーバ⁠ーレイの色のオプシ⁠ョンがあります⁠。既定では⁠、レイアウトはオ⁠ーバ⁠ーレイの色の自動設定を使用します⁠。この自動色は通常⁠、デモ画像を補完するグレ⁠ーの色合いです⁠。

カスタムのオ⁠ーバ⁠ーレイの色を使用するには⁠、[⁠オ⁠ーバ⁠ーレイの色の自動設定⁠] をオフにし⁠、[⁠カスタム オ⁠ーバ⁠ーレイの色⁠] をクリ⁠ックして新しい色を選択します⁠。

カスタム オ⁠ーバ⁠ーレイの色をフ⁠ォ⁠ームの背景色として使用し⁠、ペ⁠ージの残りの部分からは非表示にするには⁠、不透明度スライダ⁠ーを使用してこの色を透明にします⁠。

よくある質問

テキスト サイズを一定限度以上に大きくできないのはなぜですか⁠。

カバ⁠ー ペ⁠ージのテキスト⁠、ロゴ⁠、ボタンは⁠、各レイアウトがサポ⁠ートする最大幅までしか拡大できません⁠。これらの制限により⁠、コンテンツが重なることがなくなるため⁠、レスポンシブ デザインが保証されます⁠。

具体的には⁠、ブラウザ⁠ーの幅が1800ピクセルを超える場合⁠、本文テキストには設定されたフ⁠ォント サイズが表示されます⁠。ブラウザ⁠ーの幅が1800ピクセル以下の場合⁠、本文のフ⁠ォントは幅に応じて以下の最大サイズで表示されます⁠。

  • 幅1800ピクセル⁠: 27px
  • 幅1600ピクセル⁠: 22px
  • 幅1020ピクセル⁠: 18px
  • 幅760ピクセル⁠: 17px
  • 幅600ピクセル⁠: 16px

たとえば⁠、本文のフ⁠ォント サイズを30ピクセルに設定した場合⁠、このフ⁠ォントが30ピクセルで表示されるのは訪問者のブラウザ⁠ー ウ⁠ィンドウの幅が1801ピクセル以上の場合のみです⁠。それ以外の場合は⁠、上記のリストに基づいて再調整されます⁠。同様に⁠、本文のフ⁠ォントサイズを13ピクセルに設定した場合⁠、このサイズはどの制限値よりも小さいため⁠、常に13ピクセルで表示されます⁠。

ブランデ⁠ィングと見出しのテキストは別⁠々に機能します⁠。フ⁠ォント サイズはタ⁠ーゲ⁠ットとして機能し⁠、テキストはブラウザ⁠ーの高さと幅に基づいて拡大縮小されます⁠。このスケ⁠ーリングはレイアウトによ⁠って異なります⁠。

カバ⁠ー ペ⁠ージにカスタム コ⁠ードを追加できますか⁠?

カバ⁠ー ペ⁠ージは極めて明確な意図によりデザインされていて⁠、カスタムCSSを追加することは想定されていません⁠。カバ⁠ー ペ⁠ージのスタイル (⁠フ⁠ォントや色など⁠) を調整するには⁠、[⁠スタイル⁠] パネルを使用します⁠。

それでもHTMLやスクリプトを追加する必要がある場合は⁠、カバ⁠ー ペ⁠ージの設定を使用してペ⁠ージごとのコ⁠ード挿入を追加してください⁠。詳細については⁠、「⁠カスタム コ⁠ードをサイトへ追加する⁠」をご参照ください⁠。

Projectorレイアウトでは再生ボタンの位置が変わります⁠。

Projectorレイアウトでの再生ボタンの配置は⁠、本文フ⁠ィ⁠ールド内のテキストの量によ⁠って異なります⁠。

  • テキストの量が少ない場合⁠、再生ボタンの位置は中央のままです⁠。
  • テキストが一定の幅を超えると⁠、再生ボタンが左上隅に移動します⁠。
  • 位置はブラウザ⁠ーのサイズによ⁠って異なります⁠。
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

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

  • Squarespace Expertを雇う

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