Squarespaceテンプレートの変更方法：7.0と7.1の手順

Squarespaceのテンプレート変更方法を解説。7.1ではテンプレートの切り替えができず、7.0なら可能です。それぞれの手順、引き継がれる内容、切り替え前のチェックリストを紹介します。

よくある質問

Squarespace 7.1でテンプレートを変更できますか？

できません。Squarespaceによると、7.1ではすべてのサイトが同じ基本構造とスタイルオプションを共有しているため、テンプレートの切り替え機能はありません。見た目を変えたい場合は、別のテンプレートをインストールするのではなく、フォント、カラー、余白、ページレイアウトを調整します。

自分のサイトが7.0か7.1かを確認するには？

Pages（ページ）パネルを開き、一番下までスクロールします。7.1のサイトには「Version 7.1」というラベルが表示されます。7.0のサイトには、代わりにテンプレート名が表示されます。

7.0でテンプレートを切り替えると、コンテンツは消えますか？

Squarespaceによると、コンテンツの大部分はそのまま残ります。スタイル設定（フォント、カラー、余白）は新しいテンプレートの初期値に戻り、サイドバー、フッター、ページヘッダー、背景画像、カスタムCSSなどは期待どおりには引き継がれません。以前のテンプレートに戻せば、そのときの状態が復元されます。

新しいテンプレートを公開前にプレビューできますか？

はい、7.0なら可能です。テンプレートをインストールしたら、Template（テンプレート）パネルでそのテンプレートにカーソルを合わせ、Preview（プレビュー）をクリックします。下部のバーにあるCancel preview（プレビューをキャンセル）をクリックすると、公開中のテンプレートに戻ります。Set as live template（公開テンプレートに設定）をクリックするまで、訪問者に見える内容は変わりません。

7.0から7.1への移行を元に戻せますか？

公開後は戻せません。Squarespaceによると、Publish update（更新を公開）をクリックする前ならいつでも中止できますが、一度クリックすると変更を取り消すことも、バージョン7.0に戻すこともできません。

結論： サイトのバージョンによって異なります。Squarespace 7.0では、Design（デザイン）パネルからテンプレートを切り替えられます。Templateを開き、Install new templateをクリックしてプレビューし、Set as live templateをクリックするだけです。Squarespace 7.1ではすべてのサイトが同じ構造を共有しているため、テンプレートの切り替え自体ができません。フォント、カラー、レイアウトを調整して見た目を変えます。まずは、自分のサイトがどちらのバージョンかを確認しましょう。

ステップ1：サイトのバージョンを確認する

Pagesパネルを開き、一番下までスクロールします。Version 7.1というラベルがあれば7.1です。テンプレート名（Brine、Five、Marqueeなど）が表示されていれば7.0です。以降の手順は、この確認結果によって分かれます。

バージョン7.0バージョン7.1
テンプレートを切り替えられる？はいいいえ（切り替え先のテンプレートがありません）
見た目の変更方法新しいテンプレートをインストールし、プレビューして公開するフォント、カラー、余白、セクションレイアウトを編集する
事前にプレビューできる？はい（PreviewとCancel previewを使用）編集内容がその場で確認できる
カスタムCSSテンプレートごとに固有で、新しいテンプレートでは空になるサイトに引き継がれる
元に戻せる？はい（以前のテンプレートに戻せば元の状態が復元される）スタイルの編集は何度でもやり直せる

Squarespace 7.0でテンプレートを変更する方法

  1. Designパネルを開き、Templateをクリックします。
  2. Install new templateをクリックし、Start withで好きなテンプレートを選びます。
  3. 新しいテンプレートは、Templateパネルの公開中テンプレートの下に表示されます。この時点では、訪問者には以前のテンプレートが表示されたままです。
  4. テンプレートにカーソルを合わせてPreviewをクリックします。各ページを見て回り、崩れている箇所をメモしておきましょう。
  5. 気に入らない場合は、下部のバーでCancel previewをクリックすれば、公開中のテンプレートに戻ります。
  6. 気に入った場合は、下部のバーでSet as live templateをクリックし、確認します。
  7. リセットされた部分を作り直し（次のセクションを参照）、すべてのページをモバイル表示で再確認します。

テンプレートの切り替えは元に戻せます。Squarespaceによると、以前使っていたテンプレートに戻せば、デザインの変更内容やスタイル設定は最後に使っていた状態で復元されます。

7.0で引き継がれるもの、引き継がれないもの

