Pacificテンプレート ファミリー

Pacificテンプレ⁠ート フ⁠ァミリ⁠ーのスタイルと機能を紹介します⁠。

最終更新日 2025年2月5日

Pacificテンプレ⁠ート フ⁠ァミリ⁠ー (⁠Bryler⁠、Charlotte⁠、Horizon⁠、Naomi⁠、Pacific⁠) は⁠、テキスト オ⁠ーバ⁠ーレイとスクロ⁠ールするフルブリ⁠ード インデ⁠ックス ペ⁠ージを使用して⁠、すべてのコンテンツを1つの音声に結び付けます⁠。

このガイドでは⁠、Pacificフ⁠ァミリ⁠ーの機能とデザイン オプシ⁠ョンについて説明します⁠。[⁠サイト スタイル⁠] 微調整オプシ⁠ョン⁠、および [⁠サイト スタイル⁠] パネルでこれらのオプシ⁠ョンが表示されるセクシ⁠ョンを太字で示しています⁠。

サポ⁠ートされているペ⁠ージ

Pacificでは⁠、次のペ⁠ージ タイプがサポ⁠ートされています⁠。

ヘ⁠ッダ⁠ー

訪問者は⁠、上部のヘ⁠ッダ⁠ーを使用してサイトを移動します⁠。Pacificでは⁠、ヘ⁠ッダ⁠ーにはサイトのタイトルまたはロゴ (⁠ブランデ⁠ィング⁠)ナビゲ⁠ーシ⁠ョン リンクが含まれます⁠。

  • ブランデ⁠ィング中心です⁠。
  • インデ⁠ックス ト⁠ップペ⁠ージには固定ナビゲ⁠ーシ⁠ョンを含めることができます⁠。

[⁠サイト ヘ⁠ッダ⁠ー⁠] の微調整オプシ⁠ョンで⁠、ヘ⁠ッダ⁠ーのフ⁠ォントと色のスタイルを設定します⁠。

  • ヘ⁠ッダ⁠ーの色を背景色に設定します⁠。
  • バナ⁠ー画像を透過してヘ⁠ッダ⁠ーの後ろにバナ⁠ーを表示します⁠。
  • [⁠サイトのタイトルのフ⁠ォント⁠] 微調整オプシ⁠ョンの [⁠フ⁠ォント サイズ⁠] スライダ⁠ーを使用して⁠、サイトのタイトルのサイズを変更します⁠。歪みを防ぐため⁠、72ピクセル以上にはしないでください⁠。
  • [⁠ロゴの幅⁠] で⁠、ロゴのサイズを変更します⁠。

[⁠サイト ナビゲ⁠ーシ⁠ョン⁠] 微調整オプシ⁠ョンでナビゲ⁠ーシ⁠ョンのリンクを設定します⁠。ナビゲ⁠ーシ⁠ョンがペ⁠ージ上に表示されるか⁠、[⁠常にオ⁠ーバ⁠ーレイ ナビゲ⁠ーシ⁠ョンを使用⁠] で [⁠☰⁠] アイコンの後ろに表示されるかを選択します⁠。

  • チ⁠ェ⁠ックを外すと⁠、ナビゲ⁠ーシ⁠ョン リンクはブランデ⁠ィングの下に表示されるか⁠、両側に分割されて表示されます⁠。これは⁠、ペ⁠ージ数とブラウザ⁠ーの幅によ⁠って異なります⁠。
  • [⁠リンクの色⁠] を変更し⁠、オ⁠ーバ⁠ーレイの背景を [⁠背景色⁠] で設定します⁠。
  • [⁠☰⁠] のオ⁠ーバ⁠ーレイでは⁠、リンクのサイズがメニ⁠ュ⁠ーに最適になるように自動的に変更されます⁠。[⁠リンク フ⁠ォント⁠: フ⁠ォント サイズ⁠] 微調整オプシ⁠ョンはこれに影響しません⁠。
pacific-header.png

バナ⁠ー

バナ⁠ーは⁠、ペ⁠ージのト⁠ーンを決める視覚的エレメントを作り出します⁠。バナ⁠ーを作成するには⁠、ペ⁠ージのアイキ⁠ャ⁠ッチ画像や動画を追加します⁠。

  • バナ⁠ーは⁠、アルバム⁠、ブログ⁠、イベント⁠、ギ⁠ャラリ⁠ー (⁠画像のみ⁠)⁠、商品⁠、レイアウト ペ⁠ージに表示されます⁠。
  • 複数のバナ⁠ーをインデ⁠ックスに縦に積み重ねます⁠。
  • ペ⁠ージのタイトルと説明⁠、およびサイト ヘ⁠ッダ⁠ーをバナ⁠ーの上にオ⁠ーバ⁠ーレイできます⁠。
  • [⁠ペ⁠ージのバナ⁠ー⁠] の [⁠オ⁠ーバ⁠ーレイの色⁠] 微調整オプシ⁠ョンでカラ⁠ー フ⁠ィルタ⁠ーを追加します⁠。[⁠インデ⁠ックス⁠] セクシ⁠ョンには個別のオ⁠ーバ⁠ーレイの色が設定されます⁠。
