別のテンプレートを使い、サイトのデザインと構造を変更します。

バージョン7.1と7.0のどちらでも、サイトの組み込みスタイル設定を使用することで、最初からやり直すことなくデザインと構造を調整できます。バージョン7.0では、より大幅な変更が必要な場合は別のテンプレートに切り替えることができます。サイトでどのテンプレートが使用されているか分からない場合は、「サイトのバージョンとテンプレートについて」をご覧ください。

このガイドでは、バージョン7.0でテンプレートを切り替える方法について説明します。

バージョン7.1のサイトではテンプレートを変更できません。バージョン7.0では、テンプレートを切り替えることにより様々な機能にアクセスできます。バージョン7.1では、すべてのサイトが同じ機能を備えており、サイトのデザインや構造に大規模な変更を加える方法は他にもあります。

動画を見る

テンプレートの切り替えについて

新しいテンプレートに切り替えると、サイトのデザインと構造は変わりますが、ほとんどのコンテンツはそのまま残ります。テンプレートは、いつでも必要に応じてインストール、プレビュー、切り替えができます。訪問者に公開されるテンプレートは一度に1つのみです。

新しいテンプレートをインストールしたら、サイトでプレビューし、ご自分のコンテンツがどのように表示されるかを確認できます。切り替えることを決定したら、公開テンプレートに設定できます。テンプレートをプレビューする際には、次の点にご注意ください。

• ログインしている場合、プレビュー テンプレートはご自身にのみ表示されます。
• 訪問者にはプレビュー テンプレートは表示されません。
• 公開サイトには特定の変更が表示されます。

インストール済みの他のテンプレートに保存されているデザインやレイアウトの変更を失うことなく、どのテンプレートでもテストすることができます。たとえば、お使いのテンプレートがBedfordで、Brineをテストする場合、コンテンツを削除または移動していない限りはBedfordに戻したときに元のテンプレートが表示されます。

その後の流れ

テンプレートのプレビューに加えられた変更の一部は、公開サイトに影響を与え、テンプレート間で転送されます。その他の変更は、新しいテンプレートを公開するまでプレビューでのみ表示されます。

準備が整うまで公開サイトに変更が表示されないようにするには、テンプレート固有の変更のみを行ってください。新しいページを追加するか、コンテンツを再び作成する手間を省くためにページを複製できます。サイトをシークレット モードで閲覧し、訪問者にどのようにサイトが表示されるかを確認することもできます。

テンプレート固有	テンプレート固有ではない
サイト スタイルの変更 (フォントや色など) カスタムCSS ナビゲーション リンクの順序 ([リンクなし] セクションに出入りするページ) トップページの設定 サイドバー コンテンツ フッター コンテンツ ページ ヘッダーとページ フッター 背景画像 テンプレートのデモ コンテンツ	ページとそのコンテンツ ブロック ブログ投稿 ギャラリーの画像 商品 イベント アルバム トラック ページ設定 (アイキャッチ画像やURLなど) ロゴまたはサイトのタイトル ページとSEOタイトル コード挿入に追加したコード ページ パネルで削除されたページ

特設ページ

一部のページ タイプは、特定のテンプレートでのみ使用できます。お使いのページ タイプをサポートしていないテンプレートに切り替えると、以下のようになります。

• インデックス ページ - インデックスはドロップダウンに変換されます。
• 情報ページ - 情報ページは表示されません。情報ページをトップページとして使用している場合は、テンプレートを切り替える前にトップページを他のページ タイプに変更してください。情報ページをサポートするテンプレートに切り替えると、情報ページが再び表示されます。
• プロジェクト ページ - プロジェクト ページはギャラリー ページに変換されます。

テンプレートを切り替える

バージョン7.0サイトのテンプレートを切り替える前に、次の点にご注意ください。

• 複数のテンプレートの機能を組み合わせて使用することはできません。
• このプロセスを繰り返すことでインストールできるテンプレートの数に制限はありませんが、各テンプレートは1度のみしかインストールできません。
• テンプレートをプレビューすると、ログイン時またはドメインへの接続時にエラーが発生する場合があります。これらの問題が発生した場合は、テンプレートのプレビューをキャンセルしてください。
• 表示されるテンプレート オプションは、サイトの言語設定によって異なります。たとえば、サイト用言語がフランス語に設定されている場合、フランス語のデモ テキストを含む厳選されたテンプレートの選択肢が表示されます。厳選された選択肢以外のテンプレートに切り替えるには、テンプレートを切り替える前にサイト用言語を英語に変更してください。
• 開発者モードでは、テンプレートを切り替えたり、サイトのテンプレートの更新情報を受信したりすることはできません。
• カバー ページにはテンプレートではなくレイアウトが使用されます。レイアウトは、どのテンプレートを使用しているかにかかわらず、すべてのバージョン7.0サイトで使用できます。

