こんにちは、さいそん(@saison_program)です。
この記事では、SWELLが用意している「デモサイト」の着せ替え方法について詳しく解説をしています。
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
SWELLをダウンロードしたけれどもどうやってデモサイトに着せ替えるの?
このような疑問や悩みに答えていきます!
- SWELLのデモサイトの種類
- SWELLのデモサイト着せ替え方法
執筆者情報
![](https://saison-blog.com/wp-content/uploads/2022/03/さいそんブログ管理人-3-1024x427.png)
![](https://saison-blog.com/wp-content/uploads/2022/03/さいそんブログ管理人-3-1024x427.png)
おしゃれなブログを誰でも簡単に作成することができる大人気WordPressテーマ「SWELL」ではあらかじめ用意されているデモサイトの装飾を利用することができます。
ブログの外観をSWELLが用意しているデモサイトのものを利用したいと考えている方向けに画像付きで詳しく解説をしていますのでぜひ着せ替え機能を使ってみましょう。
SWELLの購入を検討している方は下記の記事も参考にしてみてくださいね。
ではさっそく内容に入っていきましょう!
SWELLのデモサイトは全6種類
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo01_3-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo01_3-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo02_3-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo02_3-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo03_3-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo03_3-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo04_3-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo04_3-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo05_3-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo05_3-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo06-1024x583-1.jpeg)
![](https://saison-blog.com/wp-content/uploads/2022/03/swell_demo06-1024x583-1.jpeg)
SWELLが用意しているデモサイトは上画像の全6種類のラインナップとなっています。
SWELLのデモサイトには「ブログ型」と「サイト型」の両方が用意されているので用途に応じてすぐに利用可能です。
あなたが利用してみたいデモサイトの種類を選んで簡単な設定ですぐにおしゃれなブログへと変身させることができるので次の項目で具体的な操作方法を紹介していきますね。
SWELLデモサイト着せ替えの方法
![](https://saison-blog.com/wp-content/uploads/2022/04/team-meeting-teamwork-team-spirit-concept-free-vector.jpg)
![](https://saison-blog.com/wp-content/uploads/2022/04/team-meeting-teamwork-team-spirit-concept-free-vector.jpg)
SWELLのデモサイトの着せ替えはたった3分で完了させることができます。
具体的には下記のステップで設定をしていきます↓
- 「Customizer Export/Import」をインストール(プラグイン)
- SWELL会員サイトからデモサイトをダウンロード
- SWELLカスタマイズでデモサイトをインポート
それぞれの手順を画像付きで解説をしていきますね。
1.「Customizer Export/Import」をインストール(プラグイン)
デモサイトをインストールする際には専用のプラグイン「Customizer Export/Import」のインストールが必要です。
プラグインのインストール自体は簡単ですので以下の手順でサクッとインストールしてしまいましょう。
![](https://saison-blog.com/wp-content/uploads/2022/03/プラグイン新規追加.png)
![](https://saison-blog.com/wp-content/uploads/2022/03/プラグイン新規追加.png)
![Customizer ExportImport](https://saison-blog.com/wp-content/uploads/2022/04/Customizer-ExportImport1.png)
![Customizer ExportImport](https://saison-blog.com/wp-content/uploads/2022/04/Customizer-ExportImport1.png)
![Customizer ExportImport](https://saison-blog.com/wp-content/uploads/2022/04/Customizer-ExportImport2.png)
![Customizer ExportImport](https://saison-blog.com/wp-content/uploads/2022/04/Customizer-ExportImport2.png)
2.SWELL会員サイトからデモサイトをダウンロード
SWELL会員サイト「SWELLERS’」からデモサイトをダウンロードしていく手順は下記の通りです↓
着せ替えたいデモサイトをクリックするとzipファイル形式でPCに保存されます。
![デモサイトダウンロード](https://saison-blog.com/wp-content/uploads/2022/04/デモサイトダウンロード.png)
![デモサイトダウンロード](https://saison-blog.com/wp-content/uploads/2022/04/デモサイトダウンロード.png)
※Macをご利用の場合はダウンロードされたzipファイルをダブルクリックすると自動的に解凍されてdat拡張子形式で保存されます。
「swell_demo01.dat」といったファイルを確認できればOKです。(01の部分はダウンロードしたデモサイトの番号となります)
以上でデモサイトのファイルのダウンロードは完了です。あとはWordPressにデモサイトファイルをインポートするだけですのであと少し作業をしていきましょう!
3.SWELLカスタマイズでデモサイトをインポート
最後に下記の手順でデモサイトをWordPressにインポートしていきます。
![SWELLカスタマイズ](https://saison-blog.com/wp-content/uploads/2022/04/SWELLカスタマイズ.png)
![SWELLカスタマイズ](https://saison-blog.com/wp-content/uploads/2022/04/SWELLカスタマイズ.png)
![デモサイトインポート](https://saison-blog.com/wp-content/uploads/2022/04/デモサイトインポート.png)
![デモサイトインポート](https://saison-blog.com/wp-content/uploads/2022/04/デモサイトインポート.png)
![ファイルを選択](https://saison-blog.com/wp-content/uploads/2022/04/ファイルを選択.png)
![ファイルを選択](https://saison-blog.com/wp-content/uploads/2022/04/ファイルを選択.png)
![デモサイトファイルの選択](https://saison-blog.com/wp-content/uploads/2022/04/デモサイトファイル.png)
![デモサイトファイルの選択](https://saison-blog.com/wp-content/uploads/2022/04/デモサイトファイル.png)
![インポート実行](https://saison-blog.com/wp-content/uploads/2022/04/インポート実行.png)
![インポート実行](https://saison-blog.com/wp-content/uploads/2022/04/インポート実行.png)
![プラグイン削除](https://saison-blog.com/wp-content/uploads/2022/04/プラグイン削除.png)
![プラグイン削除](https://saison-blog.com/wp-content/uploads/2022/04/プラグイン削除.png)
サイトが重くならないように不要なプラグインは削除しておくようにすることをおすすめします。
以上でSWELLのデモサイトへ着せ替えが完了です。お疲れさまでした!
まとめ:SWELLのデモサイトでブログをおしゃれにしよう
今回はSWELLのデモサイトを利用してブログを着せ替える方法について詳しく解説をしました。
- 「Customizer Export/Import」をインストール(プラグイン)
- SWELL会員サイトからデモサイトをダウンロード
- SWELLカスタマイズでデモサイトをインポート
以上の手順で誰でも簡単にデモサイトを利用することができますので装飾の手間を省きたかったり、カスタマイズが苦手な方はぜひ利用してみてください。
下記の記事ではSWELLの高機能な装飾「テーブルブロック」の使い方について画像付きで詳しく解説をしていますので参考にしてみてくださいね。