pacific-banner.png

バナ⁠ーのテキスト

ペ⁠ージのタイトルと説明をバナ⁠ーに表示できます⁠。

  • [⁠ペ⁠ージのバナ⁠ー⁠] 微調整オプシ⁠ョンでフ⁠ォントのスタイルを設定します⁠。[⁠ペ⁠ージ タイトルを表示⁠] ですべてのタイトルを非表示にします⁠。
  • ペ⁠ージの説明は⁠、ペ⁠ージ設定から削除します⁠。テキストを改行に置き換えると⁠、バナ⁠ーの高さに影響を与えずに削除できます⁠。
  • 検索結果に別のテキストを使用するには⁠、SEOのタイトルと説明を追加します⁠。

バナ⁠ーの高さ

高さを変えるには⁠、以下の方法があります⁠。

  • [⁠ペ⁠ージのバナ⁠ー⁠] で [⁠パデ⁠ィング⁠] を変更します⁠。
  • 改行を追加して⁠、ペ⁠ージの説明に高さを追加します⁠。

バナ⁠ーに関するその他のヘルプ

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

  • 接続速度とブラウザ⁠ーのバ⁠ージ⁠ョンによ⁠っては⁠、モバイルで動画バナ⁠ーが表示されない場合があります⁠。動画バナ⁠ーを読み込めないときにモバイル用代替画像が表示されるように設定します⁠。
  • ギ⁠ャラリ⁠ー ペ⁠ージにアイキ⁠ャ⁠ッチ画像がない場合は⁠、ギ⁠ャラリ⁠ーで変更を加えるたびに⁠、最初の画像が自動的にバナ⁠ーになります⁠。ギ⁠ャラリ⁠ー ペ⁠ージにバナ⁠ーを表示したくない場合は⁠、ペ⁠ージ設定を開いてアイキ⁠ャ⁠ッチ画像を削除してください⁠。

背景

[⁠メイン コンテンツ⁠] の [⁠背景色⁠] 微調整オプシ⁠ョンを使用して⁠、サイトの背景色を設定します⁠。

フ⁠ッタ⁠ー

Pacificのサイト全体のフ⁠ッタ⁠ーブロ⁠ックでカスタマイズします⁠。フ⁠ッタ⁠ーには⁠、ナビゲ⁠ーシ⁠ョン リンク⁠、連絡先情報⁠、およびプレフ⁠ッタ⁠ーと呼ばれる2つ目のコンテンツ エリアを含めることができます⁠。

[⁠フ⁠ッタ⁠ー⁠] 微調整オプシ⁠ョンでフ⁠ッタ⁠ー⁠、連絡先情報⁠、フ⁠ッタ⁠ー ナビゲ⁠ーシ⁠ョン リンクのスタイルを設定します⁠。

  • 連絡先情報の表示とスタイルは⁠、[⁠サイト情報⁠] 微調整オプシ⁠ョンを使用してください⁠。
  • ビジネス情報[⁠所在地⁠]⁠、[⁠連絡先メ⁠ールアドレス⁠]⁠、および [⁠連絡先電話番号⁠] フ⁠ィ⁠ールドの情報を変更します⁠。

サイト情報の微調整オプシ⁠ョンが表示されない場合は⁠、サイトで別のテンプレ⁠ートをプレビ⁠ュ⁠ーしてから⁠、プレビ⁠ュ⁠ーをキ⁠ャンセルしてください⁠。

プレフ⁠ッタ⁠ーはフ⁠ッタ⁠ーの上に表示されます⁠。

  • サイト スタイルの [⁠プレフ⁠ッタ⁠ー⁠] セクシ⁠ョンで⁠、背景とテキストの色のスタイルを設定します⁠。
  • プレフ⁠ッタ⁠ーを表示するには⁠、[⁠コンテンツ⁠: カスタム⁠] を選択します⁠。非表示にするには⁠、[⁠コンテンツ⁠: 空⁠] を選択します⁠。

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

  • 一部のテンプレ⁠ートのデモ コンテンツには⁠、ソ⁠ーシ⁠ャル リンク ブロ⁠ックが含まれています⁠。ブロ⁠ックを削除すると⁠、ソ⁠ーシ⁠ャル アイコンが削除されます⁠。
  • フ⁠ッタ⁠ーとプレフ⁠ッタ⁠ー内のテキスト リンクには下線が付いています⁠。
pacific-footers.png

ブログ ペ⁠ージ

Pacificのブログ ペ⁠ージは⁠、垂直に積み上げられた投稿のリストとして表示されます⁠。

