SWELLのデモサイトを試してみたものの、「思っていたのと違う…元の状態に戻したい」と焦っていませんか?
この記事では、SWELLのデモサイトを元に戻したい人向けに、バックアップの有無ごとの戻し方や、デモだけ片付ける方法などを分かりやすく整理してお伝えします。
結論から言うと、SWELLのデモサイトを戻す方法は「バックアップから戻す」「リセットで初期化する」「デモ部分だけ片付ける」の3パターンに分けて考えると、安全に進めやすくなります。
SWELLのデモサイトを戻す前に知っておきたいこと

ここでは、デモサイトを戻す前に「自分はどの状態に戻したいのか」を一度整理しておきます。なんとなく操作してしまうと、取り返しのつかないリセットを押してしまうこともあるので、最初にゴールをはっきりさせておきましょう。
SWELLのデモサイトを戻したい人のよくあるケース
まずは、よくあるパターンを表にまとめてみます。自分がどれに近いかイメージしながら見てみてください。
| パターン | 戻したい状態 | バックアップの有無 | 主な戻し方のイメージ |
|---|---|---|---|
| ① | デモを適用する前の、自分で整えたデザイン | ある | カスタマイザーのエクスポートデータをインポートして戻す |
| ② | SWELLを入れた直後の、ほぼ初期状態のデザイン | ない | SWELLのリセット機能でカスタマイザーを初期化して戻す |
| ③ | デモの見た目だけ消して、記事やカテゴリーはそのまま | ある・ないどちらもあり | デモ用のページやメニュー、ウィジェットを手動で片付けて戻す |
自分の状況がどのパターンに近いか、なんとなく分かってきたでしょうか。このあと、それぞれのケースごとに、具体的な「戻し方」を順番に説明していきます。
SWELLのデモサイトを戻すときの注意点と前提
SWELLのデモサイトを元に戻す前に、次のポイントは必ず押さえておきたいところです。
- リセット系の操作は、一度実行すると基本的に元に戻せない
- 戻せるのは主に「カスタマイザーの設定」で、記事本文や画像は別管理になっている
- レンタルサーバーのバックアップが有効なら、最悪そこからサイト全体を巻き戻すこともできる
特に注意したいのが、SWELL設定の中にある「カスタマイザーを初期状態に戻す」系のボタンです。これは押した瞬間、色やレイアウトなどの設定がテーマの初期状態に戻る、かなり強力な機能です。
ボタンを押す前に、「どこまで戻るのか」「本当にやっていいのか」をこの記事でイメージしてから進めてください。
SWELLのデモサイトを戻す方法は3パターンある

ここからは、SWELLのデモサイトを戻す方法を3つのパターンに分けて解説します。先ほどの表と照らし合わせながら、自分に合うルートを選んでください。
パターン1:バックアップありでSWELLのデモサイトを戻す
デモを適用する前に、カスタマイザーの設定をエクスポートして保存している人は、この方法が一番安全です。まずは、自分のパソコンやクラウドの中に、エクスポートしたファイルがないか探してみてください。
ファイル名は「swell-export」や「customizer-backup」など、人によって違いますが、拡張子が「.dat」になっていることが多いです。もし見つかったら、そのデータを使ってデモを適用する前の状態に近づけることができます。
パターン2:バックアップなしでSWELLのデモサイトを戻す
エクスポートをしていないまま、勢いでデモを適用してしまった人も多いと思います。私も最初はそうでした。この場合は、SWELL設定に用意されているリセット機能を使って、テーマの初期設定に近い状態まで戻すことになります。
イメージとしては、次のような感じです。
- カスタマイザーで設定した色やフォント、ヘッダーやフッターのレイアウトは初期状態に戻る
- 投稿記事や固定ページの本文、アップロードした画像などは基本的にそのまま残る
一度に見た目がガラッと変わるので少しドキッとしますが、事前に準備をしておけば、リセット後に落ち着いて整え直すことができます。このあと、チェックリスト付きで具体的な手順を紹介します。
パターン3:デモだけ消してSWELLのサイト構成を戻す
「デモの派手なトップページはもういらないけれど、記事やカテゴリー、プロフィールはそのまま使いたい」という人は、このパターンになります。全部リセットするのではなく、「デモ由来の部分だけを自分用に片付けていく」イメージです。
たとえば、次のような作業を組み合わせることで、デモっぽさを消すことができます。
- デモ用に自動で作られた固定ページを整理する
- デモ用メニューを自分のメニュー構成に作り替える
- サイドバーやフッターに入ったデモ用のウィジェットを削除する
- トップページのスライダーや大きな画像をオフにしたり、差し替えたりする
この方法なら、リセットボタンを押さずに済むので、できるだけリスクを減らしたい人に向いています。
バックアップありでSWELLのデモサイトを元に戻す手順