Squarespaceによると、切り替えてもコンテンツの大部分はそのまま残ります。ただし、次の項目は引き継がれません。

  • スタイル設定： フォント、カラー、余白などのスタイルは、新しいテンプレートの初期値に戻ります。
  • サイドバーとフッター： テンプレートごとに固有のため、内容を入れ直す必要があります。
  • ページヘッダーと背景画像： 新しいテンプレートではリセットされるので、改めて追加します。
  • カスタムCSS： 作成したテンプレートに紐づいています。新しいテンプレートのCSSエディタは空の状態から始まるため、切り替える前に現在のCSSのコピーを保存しておきましょう。

テンプレートによっては、他にはない独自機能もあります。たとえば、Aviatorのinfoページは、他の7.0テンプレートにも7.1にも引き継がれません。

Squarespace 7.1でテンプレートを「変更」する方法

テンプレートの切り替え機能がないため、同じサイト内でデザインを作り替えることが、実質的な代わりになります。

  1. サイトスタイルのパネルを開き、まずフォントとカラーパレットを変更します。これだけでもサイト全体の印象が大きく変わります。
  2. 新しい雰囲気に合わせて、余白とボタンのスタイルを調整します。
  3. ページのセクションを見直します。セクションのレイアウトを入れ替えたり、並べ替えたり、別のセクション構成でトップページを作り直したりします。
  4. ヘッダーとフッターのレイアウトを更新します。
  5. 公開する前に、すべてのページをスマートフォンで確認します。

まったく別の構成から始めたい場合は、Squarespaceのヘルプセンターに、サイトを作り直す方法が説明されています。何かを削除する前にそのページを読み、新しいサイトが完成するまでは現在のサイトを公開したままにしておきましょう。

7.0から7.1への移行

7.0を使っていて、7.1の共通機能を使いたい場合は、Squarespaceが提供するアップデートツールを利用できます。コンテンツを7.1の最も近い要素に移し、似たデザインになるよう調整してくれます。移行は任意で、Publish updateをクリックする前ならいつでも中止できます。クリックした後は、変更を取り消すことも7.0に戻すこともできません。一方通行の変更だと考え、プレビューをしっかり確認してください。

切り替え前のチェックリスト

メモにコピーして、公開前にチェックしていきましょう。

`` [ ] Pagesパネルでバージョン（7.0か7.1）を確認した [ ] カスタムCSSをドキュメントに保存した（7.0） [ ] 主要ページのサイドバー、フッター、ページヘッダーをスクリーンショットで保存した [ ] 背景画像とロゴファイルを保存した [ ] 新しいテンプレートをプレビューし、ホーム、会社概要、お問い合わせ、ブログ、ショップを確認した [ ] すべてのページをスマートフォンとタブレットの幅で確認した [ ] フッター、サイドバー、ヘッダーの内容を入れ直した [ ] フォーム、ボタン、ナビゲーションのリンクを再確認した [ ] Set as live templateをクリックした（7.0）、またはスタイルの編集を公開した（7.1） [ ] プライベートブラウザウィンドウで公開サイトを確認した ``

切り替え後によくある問題

  • 全体的に地味になった。 スタイルがリセットされたためです。新しいテンプレートのスタイルオプションで、フォント、カラー、余白を設定し直してください。
  • ページヘッダーやバナーが消えた。 追加し直してください。ページヘッダーは引き継がれません。
  • CSSの調整が効かなくなった。 CSSエディタはテンプレートごとに独立していて、最初は空です。以前のコードを貼り付けて調整してください。新しいテンプレートはマークアップが異なる場合があります。
  • 変更を後悔している。 7.0なら、以前のテンプレートに切り替えれば、Squarespaceによると離れたときの状態に戻ります。

テンプレートの変更だけでは足りないとき

テンプレートの制約に悩まされ続けるなら、原因はテーマではなくプラットフォームにあるのかもしれません。Squarespaceの代替サービスで選択肢を比較したり、WixとSquarespaceの比較やSquarespaceとWordPressの比較を確認したり、Squarespaceサイトの費用で実際の運用コストをチェックしたりしてみてください。新しいデザインから始めたい場合、We.Incの無料プランなら、用意されたテンプレートから最大3つのサイトを公開できます。プロンプトからサイトの下書きを作るAIビルダーは、月額$20のStarterプランから利用できます。こちらから登録できます。

無料で始める · クレジットカード不要

Umair Ali Sadaqat

We.Inc創業者

UmairはWe.Incの創業者です。AIによるウェブサイト制作、制作会社、ウェブ制作スタジオの経営について執筆しています。

素晴らしいものを作る準備はできましたか？

立ち上げ、成長、自動化のすべてを1つのプラットフォームで行う15,000+社がWe.Incを利用しています。

無料で始める

クレジットカード不要 · 営業担当に相談する

関連: ブログ｜デジタルマーケティングと集客のヒント

製品

ご利用いただける方

機能

リソース

会社情報

サイトマップを見る