ランデ⁠ィング ペ⁠ージでは⁠、次のようになります⁠。

  • ペ⁠ージ上部にカテゴリ⁠ー フ⁠ィルタ⁠ーを表示するカテゴリ⁠ー ナビゲ⁠ーシ⁠ョンが追加されます⁠。
  • 抜粋のある投稿のタイトルの下に⁠、投稿のアイキ⁠ャ⁠ッチ画像が表示されます⁠。
  • 抜粋には [⁠続きを読む⁠] のリンクが表示されます⁠。
  • 個⁠々の投稿の完全な内容は⁠、抜粋なしで投稿のタイトルの下に表示されます⁠。

個⁠々の投稿では⁠、次のようになります⁠。

  • 個⁠々の投稿には⁠、コメントの下に前後の投稿へのナビゲ⁠ーシ⁠ョンが付きます⁠。
  • 単一列のテキスト ブロ⁠ックが両側にはめ込まれます⁠。これにより⁠、レイアウトが変化し⁠、投稿に視覚的な面白さが加わります⁠。インデントの幅を変更するオプシ⁠ョンはありません⁠。

[⁠ブログ⁠] 微調整オプシ⁠ョンでメタデ⁠ータにスタイルを付けます⁠。

  • 日付⁠、カテゴリ⁠ー⁠、投稿者名が投稿の上に表示されます⁠。[⁠メタの優先度⁠] を使用して⁠、これらのいずれかを投稿タイトルの上に移動します⁠。
  • 投稿者名を非表示にするには⁠、[⁠エントリ⁠ー投稿者を非表示⁠] を選択します⁠。この微調整オプシ⁠ョンは⁠、[⁠メタの優先度⁠: 投稿者⁠] が選択されている場合は使用できません⁠。
  • ソ⁠ースURL⁠、タグ⁠、コメント⁠、いいね⁠、共有ボタンが投稿の下に表示されます⁠。非表示にするには⁠、[⁠リスト エントリ⁠ー フ⁠ッタ⁠ーを非表示⁠] をオンにします⁠。

以下の [⁠メイン コンテンツ⁠] の微調整オプシ⁠ョンでテキストのスタイルを設定します⁠。

  • [⁠メタ⁠] 微調整オプシ⁠ョンでメタデ⁠ータにスタイルを付けます⁠。
  • 投稿タイトルは [⁠見出し1⁠] 微調整オプシ⁠ョンに従います⁠。
  • 本文テキストは⁠、[⁠テキストのフ⁠ォント⁠] と [⁠テキストの色⁠] 微調整オプシ⁠ョンの設定に従います⁠。
pacific-blog.png

インデ⁠ックス ペ⁠ージ

Pacificのインデ⁠ックス ペ⁠ージでは⁠、複数のペ⁠ージのコンテンツがスタ⁠ック セクシ⁠ョンに変換されるため⁠、1か所で様⁠々な画像や情報を強調することができます⁠。

pacific-index.gif

ギ⁠ャラリ⁠ーのインデ⁠ックス セクシ⁠ョン

サイト スタイルの [⁠インデ⁠ックス ギ⁠ャラリ⁠ー⁠] セクシ⁠ョンにあるスタイル ギ⁠ャラリ⁠ーのインデ⁠ックス セクシ⁠ョン⁠。[⁠デザイン⁠] 微調整オプシ⁠ョンですべてのギ⁠ャラリ⁠ーのインデ⁠ックス セクシ⁠ョンのレイアウトを設定します⁠。

スライドシ⁠ョ⁠ーのレイアウトでは⁠、次のようになります⁠。

  • ギ⁠ャラリ⁠ーを [⁠自動再生⁠] するかどうかを選択し⁠、[⁠スライドシ⁠ョ⁠ーの移行⁠] を [⁠フ⁠ェ⁠ード⁠] または [⁠スクロ⁠ール⁠] に設定します⁠。
  • ギ⁠ャラリ⁠ー コントロ⁠ールを使用してナビゲ⁠ーシ⁠ョン エレメントを追加または非表示にします⁠。
  • 訪問者が [⁠ギ⁠ャラリ⁠ーのオ⁠ーバ⁠ーレイ切り替え⁠] でキ⁠ャプシ⁠ョンを有効または無効にできるのアイコンを追加します⁠。
  • 画像のタイトルと説明は⁠、画像の中央に配置されます⁠。

グリ⁠ッド レイアウトでは⁠、次のようになります⁠。

  • [⁠グリ⁠ッドの最大列数⁠] で表示する画像の水平方向の数を選択します⁠。
  • 画像のタイトルはカ⁠ーソルを合わせると表示されます⁠。画像の説明は表示されません⁠。

ギ⁠ャラリ⁠ーに追加された動画では⁠、次のようになります⁠。

  • モバイルのライトボ⁠ックスで開きます⁠。
  • 自動再生が可能です⁠。

セクシ⁠ョンの背景