ここからは、カスタマイザーのバックアップが手元にある場合の戻し方を詳しく説明します。操作自体は難しくないので、管理画面を開きながらゆっくり進めていきましょう。
カスタマイザーのバックアップからSWELLのデモサイトを戻す流れ
カスタマイザーのエクスポートデータを使って、デモ適用前の状態に近づけるおおまかな流れは次のとおりです。
- WordPressの管理画面にログインする
- 「外観」→「カスタマイズ」を開く
- SWELLのカスタマイザー内から、エクスポート/インポート用のメニューを探して開く
- 「ファイルを選択」ボタンから、保存しておいたエクスポートファイル(.datなど)を選ぶ
- 「インポート」ボタンをクリックし、反映が終わるまで待つ
インポートが完了したら、別タブでサイトを開いて、色やレイアウト、ヘッダーやフッターの状態を確認してみてください。デモを適用する前にエクスポートしたものであれば、かなり近い状態まで戻せるはずです。
バックアップから戻せるもの・戻せないもの
ここで少しややこしいのが、「バックアップをインポートしたら、全部が完全に元通りになるわけではない」という点です。ざっくりした目安を表にまとめました。
| 項目 | 戻せるかどうか | 補足 |
|---|---|---|
| サイト全体の色・フォント | ほぼ戻る | カスタマイザーで設定していた配色や文字の雰囲気 |
| ヘッダー・フッターのレイアウト | ほぼ戻る | ロゴの表示位置やメニューの配置など |
| トップページのレイアウト | 多くの場合戻る | カスタマイザー側で制御している範囲は戻りやすい |
| 固定ページや投稿の本文 | 戻らない | 記事は記事としてデータベースに残っている |
| ウィジェットの細かい中身 | 戻らないことがある | テキストやバナーの内容は手動で整えたほうが早い場合も |
もし完全には元に戻らなくても、「大枠はバックアップで戻す」「細かい調整は手作業で整える」というスタンスで進めると、精神的にもかなり楽になります。
バックアップなしでSWELLのデモサイトを戻すリセット手順

次に、バックアップを取っていない状態から、SWELLのデモサイトを初期に近い状態へ戻す方法を紹介します。このやり方は、SWELLが用意しているリセット機能を使うことになるので、事前の準備がとても大事です。
SWELL設定からカスタマイザーをリセットして戻す
カスタマイザーのバックアップが一切ない場合、デモ適用で変わったデザインをまとめて戻すには、SWELL設定のリセット機能を使うのが現実的な方法です。おおまかな流れは次のようになります。
- WordPress管理画面で「SWELL設定」を開く
- 「リセット」タブや、それに近い名前の項目を見つける
- 「カスタマイザーを初期状態に戻す」などの説明が書かれたボタンを確認する
- 説明文を読み、どの範囲がリセットされるのかを理解する
- 問題なければボタンをクリックし、確認メッセージに同意して実行する
実行すると、カスタマイザーで設定していた内容がSWELLの初期値に戻ります。デモを適用したことで変わったデザインも、ここでかなりリセットされるはずです。
リセットで失敗しないためのチェックリスト
とはいえ、いきなりリセットボタンを押すのは勇気が要ります。失敗しないために、最低限次の項目は確認しておきましょう。
| チェック項目 | 確認の目安 |
|---|---|
| サーバーのバックアップ | レンタルサーバーの管理画面で、自動バックアップの有無と復元のルールを確認しておく |
| ロゴやバナー画像 | テーマにアップロードしただけで元ファイルがない場合は、PCやクラウドに控えを保存しておく |
| 重要なウィジェットの内容 | テキストウィジェットなどに長文を書いている場合は、メモ帳などにコピーしておく |
| カスタマイザーの設定メモ | こだわって調整した配色やフォント、余白などは、スクリーンショットを撮って残しておく |
ここまで準備できれば、「もしリセットして好みと違う見た目になっても、落ち着いてやり直せる」と思えるはずです。慎重にいきたい人は、ひとつずつチェックをつけながら進めてみてください。
デモだけ消してSWELLのサイト構成を戻す方法