ステップ1 - レイアウトの変更に備える

テンプレートを切り替える前に、その後の流れを確認しておくことをおすすめします。次のいずれかの機能がサイトで重要な役割を果たしている場合は、それらの機能をサポートするテンプレートを選択することを検討してください。以下のリンクから、各機能をサポートするテンプレート一覧を確認できます。

• サイドバー
• バナー
• 背景画像
• ページ ヘッダーまたはフッター
• フッター ナビゲーション
• インデックス ページ

ヒント: サイドバー、背景画像、ページ ヘッダー、およびページ フッターは、新しいテンプレートではリセットされます。これらのエリアには、新しいテンプレートでコンテンツを再追加する必要があります。

ステップ2 - 新しいテンプレートをインストールする

新しいテンプレートをインストールする方法は次の通りです。

1. [デザイン] パネルを開き、[テンプレート] をクリックします。
2. [新しいテンプレートをインストール] をクリックします。
3. 利用可能なテンプレートを参照します。気に入ったものが見つかったら、その上にカーソルを合わせて [このデザインで始める] をクリックします。

これで、テンプレートが [テンプレート] パネルの公開テンプレートの下に表示されるようになります。

ステップ3 - テンプレートをプレビューする

テンプレートをプレビューする準備ができたら、テンプレートにカーソルを合わせて [プレビュー] をクリックします。ログインすると、以下の変更が表示されます。

• 新しいテンプレートのメイン ナビゲーションには、そのテンプレートでお客様のカスタム コンテンツを表示する前にテンプレートの構造とスタイル オプションの例を確認できるデモ コンテンツのシリーズが読み込まれます。これらはサイト訪問者には表示されません。
• サイトの既存のページは、[ページ] パネルの [リンクなし] セクションに移動します。テンプレートを設定するときに、これらをメイン ナビゲーションに移動できます。

プレビューをキャンセルして公開テンプレートに戻るには、下部のバーの [プレビューをキャンセル] をクリックします。このテンプレートに加えた変更はすべて保存されます。

ステップ4 - ページを移行する

プレビュー モードでサイトの編集を開始するには、[ページ] パネルを開きます。デモ コンテンツを削除し、ページを [リンクなし] セクションから他のナビゲーション エリアに移動します。テンプレートを公開するまで、訪問者にはこれらの変更は表示されません。

• プレビュー モードでのページの削除は公開サイトに影響するため、おすすめしません。代わりに、新しいテンプレートを公開する準備ができるまで、それらのページを [リンクなし] セクションに移動してください。
• 「お探しのページが見つかりませんでした。」というメッセージが表示される場合は、トップページが設定されていることをご確認ください。

ステップ5 - テンプレートのスタイルを設定する

サイト スタイルを使用して、フォント、色、背景、パディングなどを含むテンプレートのデザインを編集します。各テンプレートには独自のスタイル設定オプションがあるため、一部のオプションは以前のテンプレートとは異なるものになります。テンプレートを公開するまで、これらの変更、またはフッターやサイドバーの変更は訪問者には表示されません。

ステップ6 - テンプレートを公開する

テンプレートをサイトの新しい外観に設定する準備ができたら、次を実行します。

1. サイトの任意のページで、下部のバーにある [公開テンプレートとして設定] をクリックします。
2. 表示される警告メッセージ内で、[確認] をクリックします。

新しいテンプレートがサイト上で公開され、訪問者に表示されます。

テンプレートをアンインストールする

注: テンプレートをアンインストールする前に、そのテンプレートが廃止されていないかをご確認ください。廃止されている場合は、再インストールできません。

テンプレートをアンインストールすると、[テンプレート] タブから削除できます。テンプレートをアンインストールすると、スタイル、ナビゲーションの順序、サイドバー、フッター コンテンツなど、テンプレート固有の変更はすべて完全に削除されます。

1. [デザイン] パネルを開き、[テンプレート] をクリックします。
2. テンプレートがサイトで公開テンプレートに設定されている場合は、公開テンプレートを別のものに切り替えます。公開テンプレートをアンインストールすることはできません。
3. テンプレートにカーソルを合わせ、[アンインストール] をクリックします。
4. 表示されるメッセージ内で、[確認] をクリックします。