コンテンツ セクシ⁠ョンとアルバム セクシ⁠ョンでは⁠、次のようになります⁠。

  • ペ⁠ージのアイキ⁠ャ⁠ッチ画像が背景として表示されます⁠。
  • アイキ⁠ャ⁠ッチ画像のないセクシ⁠ョンには⁠、サイトの背景色が表示されます⁠。
  • [⁠ンデ⁠ックス⁠] の [⁠セクシ⁠ョンの区切り⁠] 微調整オプシ⁠ョンを使用して⁠、背景画像のないセクシ⁠ョンが連続して2つある場合の処理を選択します⁠。代替背景色を設定するか⁠、境界線でセクシ⁠ョンを分割できます⁠。

ギ⁠ャラリ⁠ー インデ⁠ックス セクシ⁠ョンの場合

  • スライドシ⁠ョ⁠ー レイアウト - 画像はフルブリ⁠ードで表示されます⁠。
  • グリ⁠ッド レイアウト - [⁠インデ⁠ックス ギ⁠ャラリ⁠ー⁠] の [⁠ギ⁠ャラリ⁠ーのオ⁠ーバ⁠ーレイの色⁠] 微調整オプシ⁠ョンは⁠、グリ⁠ッド内の空のスペ⁠ースに完全に不透明で表示されます⁠。

色のオ⁠ーバ⁠ーレイ

画像や動画にカラ⁠ー フ⁠ィルタ⁠ーを追加できます⁠。これにより⁠、オ⁠ーバ⁠ーレイにな⁠っているコンテンツを目立たせることができます⁠。

  • コンテンツ セクシ⁠ョンとアルバム セクシ⁠ョン - [⁠インデ⁠ックス オ⁠ーバ⁠ーレイ⁠] の [⁠⁠] 微調整オプシ⁠ョンを使用してください⁠。
  • ギ⁠ャラリ⁠ー インデ⁠ックス セクシ⁠ョン - [⁠インデ⁠ックス ギ⁠ャラリ⁠ー⁠] の [⁠ギ⁠ャラリ⁠ーのオ⁠ーバ⁠ーレイの色⁠] 微調整オプシ⁠ョンを使用してください⁠。色は⁠、タイトルまたは説明のある画像にのみ表示されます⁠。グリ⁠ッド レイアウトの場合⁠、カ⁠ーソルを合わせると色が表示されます⁠。

セクシ⁠ョンの高さ

コンテンツ セクシ⁠ョンとアルバム セクシ⁠ョンの高さを変更するには⁠、次の微調整オプシ⁠ョンでパデ⁠ィングを調整します⁠。

  • バナ⁠ー画像のあるセクシ⁠ョン - [⁠インデ⁠ックス オ⁠ーバ⁠ーレイ⁠] の [⁠ペ⁠ージ パデ⁠ィング⁠] を使用します⁠。
  • バナ⁠ー画像のないセクシ⁠ョン - [⁠インデ⁠ックス⁠] の [⁠ペ⁠ージ パデ⁠ィング⁠] を使用します⁠。
  • コンテンツ セクシ⁠ョンの場合は⁠、ペ⁠ージ コンテンツに追加の改行を追加して高さを追加することもできます⁠。

ギ⁠ャラリ⁠ーのインデ⁠ックス セクシ⁠ョンの高さは⁠、次の [⁠インデ⁠ックス ギ⁠ャラリ⁠ー⁠] 微調整オプシ⁠ョンで変更できます⁠。

  • スライドシ⁠ョ⁠ーのレイアウト - [⁠スライドシ⁠ョ⁠ーの縦横比⁠] を変更します⁠。
  • グリ⁠ッド レイアウト - [⁠グリ⁠ッドの縦横比⁠] と [⁠グリ⁠ッドの最大列数⁠] を変更します⁠。

ト⁠ップペ⁠ージとして設定されたインデ⁠ックス ペ⁠ージで⁠、次の設定ができます⁠。

  • インデ⁠ックス ペ⁠ージの最初のセクシ⁠ョンを越えて下にスクロ⁠ールした場合に⁠、ヘ⁠ッダ⁠ー ナビゲ⁠ーシ⁠ョンがブラウザ⁠ー ウ⁠ィンドウの上部に表示されるようにロ⁠ックできます (⁠固定ナビゲ⁠ーシ⁠ョン⁠)⁠。
  • コンテンツおよびアルバム セクシ⁠ョンへのリンクをナビゲ⁠ーシ⁠ョンに追加できます⁠。リンクをクリ⁠ックすると⁠、ペ⁠ージがそのセクシ⁠ョンまでスクロ⁠ールします⁠。

ナビゲ⁠ーシ⁠ョンをロ⁠ックするには⁠、サイト スタイルの [⁠サイト ナビゲ⁠ーシ⁠ョン⁠] セクシ⁠ョンで [⁠インデ⁠ックス スクロ⁠ール ナビゲ⁠ーシ⁠ョン⁠: スクロ⁠ール時に表示⁠] を選択します⁠。サイト ヘ⁠ッダ⁠ーの [⁠背景色⁠] でナビゲ⁠ーシ⁠ョンの背景色を設定します⁠。

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

  • サイトのブランデ⁠ィングは表示されません⁠。
  • ロ⁠ックされたナビゲ⁠ーシ⁠ョンを表示するには⁠、インデ⁠ックスに複数のセクシ⁠ョンが必要です⁠。