この章では、「リセットまではしたくないけれど、デモ特有の見た目だけ片付けたい」という人向けに、部分的な戻し方を紹介します。少し手作業は増えますが、本番環境へのダメージを最小限にしやすい方法です。
固定ページ・メニュー・ウィジェットを整理して戻す
デモを適用すると、サンプル用の固定ページやメニュー、ウィジェットが一気に追加されます。これらを丁寧に整理していくだけでも、かなり自分のブログらしい見た目に戻せます。
代表的な「デモ由来の要素」と、その片付け方を表にまとめました。
| 場所 | デモで増えやすいもの | 戻し方の例 |
|---|---|---|
| 固定ページ | トップ用のランディングページ、サンプルページ、ダミー記事一覧など | 自分の運営に使わないページはゴミ箱に移動する |
| メニュー | デモ用のグローバルメニューやフッターメニュー | 自分用のメニュー構成に作り替えるか、使わないメニューは削除する |
| ウィジェット | サイドバーのダミープロフィール、テスト用の人気記事リストなど | 中身を書き換えて自分用にするか、ウィジェットごと削除する |
「どれがデモで増えたものか分からない」という場合は、デモ配布ページに載っているサンプルサイトと、自分のサイトを見比べてみると見つけやすいです。「このメニューはデモにもあったな」というものは、整理の候補にしていくと良いですよ。
トップページのレイアウトを戻す具体例
SWELLのデモサイトっぽさが一番出やすいのは、やはりトップページです。大きなスライダーやヒーロー画像、ピックアップバナーなどが目立っている場合は、ここを調整するだけでも印象がガラッと変わります。
トップページまわりを整えるときの流れの例は、次のとおりです。
- WordPress管理画面の「設定」→「表示設定」を開き、「ホームページの表示」を確認する
- 固定ページをフロントページにしているなら、元の「最新の投稿」に戻すかどうか検討する
- SWELLのカスタマイザーから、トップページのスライダーやピックアップバナーの表示設定を確認する
- 不要な背景画像やヒーロー画像があれば、非表示にするか、シンプルな画像に差し替える
もともと「普通のブログ型のトップページにしたかった」のか、「ややLP寄りのトップページにしたかった」のかによって、正解は変わります。迷ったときは、とりあえず大きなスライダーや派手な画像をオフにしてみて、「これくらいの落ち着きがちょうどいいな」と感じるところを探してみてください。
SWELLのデモサイトを戻すときのトラブル対処

