バージョン7.0テンプレートの機能と構成について説明します。

Squarespaceのテンプレートを使用すると、Webサイトの一貫した外観と構造を作成できます。Squarespaceの試用はすべて、テンプレートを選択することから始まります。テンプレートはいつでも変更できます。どのテンプレートにもレスポンシブ デザインが組み込まれているため、さまざまななデバイスや画面サイズに合うようコンテンツを拡大縮小できます。

バージョン7.0では、各テンプレート ファミリーそれぞれに独自のスタイル パラメーターと特殊機能のセットが用意されています。テンプレートのサイト スタイルを使用して、フォント、色、間隔、その他のデザイン機能を調整します。

このガイドはバージョン7.0用です。バージョン7.1のすべてのサイトは同じテンプレートを共有しています。

テンプレートを使用する

テンプレートでデザインの構造を作成します。

• Squarespaceテンプレートの仕組みを理解するには、「Squarespaceテンプレートについて」を参照してください。
• 適切なテンプレートを選択するため、どのテンプレートがどのような機能を提供しているか、確認してください。
• テンプレートを切り替えて、他のデザインでコンテンツがどのように表示されるかを確認してください。テンプレートの切り替えに関するよくある質問で、このプロセスに関するよくある質問と回答を紹介します。
• すべてのテンプレート ファミリーには独自のスタイル オプションがあり、バナー画像やサイドバーなどのさまざまな機能が提供されている場合があります。
• 使用しているテンプレートを確認してください。

スタイルの変更

[サイト スタイル] パネルでは、微調整オプション (フォント、色、間隔、その他のオプションを制御する設定) を調整できます。テンプレートによって微調整オプションは異なります。コンテンツを追加するだけでなく、[サイト スタイル] パネルはサイトをパーソナライズするための重要なツールです。

• スタイルを変更して、テンプレートの外観をカスタマイズします。
• 「[サイト スタイル] パネルに関するよくある質問」を確認してください。
• 色の変更、ナビゲーション メニューのスタイル設定、ボタンのカスタマイズを行います。
• Squarespaceの多くの組み込みオプションから選択して、フォントを変更します。
• イベント ページやストア ページなどの コレクション ページのスタイルを調整します。

ヒント: サイトのデザインを完全にカスタマイズするには、Squarespace Blueprint AIを使用して独自のテンプレートを作成することを検討してください。バージョン7.1では、サイトを作成するときに最初からスタイルのインスピレーションを選択できます。

テンプレートの機能

各バージョン7.0のテンプレートにはそれぞれ専用のコードが用意されており、選択したテンプレートによってどの機能にアクセスできるかが決まります。異なるテンプレートの機能を組み合わせることはできません。

これらの機能は、テンプレート ファミリーによって異なります。

• アルバム、ブログ、イベント、ギャラリー、ストア ページの機能
• インデックス ページの利用可否とスタイル
• ページごとのフッター、ヘッダー、サイドバー
• バナー画像と背景画像
• 特殊バナーやパララックス スクロールなどのその他の機能

詳細については、テンプレートの比較表をご覧ください。

モバイルおよびレスポンシブ デザイン

Squarespaceのすべてのテンプレートは、コンピューターからタブレット、スマートフォンに至るまで、あらゆるデバイスで簡単にナビゲーションできるように設計されています。一部のテンプレートには、モバイル ビュー用の独自のスタイル オプションもあります。

• サイトがモバイル端末でどのように表示されるかを確認する
• 端末別プレビューで変更を加える際に、モバイルでのサイトの外観をプレビューします。

カスタム コード

経験豊富なユーザーは、カスタム コードを追加してサイトに高度な変更を加えることができます。サイトへのコードの追加は、Squarespaceサポートの範囲外です。

• Squarespaceでカスタム コードがどのように機能するかについては、「カスタム コードをサイトへ追加する」をご覧ください。
• ほとんどのカスタム機能は、コード ブロックを使用して追加されます。一部の統合ではコード挿入を使用します。
• CSSエディターを使用すると、CSSを使用してサイトのスタイルを設定できます。
• 経験豊富な開発者であれば、サイトのコード構造をより細かく制御できるSquarespace開発者プラットフォームを検討してください。

テンプレート ガイド

テンプレートがどのように機能するかを学ぶには、テンプレートをプレビューして様々な仕様を試してみるのが最適な方法です。詳細なテンプレート ガイドを様々に試してみることができます。これらのテンプレート ファミリーの詳細については、以下のリンクをクリックしてください。

• どのファミリーのテンプレートかがわからない場合は、「サイトのバージョンとテンプレートについて」をご参照ください。
• 以下にリストされていないテンプレートについては、廃止されたテンプレートのチートシートを参照してください。
• Squarespaceバージョン7.1では、テンプレートやスタイル微調整オプションを別の方法で使用します。バージョン7.1については、「スタイルを変更する」および「ページ セクション」を参照してください。

バージョン7.0テンプレート ガイド:

• Adirondack
• Avenue
• Aviator
• Bedford
• Brine
• Farro
• Five
• Flatiron
• Forte
• Galapagos
• Ishimoto
• Marquee
• Momentum
• Montauk
• Native
• Pacific
• Skye
• Supply
• Tremont
• Wells
• Wexley
• York