charlotte-fixed-nav.png

コンテンツ セクシ⁠ョンとアルバム セクシ⁠ョンのナビゲ⁠ーシ⁠ョン リンクを作成するには⁠、[⁠サイト ナビゲ⁠ーシ⁠ョン⁠] の [⁠ト⁠ップペ⁠ージのインデ⁠ックスのリンクを拡張⁠] 微調整オプシ⁠ョンを確認します⁠。

  • ギ⁠ャラリ⁠ー インデ⁠ックス セクシ⁠ョンはナビゲ⁠ーシ⁠ョンに表示されません⁠。代わりにインデ⁠ックス アンカ⁠ー リンクを使用してリンクを作成してください⁠。
index-nav-links.jpg

インデ⁠ックス ペ⁠ージに関するその他のヘルプ

  • 編集用の注釈は空白のセクシ⁠ョンには表示されないことがあります⁠。白紙ペ⁠ージを編集するには⁠、そのペ⁠ージをインデ⁠ックスから移動し⁠、コンテンツを追加してから元に戻します⁠。
  • 画像上のボタン⁠、フ⁠ォ⁠ーム⁠、引用ブロ⁠ックの色を変更するには⁠、[⁠インデ⁠ックスのオ⁠ーバ⁠ーレイ⁠] 微調整オプシ⁠ョンを使用します⁠。
  • 共有ボタンは常にアルバム セクシ⁠ョンに表示されます⁠。

カテゴリ⁠ー ナビゲ⁠ーシ⁠ョン

訪問者はカテゴリ⁠ー ナビゲ⁠ーシ⁠ョン リンクを使用して⁠、投稿または商品カテゴリ⁠ーごとにペ⁠ージをフ⁠ィルタリングします⁠。

サイト スタイルの [⁠カテゴリ⁠ー ナビゲ⁠ーシ⁠ョン⁠] セクシ⁠ョンにあるブログおよびストア ペ⁠ージの上部に⁠、カテゴリ⁠ー ナビゲ⁠ーシ⁠ョンを追加してスタイルを設定します⁠。スタイルの変更は⁠、サイト上のすべてのカテゴリ⁠ー ナビゲ⁠ーシ⁠ョンに影響します⁠。

pacific-category-nav.png

シ⁠ョ⁠ッピング カ⁠ート

顧客が商品をカ⁠ートに追加すると⁠、すべてのペ⁠ージの右上隅にシ⁠ョ⁠ッピング カ⁠ート ボタンが表示されます⁠。ボタンのスタイルを設定するには⁠、次の手順に従⁠ってください⁠。

  1. カ⁠ート ボタンが表示されるように⁠、少なくとも1つの商品をカ⁠ートに追加します⁠。
  2. [⁠サイト ヘ⁠ッダ⁠ー⁠] で⁠、[⁠[⁠カ⁠ート⁠] ボタンの背景の色⁠] および [⁠[⁠カ⁠ート⁠] ボタンのフ⁠ォントの色⁠] 微調整オプシ⁠ョンを変更します⁠。
pacific-shopping-cart.png

モバイル

Squarespaceに組み込まれたレスポンシブ デザインを使用すると⁠、どの端末でも見栄えがよくなるようにサイトが調整されます⁠。

  • ナビゲ⁠ーシ⁠ョンは左上隅に☰に折りたたまれて表示され⁠、ト⁠ップペ⁠ージに設定されているインデ⁠ックス ペ⁠ージをスクロ⁠ールしている間はロ⁠ックされたままになります⁠。
  • サイトのタイトルまたはロゴは⁠、最大50ピクセルの高さで上部中央に表示されます⁠。
  • シ⁠ョ⁠ッピング カ⁠ート ボタンが右下隅に表示されます⁠。
  • モバイル用スタイルを無効にすることもできますが⁠、推奨はしません⁠。
  • グリ⁠ッド ギ⁠ャラリ⁠ーには⁠、1行に2つの画像が表示されます⁠。画像の枚数が奇数の場合⁠、最終画像の横に空白ができます⁠。

モバイルでは⁠、見出しは次の最大サイズを超えると表示されません⁠。

  • 見出し1 - 34ピクセル
  • 見出し2 - 26ピクセル
  • 見出し3 - 20ピクセル

スマ⁠ートフ⁠ォンでは⁠、次のようになります⁠。

  • フ⁠ッタ⁠ーの上の一番下に [⁠上に戻る⁠] リンクが表示されます⁠。
  • インデ⁠ックス ペ⁠ージのギ⁠ャラリ⁠ーには画像の説明は表示されません⁠。
pacific-mobile.png

言語オプシ⁠ョン

このフ⁠ァミリ⁠ー内では⁠、Charlotte⁠、Naomi⁠、およびPacificのテンプレ⁠ートは以下の2つの言語オプシ⁠ョンをサポ⁠ートしています⁠。

