Aviatorテンプレート ファミリーの情報ページは、複数のレイアウト オプションを備えた特別なランディング ページであり、トップページとして優れています。ナビゲーション リンク、組み込みのソーシャル アイコン、カスタマイズ可能なコンテンツ エリアが自動的に表示されます。各サイトには情報ページが1つあります。

バージョン7.1は情報ページをサポートしていません。Squarespaceアプリでは、情報ページを追加または編集することはできません。

情報ページを設定する

他のページとは異なり、情報ページは削除したり追加したりすることができません。代わりに、既存のデモ コンテンツを編集します。

1. [ページパネル] を開きます。
2. 情報ページを見つけます。アイコンは点線のボックスです。Aviatorでは「ようこそ」というタイトルで、AubreyとEncoreでは「ホーム」というタイトルで表示されます。
3. カーソルを合わせて、をクリックし、[保存] をクリックします。

既定では、情報ページにはサイトのタイトル、タグライン、ビジネス情報設定の電話番号、メールアドレス、所在地が自動的に表示されます。テキストを変更するには、その情報を更新してください。

コンテンツ エリアを直接編集するには、次の手順に従います。

1. [サイト スタイル] パネルを開きます。
2. [情報ページのスタイル] で [情報ページの自由形式テキスト] にチェックを入れ、[保存] をクリックしてサイト スタイル パネルを閉じます。
3. 情報ページの [編集] をクリックし、ブロックを使用してコンテンツ エリアをカスタマイズします。

詳細については、以下のコンテンツ エリア情報をご参照ください。

背景

情報ページの背景は、サイトの他の部分とは異なります。

背景画像を追加するには、次の手順に従います。

• [情報ページのスタイル] の [情報ページの背景画像] を使用します。
• [情報ページの背景オーバーレイ] は色合いを作成します。
• モバイルでは常に背景画像が表示されます。

背景色を追加するには、背景画像を削除し、[情報ページの背景オーバーレイ] で色を設定します。

• 色が部分的に透明に設定されている場合、サイトの背景が透けて見えます。

コンテンツ エリア

コンテンツ エリアは、ブランディングや連絡先情報を表示したり、ブロックを使用して直接カスタマイズしたりできます。

ブランディングと連絡先情報

[情報ページのスタイル] の [情報ページの自由形式テキスト] をオフにすると、ブランディングや連絡先情報がコンテンツ エリアに自動的に表示されます。

• ブランディングを変更するには、[サイトのタイトル] と [タグライン] を編集します。
• 連絡先情報を変更するには、[ビジネス情報] の [連絡先電話番号]、[連絡先メールアドレス]、[所在地] を編集します。
• サイト説明を変更または削除するには、テキストにカーソルを合わせ、[編集] をクリックします(2018年11月以降に作成されたサイトでは、サイト説明を利用できません)。
• [情報ページのスタイル] の [情報ページのサイトのタイトルのフォント]、[情報ページのタグラインのフォント]、[情報ページの連絡先情報のフォント]、[情報ページの説明のフォント] を使用してテキストのスタイルを設定します。
• [情報ページのスタイル] の [情報ページの仕切りを非表示にする] を使用して、連絡先情報とサイト説明の間の線を追加または非表示にします。

自由形式ブロック エリア

[情報ページのスタイル] で [情報ページの自由形式テキスト] にチェックを入れ、ブロックを使用してカスタマイズできるエリアを追加します。

• [情報ページのスタイル] の [情報ページのサイトのタイトルのフォント] で、[見出し1] のテキストのフォントを設定します。
• [情報ページのスタイル] の [情報ページの説明] 微調整オプションで、[標準] テキストの色を変更します。
• その他のテキストについては、サイトのスタイルの [タイポグラフィ] セクションにある微調整オプションを使用してください。
• ブランディングと連絡先情報を表示するように切り替えるとカスタム コンテンツが保存され、元に戻すと再び表示されます。

コンテンツ エリアのスタイルを設定する

[情報ページのスタイル] では、次の操作を実行できます。

• [情報ページのコンテンツの幅] で幅を変更します。
• [情報ページの丸みを帯びた角] 微調整オプションで形状を変更します。
• [情報ページのコンテンツ オーバーレイ] でコンテンツ エリアの背後にボックスを追加します。これにより、コンテンツが目立つようになり、画像の上に表示されたテキストが読みやすくなります。
• [情報ページのコンテンツ ドロップ シャドウ] を使用して、コンテンツ エリアのボックスの周囲に影を追加します。
• [情報ページのコンテンツ オーバーレイの色] で色を変更します。情報ページの背景が透けて見えるように、部分的に透明にすることができます。

レイアウト

[オプション] の [情報ページのレイアウト] で情報ページのレイアウトを変更します。この微調整オプションはサイトの他の部分にも影響します。

• オフセット - 中央にコンテンツが表示され、左側にナビゲーションリンクが表示されます。右上にソーシャル アイコンが表示されます。
• ポスター - 中央にコンテンツとリンクが表示され、下部にソーシャル アイコンが表示されます。
• 名刺 - 左側にコンテンツとナビゲーション リンクが表示され、右上にソーシャル アイコンが表示されます。

[情報ページのスタイル] 微調整オプションでエレメント間のパディングを変更します。

幅の狭いブラウザーでは、情報ページは常にポスター レイアウトで表示されます。

情報ページに関するその他のヘルプ

• カード レイアウトのカバー ページを使用することで、バージョン7.0の任意のテンプレートで情報ページのようなデザインを作成できます。
• 情報ページをトップページとして使用している場合は、テンプレートを切り替える前にトップページを別のページに変更してください。