サイトのニーズとスタイルに合うテンプレートを選びましょう。

Squarespaceのテンプレート カタログは、スタイル、ブランド、ビジョンを最適な方法で世界に発信するサイトを作成するための様々な開始点を提案します。どのデザインから始めた場合も、他のデザインと同じフォント、色、スタイル微調整オプションのすべてがサイトに含まれます。

このガイドでは、開始時のデザインを選択する方法と、サイトの外観のカスタマイズを開始する方法について説明します。

ヒント: ガイドと動画チュートリアルの他に、2件の Squarespace 入門ウェビナーを提供しています。これらのセッションでは、Squarespace Blueprint AI を使用したテンプレートの構築、サイト、ドメイン、メール オプションの操作、サイト コンテンツの準備、ホームページの構築、色とフォントのスタイル設定について説明します。ウェビナーの所要時間は通常は 1時間で、サインアップにSquarespaceサイトやアカウントは必要ありません。

動画を見る

デザインを探す

テンプレート カタログにアクセスし、お好きなデザインで [プレビュー] をクリックするとデモ サイトが表示されます。各デモ サイトでは、デザインのアイデアを提案するために、サンプル コンテンツを使用したレイアウトの例が示されます。

ヒント: Squarespace Collectionパートナーシップ シリーズで、サイトのアイデアを探しましょう。 バージョン7.1のサイトは、以下のクリエイティブな作品をもとに作られたテンプレートから始めることができます。

• アイコニックなミュージシャン、ビョーク
• Magnumの写真家、オリビア・アーサー、ジェイコブ・アウエ・ソボル、サビハ・チメン、ブルース・ギルデン、ウィリアム・ケオ、スティーブ・マッカリー
• 音楽プロデューサー、リック・ルービン

レイアウトを比較して色を選択する

デモ コンテンツにあまり焦点を当てず、ご自分が魅力的だと感じるレイアウトを探してください。テンプレートの選択時には、様々なカラー プリセットから好きなものを選び、試用版を開始する前にサイトがどのように表示されるかをより良く理解できます。

サイトのスタイルとレイアウトはいつでも変更できますが、理想的なサイトの外観に近いデザインから始める方が簡単かもしれません。たとえば、「Dario」のデモ サイトはブライダル用に設計されていますが、別の種類のイベントの出欠を受け付けたり新商品発売の予約注文を受けたりできるように調整を行うこともできます。

すべてのサイトで、同じ機能とスタイル オプションを備えた同一のテンプレートを使えます。どのデザインから始める場合でも、サイト上のすべてのデザイン機能にアクセスできます。

テンプレートをパーソナライズする

最初のデモ サイトの外観を変更するには、以下に従いサイトのデザインとレイアウトを変更します。

• サイトの色、フォント、その他のグローバル スタイルをサイト スタイルで変更します。
• 様々な種類の事前構築されたページ レイアウトを使用し、新しいページを追加します。
• 新しいセクションを追加してページのレイアウトを変更します。 たとえば、ページ上部に背景画像付きのセクションを追加することで、ページ バナーを作成できます。
• セクション スタイルを使用してサイト全体のスタイルを上書きし、個々のセクションに異なる外観を持たせることができます。
• 要約ブロックを使用して、ブログ投稿や商品アイテムのカスタム レイアウトを作成できます。

これらの編集を行ってもサイトの変更が十分でない場合は最初からやり直すことを検討してください。

ヒント: デモ コンテンツやプリセットのデザイン設定を使用せずにサイトを開始する場合は、ご自分の言語 (英語、フランス語、ドイツ語、イタリア語、ポルトガル語、またはスペイン語) の空白テンプレートで開始します。

Squarespace Blueprint AI で独自のテンプレートを作成する

サイトのパーソナライズをすぐに開始するには、Squarespace Blueprint AI を使用して独自のテンプレートを作成します。

以下を選択して、テンプレートをステップごとにデザインすることができます。

• サイトのタイトル
• ホームページ
• 必要なコンポーネントとページ
• サイトをスタイリングするためのカラー パレットとフォントの組み合わせ
• Squarespace AIを使ってホームページの説明テキストを生成するためのプロンプト (オプション)

Squarespace Blueprint AI は、サイトの外観についてすでに明確なアイデアを持っている場合に最適です。

注: Squarespace Blueprint AI はコンピューターでのみ利用可能です。モバイル端末ではサポートされていません。

動画を見る