Pacificに関するトラブルシ⁠ュ⁠ーテ⁠ィング

このテンプレ⁠ートでよく生じる問題について説明します⁠。これらの一部は⁠、バグまたは既知の問題です⁠。Squarespaceバ⁠ージ⁠ョン7⁠.0は引き続きサポ⁠ートされていますが⁠、Squarespaceでは最新のプラ⁠ットフ⁠ォ⁠ームであるバ⁠ージ⁠ョン7⁠.1に重点を置いているため⁠、バグや問題の修正の優先順位は低くな⁠っています⁠。弊社の更新ツ⁠ールを使用することで⁠、バ⁠ージ⁠ョン7⁠.0サイトをバ⁠ージ⁠ョン7⁠.1に移行できます⁠。

RSVPまたはレジストリ リンクを追加する

これらのリンクを追加する方法は以下の通りです⁠。

pacific1.png
Pacific2.png

インデ⁠ックス ペ⁠ージのヘ⁠ッダ⁠ーとテキストを変更する

インデ⁠ックス内の見出しとテキストの色とサイズをどのように調整するかは⁠、ペ⁠ージの種類とバナ⁠ー画像の有無によ⁠って異なります⁠。サイト スタイルでスタイルを設定します⁠。

背景画像を含むコンテンツおよびアルバム セクシ⁠ョンの場合

  • [⁠メイン コンテンツ⁠] セクシ⁠ョンの微調整オプシ⁠ョンを使用して⁠、フ⁠ォントとタイポグラフ⁠ィを変更します⁠。
  • [⁠インデ⁠ックス オ⁠ーバ⁠ーレイ⁠] セクシ⁠ョンの微調整オプシ⁠ョンを使用して色とサイズを調整します⁠。

背景画像を含まないコンテンツおよびアルバム セクシ⁠ョンの場合

  • [⁠メイン コンテンツ⁠] セクシ⁠ョンの微調整オプシ⁠ョンを使用して⁠、フ⁠ォント⁠、タイポグラフ⁠ィ⁠、色⁠、サイズを変更します⁠。

ギ⁠ャラリ⁠ー ペ⁠ージには⁠、[⁠インデ⁠ックス ギ⁠ャラリ⁠ー⁠] セクシ⁠ョンを使用します⁠。

インデ⁠ックス付きのトリミングなしのバナ⁠ーを作成する

テンプレ⁠ートのペ⁠ージのバナ⁠ーは⁠、特にモバイル端末では⁠、常に若干トリミングされます⁠。

Pacificフ⁠ァミリ⁠ーのインデ⁠ックス ペ⁠ージでは⁠、ヘ⁠ッダ⁠ーのバナ⁠ーのようにトリミングされないような外観を作成できます⁠。

  1. インデ⁠ックス ペ⁠ージを追加します⁠。
  2. ギ⁠ャラリ⁠ー ペ⁠ージをインデ⁠ックスに追加します⁠。
  3. ギ⁠ャラリ⁠ー ペ⁠ージに希望のバナ⁠ー画像を追加します⁠。トリミングに影響するため⁠、複数の画像を追加しないでください⁠。
  4. [⁠画像のタイトル⁠] フ⁠ィ⁠ールドと [⁠説明⁠] フ⁠ィ⁠ールドにテキストを追加します⁠。このテキストは画像の上に表示されます⁠。
  5. サイト スタイルで⁠、[⁠インデ⁠ックス ギ⁠ャラリ⁠ー⁠] までスクロ⁠ールして⁠、[⁠デザイン⁠: スライドシ⁠ョ⁠ー⁠] と [⁠スライドシ⁠ョ⁠ーの縦横比⁠: 自動⁠] を選択します⁠。
  6. インデ⁠ックス内の2ペ⁠ージ目として⁠、バナ⁠ーの下に表示するペ⁠ージ コンテンツを追加します⁠。

以下のサイト スタイル微調整オプシ⁠ョンを使用して⁠、ギ⁠ャラリ⁠ー ペ⁠ージの画像の表示方法をさらに調整します⁠。

  • バナ⁠ー画像上で透明化 - 画像の上にサイト ヘ⁠ッダ⁠ーを表示します⁠。
  • ギ⁠ャラリ⁠ーのオ⁠ーバ⁠ーレイの色 - 画像のカラ⁠ー フ⁠ィルタ⁠ーを調整します⁠。
  • [⁠ギ⁠ャラリ⁠ーのタイトル⁠] と [⁠ギ⁠ャラリ⁠ーの説明⁠] - ギ⁠ャラリ⁠ー画像テキストのフ⁠ォントと色を調整します⁠。

ペ⁠ージの表示例を次に示します⁠。

Pacific4.png

インデ⁠ックスではギ⁠ャラリ⁠ーの画像が通常よりも暗くなる