現在のテンプレートを再インストールする

サイト スタイルをリセットするさらに極端な方法として、テンプレートをアンインストールして再インストールし、サイト スタイルの変更をすべて削除する方法もあります。テンプレートを再インストールすると、テンプレートのデモ コンテンツが復元される場合があります。

まず初めに、別のテンプレートを一時的にインストールします。これが、他のテンプレートを再インストールする間の公開テンプレートになります。サイトがパスワードで保護されていない場合、このプロセスが処理されている間、訪問者には一時的なテンプレートのデモ コンテンツが表示されます。

新しいテンプレートをインストールした後に、次を実行してください。

1. [デザイン] パネルを開き、[テンプレート] をクリックします。
2. 元のテンプレートにカーソルを合わせて [アンインストール] をクリックし、[確認] をクリックします。
3. [新しいテンプレートをインストール] をクリックします。
4. 元のテンプレートをもう一度選択します。
5. [このデザインで始める] ボタンをクリックします。
6. [テンプレート] パネルで、テンプレートにカーソルを合わせて [プレビュー] をクリックし、[公開テンプレートとして設定] をクリックします。

複数のテンプレートを管理する

サイトに複数のテンプレートをインストールしている場合は、これらのヒントを参考にしてください。

• インストールしたテンプレートの種類を確認するには、[テンプレート] パネルを開きます。現在サイトで公開されているテンプレートがパネルの上部に表示され、名前の横に [公開中] ラベルが表示されます。
• 別のテンプレートをプレビューしている場合、[テンプレート] パネルでそのテンプレートに [プレビュー中] ラベルが表示されます。ログインしている場合、プレビューされたテンプレートの名前を示す下部バーも表示されます。
• インストール済みのテンプレートを見つけるには、キーボード ショートカットのCtrl + F (MacではCommand + F) を使用して、ブラウザーの検索バーを開きます。探しているテンプレートの名前を入力すると、パネルがそのテンプレートまでスクロールします。
• ?のキーボード ショートカットを使ってパネル間を移動することができます。これは、サイト上で各種テンプレートがどのように表示されるかを確認するのに役立ちます。

詳細を確認する

テンプレートがどのように機能するかを学ぶには、テンプレートをプレビューして様々な仕様を試してみるのが最適な方法です。以下より他のガイドも確認することをおすすめします。

• テンプレートの詳細情報については、テンプレート ガイドをご覧ください。
• テンプレートの仕組みの詳細については、「Squarespaceテンプレートについて」をご覧ください。
• 詳しくは、「テンプレートの切り替えに関するよくある質問」をご覧ください。
• Squarespaceを使用するプロのWebデザイナー向けの実用的なヒント、ネットワーキングやリソースをお探しの場合は、Squarespace Circleをご覧ください。

テンプレートの利用可否

サイトのテンプレートを切り替えるときは、テンプレート カテゴリーを使用してサイトに最適なデザインを特定します。「すべてのテンプレート」カテゴリーで利用可能なすべてのテンプレートを表示することもできます。

切り替える先のテンプレートが表示されない場合は、同じファミリーの別のテンプレートに切り替えてみるか、スタイル設定をリセットして最初からやり直すためのヒントに従ってください。テンプレートを切り替える場合、次のテンプレートは利用できません。

• Encore (Aviatorファミリー)
• Lincoln (Brineファミリー)
• Bryler (Pacificファミリー)
• Taylor (Yorkファミリー)

バージョン7.1でテンプレートを切り替えることができないのはなぜですか？

バージョン7.1ではテンプレートを切り替えることはできませんが、最初からやり直さずにいつでもサイトのコンテンツやスタイルを変更できます。たとえば、サイトの色やフォントを編集したり、異なるページ タイプを追加したりすることで、異なる外観を実現できます。

バージョン7.1は、テンプレートを切り替える必要がないように設計されているため、7.1サイトの作成時に選択するテンプレートは開始点にすぎません。バージョン7.1のすべてのサイトは、同じ機能とスタイル オプションを備えた同一のテンプレート ファミリーに属しています。

• 最初に使用したテンプレートをカスタマイズするためのヒントについては、「適切なテンプレートを選択する」をご覧ください。
• 新しいデザインで最初からやり直す際のヒントについては、「最初からやり直す」をご覧ください。