ここからは、SWELLのデモサイトを戻そうとしているときによく起きるトラブルと、そのときに試してほしい対処法を紹介します。実際に私がハマったことのあるケースも含めてまとめました。
戻したのにデザインが変わらないとき
バックアップをインポートしたり、リセットを実行したりしたのに、「画面上は前のデザインのまま変わっていない」と感じることがあります。そんなときは、まず次の点をチェックしてみてください。
- ブラウザのキャッシュを削除してから、サイトを再読み込みする
- キャッシュ系プラグインを使っている場合は、一時的に停止してから表示を確認する
- SWELLの設定画面に、キャッシュ削除やリセット用のボタンがあれば実行する
特にキャッシュ関連のプラグインは、古いデザインの状態をそのまま表示し続けてしまうことがあります。私も以前、何度も設定を変えているのに画面が変わらず、最後にキャッシュを削除したら一気に反映された、という経験がありました。
それでもSWELLのデモサイトが戻らないときに試したいこと
キャッシュを消しても、バックアップやリセットを試しても、どうしても思うように戻らない場合もあります。そんなときに検討したい選択肢を、状況別に表にまとめました。
| 状況 | 試してみたい対処法 |
|---|---|
| 何をしてもレイアウトがぐちゃぐちゃなまま | レンタルサーバーの自動バックアップから、問題が起きる前の日付にサイト全体を復元できないか検討する |
| 原因が分からず、自分で調べても手が止まってしまった | SWELLのフォーラムやサポートに相談し、状況とこれまで試したことを書いてアドバイスをもらう |
| 本番環境を触るのが不安になってきた | テスト用の別環境(サブドメインやローカル環境など)を用意し、今後はそちらでデモやデザイン変更を試してから本番に反映する |
特に、サーバー側のバックアップが利用できる場合は、「無理に自力で直そうとして状況を悪化させる前に、落ち着いて復元する」という判断も大事です。どうしても行き詰まったら、一度手を止めて、復元や相談も視野に入れてみてください。
よくある質問|SWELLのデモサイトを戻すときの疑問

最後に、SWELLのデモサイトを元に戻そうとしている人からよく聞かれる質問と、その答えをまとめました。
Q1. SWELLのデモサイトを戻すときに、記事や画像は消えてしまいますか?
A. 基本的には、デモを戻す操作だけで記事や画像が消えることはありません。カスタマイザーのリセットやデモの適用・解除が影響するのは、主に「見た目」や「レイアウト」に関わる部分です。
ただし、サーバーのバックアップからサイト全体を復元する場合は、バックアップを取得した時点以降に投稿した記事やアップロードした画像が失われる可能性があります。そのため、どの方法で戻そうとしているのかを理解したうえで操作することが大切です。
Q2. バックアップを取っていない状態でも、SWELLのデモサイトを元に戻せますか?
A. カスタマイザーのエクスポートをしていなくても、SWELLのデモサイトを初期に近い状態へ戻すことは可能です。この場合は、SWELL設定のリセット機能を使ってデザインを初期化し、そのあとメニューやウィジェット、トップページを自分好みに整え直す流れになります。
ただし、一度リセットしたカスタマイザーの細かな設定は、元の値に自動で戻すことができません。今後デモを試すときは、事前にエクスポートで設定を保存しておくと、安心して色々なデザインを試せるようになります。
Q3. SWELLのデモサイトを戻す前に、最低限やっておくべきことは何ですか?
A. 私が個人的に「ここだけは押さえておきたい」と思うポイントは次の3つです。
- レンタルサーバーの管理画面で、自動バックアップの有無と復元方法を確認しておく
- ロゴやバナーなど、消えると困る画像データを自分のPCやクラウドにも保存しておく
- いまの見た目をスクリーンショットで何枚か残しておき、後から見比べられるようにする
これらを準備してから手を動かせば、もしイメージと違う結果になっても落ち着いて調整できますし、今後別のデモを試したくなったときにも役立ちます。
まとめ|SWELLのデモサイトを安全に戻すコツ
この記事のポイントを整理しておきます
- 「バックアップあり」「バックアップなし」「デモ部分だけ片付ける」の3パターンで考えると、自分に合う戻し方が見つけやすい
- カスタマイザーのバックアップがある場合は、エクスポートデータをインポートして元のデザインに近づけるのが一番安全
- バックアップがない場合は、SWELL設定のリセット機能を使う前に、サーバーバックアップや画像の控え、設定のスクリーンショットを準備しておく
- デモだけ消したいなら、固定ページ・メニュー・ウィジェット・トップページの設定を一つずつ見直していくのが効果的
- うまくいかないときは、キャッシュ削除やサーバーバックアップ、フォーラムやサポートへの相談も積極的に活用する
今日できる最初の一歩としては、「いまの状態のバックアップを取っておくこと」をおすすめします。カスタマイザーのエクスポートでも、サーバーのバックアップ状況の確認でも構いません。
一度「戻れる場所」を作っておけば、SWELLのデモサイトを戻すときも、これからデザインをどんどん変えていきたいときも、気持ちに余裕を持ってサイト運営を楽しめるようになります。