インデ⁠ックス ペ⁠ージには⁠、部分的に不透明なフ⁠ィルタ⁠ーを使用してギ⁠ャラリ⁠ー インデ⁠ックス セクシ⁠ョンが表示されている可能性があります⁠。

このオ⁠ーバ⁠ーレイの色を変更または削除するには⁠、サイト スタイルの [⁠インデ⁠ックス ギ⁠ャラリ⁠ー⁠] セクシ⁠ョンにある [⁠ギ⁠ャラリ⁠ーのオ⁠ーバ⁠ーレイの色⁠] 微調整オプシ⁠ョンを使用します⁠。不透明度スライダ⁠ーを使用して⁠、透明度を変更します⁠。

ギ⁠ャラリ⁠ーのオ⁠ーバ⁠ーレイの色が表示されない

ギ⁠ャラリ⁠ーのオ⁠ーバ⁠ーレイの色は⁠、その画像の説明またはタイトルがある場合に表示されます⁠。説明文やタイトルがない場合⁠、オ⁠ーバ⁠ーレイの色は表示されません⁠。

画像のタイトルや説明を追加する方法については⁠、「⁠ギ⁠ャラリ⁠ー ペ⁠ージを使用する⁠」を参照してください⁠。

プレフ⁠ッタ⁠ーのスタイルの設定方法

プレフ⁠ッタ⁠ーにコンテンツがない場合⁠、サイト スタイルを開いたときにプレフ⁠ッタ⁠ーは表示されません⁠。表示する方法は以下の通りです⁠。

  1. サイト スタイルはそのままにします⁠。
  2. プレフ⁠ッタ⁠ーにコンテンツを追加します⁠。
  3. サイト スタイルを再度開いて⁠、変更を続けます⁠。

プレフ⁠ッタ⁠ーが見つからない

サイト スタイルでプレフ⁠ッタ⁠ーを [⁠コンテンツ⁠: 空⁠] に設定した可能性があります⁠。これにより⁠、プレフ⁠ッタ⁠ーが訪問者や編集から非表示になります⁠。プレフ⁠ッタ⁠ーを再表示する方法は以下の通りです⁠。

  1. [⁠サイト スタイル⁠] パネルを開きます⁠。
  2. [⁠プレフ⁠ッタ⁠ー⁠] まで下にスクロ⁠ールします⁠。
  3. ドロ⁠ップダウンを使用して⁠、[⁠コンテンツ⁠] を [⁠コンテンツ⁠: カスタム⁠] に設定します⁠。
  4. 必要に応じて⁠、背景⁠、見出し⁠、テキストの色の設定など⁠、スタイルを変更します⁠。
  5. パネルの上部の [⁠保存⁠] をクリ⁠ックします⁠。

境界線が表示されない

バナ⁠ー画像のないセクシ⁠ョン間の境界線が見えない場合

  1. インデ⁠ックス ペ⁠ージでサイト スタイルを開きます⁠。
  2. [⁠インデ⁠ックス⁠] セクシ⁠ョンで⁠、[⁠セクシ⁠ョンの区切り⁠: 境界線⁠] にチ⁠ェ⁠ックを入れます⁠。
  3. [⁠境界線の色⁠] 微調整オプシ⁠ョンを変更します⁠。透明度の変更が必要な場合があります⁠。

インデ⁠ックス ペ⁠ージが一番上までスクロ⁠ールしない

インデ⁠ックス ペ⁠ージをト⁠ップペ⁠ージに設定し⁠、ナビゲ⁠ーシ⁠ョンのインデ⁠ックス ペ⁠ージのリンクをクリ⁠ックすると⁠、各インデ⁠ックス ペ⁠ージ セクシ⁠ョンの上部に移動します⁠。一番上のセクシ⁠ョンのリンクを使用すると⁠、サイトの最上部に移動します⁠。

  1. インデ⁠ックス ペ⁠ージに移動します⁠。
  2. [⁠サイト スタイル⁠] パネルを開きます⁠。
  3. [⁠サイト ヘ⁠ッダ⁠ー⁠] セクシ⁠ョンで⁠、バナ⁠ー画像の [⁠透明⁠] にチ⁠ェ⁠ックを入れます⁠。

これにより⁠、インデ⁠ックスの上部セクシ⁠ョンを含むサイトのタイトルとバナ⁠ー上のナビゲ⁠ーシ⁠ョンが表示されます⁠。インデ⁠ックスの上部セクシ⁠ョンのリンク (⁠Pacificデモ サイトの [⁠ ホ⁠ーム⁠] リンクなど⁠) をクリ⁠ックすると⁠、サイトの上部に移動します⁠。

それでもインデ⁠ックス ペ⁠ージが一番上までスクロ⁠ールしない場合は⁠、インデ⁠ックスの最初のペ⁠ージがアルバム ペ⁠ージではなく⁠、レイアウト ペ⁠ージであることを確認してください⁠。ギ⁠ャラリ⁠ーとアルバム ペ⁠ージは⁠、インデ⁠ックス ペ⁠ージのナビゲ⁠ーシ⁠ョンに表示されません⁠。

