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

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

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

このガイドは、主にバージョン 7.1を対象としています。バージョン7.0テンプレートの種類を確認するには、「バージョン7.0のテンプレートとデザイン」をご覧ください。

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

動画を見る

デザインを探す

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

インスピレーションを探す

Squarespace Collectionパートナーシップ シリーズを確認して、刺激的なアーティストと、彼らが構築したテンプレートを見つけましょう。バージョン7.1のサイトは、以下のクリエイティブな作品をもとに作られたテンプレートから始めることができます。

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

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

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

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

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

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

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

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

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

ヒント: デモ コンテンツやプリセットのデザイン設定を使用せずにサイトを開始する場合は、空白のテンプレートから開始します。

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

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

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

• サイトのタイトル
• ブランド パーソナリティー
• トップページ
• 必要なセクションとページ
• サイトをスタイリングするためのカラー パレットとフォントの組み合わせ
• 当社の厳選されたライブラリーからAIが生成した画像

また、Squarespace AIを使ってトップページの説明テキストを生成するためのオプションのプロンプトも表示されます。

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

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

動画を見る