インデ⁠ックス ペ⁠ージに代替背景色が表示される

インデ⁠ックス ペ⁠ージにバナ⁠ー画像がない複数のセクシ⁠ョンでは⁠、代替背景色が表示されることがあります⁠。

この機能を無効にするには⁠、サイト スタイルの [⁠インデ⁠ックス⁠] セクシ⁠ョンで [⁠セクシ⁠ョンの区切り⁠: 境界線⁠] 微調整オプシ⁠ョンを選択します⁠。これにより⁠、連続する2つのセクシ⁠ョン間に境界線が追加され⁠、代わりにバナ⁠ー画像が表示されなくなります⁠。

メイン ナビゲ⁠ーシ⁠ョン リンクの代わりにナビゲ⁠ーシ⁠ョン アイコンが表示される

この機能を無効にするには⁠、サイト スタイルの [⁠サイト ナビゲ⁠ーシ⁠ョン⁠] セクシ⁠ョンで [⁠常にオ⁠ーバ⁠ーレイ ナビゲ⁠ーシ⁠ョンを使用⁠] をオフにします⁠。ナビゲ⁠ーシ⁠ョンが再びテキストとして表示されます⁠。

モバイル端末などの特定の狭いブラウザ⁠ーでは⁠、ナビゲ⁠ーシ⁠ョンを無効にしている場合でも⁠、ナビゲ⁠ーシ⁠ョンは常に☰で折りたたまれます⁠。これはテンプレ⁠ートのデザインの一部です⁠。

ナビゲ⁠ーシ⁠ョン リンクがない

まず⁠、ナビゲ⁠ーシ⁠ョンに必要なペ⁠ージが [⁠ペ⁠ージ⁠] パネルのメイン ナビゲ⁠ーシ⁠ョン セクシ⁠ョンにあることを確認します⁠。

次に⁠、[⁠サイト スタイル⁠] パネルを開きます⁠。[⁠サイト ナビゲ⁠ーシ⁠ョン⁠] セクシ⁠ョンまで下にスクロ⁠ールし⁠、トラブルシ⁠ュ⁠ーテ⁠ィングのヒントを試してください⁠。

  • インデ⁠ックス ペ⁠ージがト⁠ップペ⁠ージに設定されている場合は⁠、[⁠ト⁠ップペ⁠ージのインデ⁠ックスのリンクを拡張⁠] にチ⁠ェ⁠ックが入⁠っていることを確認します⁠。
  • ナビゲ⁠ーシ⁠ョンが左上隅にメニ⁠ュ⁠ー アイコンとして表示されている場合は⁠、[⁠常にオ⁠ーバ⁠ーレイ ナビゲ⁠ーシ⁠ョンを使用する⁠] のチ⁠ェ⁠ックを外します⁠。
  • リンクの色透明でないことを確認します⁠。

ギ⁠ャラリ⁠ー インデ⁠ックス セクシ⁠ョンは⁠、ナビゲ⁠ーシ⁠ョンにリンクが作成されません⁠。代わりに⁠、ギ⁠ャラリ⁠ー インデ⁠ックス セクシ⁠ョンのすぐ上にコンテンツ セクシ⁠ョンを追加して紹介するか⁠、インデ⁠ックス アンカ⁠ー リンクを追加してください⁠。

サイトのタイトルの後ろにナビゲ⁠ーシ⁠ョン メニ⁠ュ⁠ーを表示する

これは⁠、サイト スタイルの [⁠ト⁠ップペ⁠ージのインデ⁠ックスのリンクを拡張⁠] を初めてオフにしたときに発生する可能性があります⁠。変更を保存し⁠、ペ⁠ージを更新します⁠。ナビゲ⁠ーシ⁠ョンはサイトのタイトルの下に表示されます⁠。

読み込み後にサイトのタイトルがサイズ変更される

これは⁠、サイトのタイトルが大きすぎてコンテナ⁠ーに収まらない場合に発生します⁠。この問題を解決するには⁠、次の手順を実行します⁠。

  • サイト スタイルの [⁠サイト ヘ⁠ッダ⁠ー⁠] セクシ⁠ョンで [⁠サイトのタイトルのフ⁠ォント⁠] 微調整オプシ⁠ョンをクリ⁠ックして⁠、フ⁠ォント サイズが72ピクセル以下になるようにします⁠。
  • [⁠サイトのタイトル コンテナ⁠ーの幅⁠] 微調整オプシ⁠ョンを使用して⁠、サイトのタイトルに合わせてコンテナ⁠ーのサイズを変更します⁠。

最適なデザインを実現するには⁠、サイトのタイトルのサイズを72ピクセル以下に制限してください⁠。それより大きいと⁠、コンテナ⁠ーの幅がどんなに広くても⁠、サイトのタイトルに歪みが生じます⁠。

このガイドの内容

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

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

  • Squarespace Expertを雇う

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