こんにちは。リトです。
- ブログをはじめてみたけどデザインがなかなか定まらない
- 肝心な記事よりカスタム優先になっている
ワードプレスのテーマのひとつ「SWELL」では公式ページにてデモサイトを6つ準備してくれてます。
![](https://23ritoblog.com/wp-content/uploads/2023/05/aicon2-e1684981454131-400x390.png)
どれもこれも本当におしゃれ!
実は私、ブログをはじめる時に見つけてしまったんです。
とってもタイプなブログを。
こんなブログにしたいなーと理想が膨らみ、
一生懸命調べては取り入れ調べては取り入れを繰り返していました。
そのかいあってもちろんテイストは近づきましたが、、、
「あれ?なにかが違う…」
この時を機に、自分でカスタムするのをスパッとやめてSWELLが提供しているデモサイトを導入することにしました。
![](https://23ritoblog.com/wp-content/uploads/2023/05/aicon2-e1684981454131-400x390.png)
![](https://23ritoblog.com/wp-content/uploads/2023/05/aicon2-e1684981454131-400x390.png)
![](https://23ritoblog.com/wp-content/uploads/2023/05/aicon2-e1684981454131-400x390.png)
こんな素敵なら最初から導入すればよかったなー
このデモサイト、SWELLの会員登録している方ならいつでもどなたでも簡単に導入することができます。
難しい操作要らずで10分もあれば導入完了!
なので子育てに忙しくてブログのカスタムに時間がないパパママやブログ初心者さん
10分でシンプルおしゃれでそして読者さんが見やすいブログを作ることができますよー!
この記事でわかること
- SWELLのデモサイトの種類
- デモサイトへの着せ替え手順
- エラー発生時の対処法
デモサイトへの着せ替え手順だけでなく、私自身導入時困ったこととその対処法もわかりやすく解説していきますのでご参考になればうれしいです。
\私も愛用しているSWELL/
![](https://image.moshimo.com/af-img/3130/000000053841.jpg)
![](https://image.moshimo.com/af-img/3130/000000053841.jpg)
ブログの開設自体がまだという方はこの機会にささっと開設しておきましょう。
私のおすすめサーバーはConoHa WING(コノハウィング)!
今なら2023年8月1日(火)16時までの期間「HappySummerキャンペーン」を開催してます。
キャンペーン期間中にレンタルサーバーの料金タイプ「WINGパック」の12カ月以上を新規で申し込むと通常料金から最大55%OFF、月額652円からWINGパックを利用できるからお得だよー☆
良かったらこの機会に!
![](https://image.moshimo.com/af-img/1762/000000038394.png)
![](https://image.moshimo.com/af-img/1762/000000038394.png)
SWELLは無料でおしゃれなデモサイトに着替えることができる
SWELLは6つのデモサイトを無料で配布してくれています。
このデモサイトを導入すると、カスタムする手間が省けてはじめから出来上がったサイトでブログ運営することができます。
でもやっぱり1番のメリットは
「今から記事を書くことができる!」
ブログで稼ぎたい方は兎にも角にも記事がないことには稼ぐことができないので、
まずはデモサイトであなたのサイトを整えてから記事を書きはじめましょう。
もちろんあとからでも色を変えたりデザインを好みに調整することもできるので安心してくださいね。
一方でブログをただただ楽しみたい!
そんな方はカスタムも時間をかけて楽しんで全然OKだと思います。
デモサイトへの着せ替えはSWELL会員登録が必須。
この機会に登録してみましょう!
SWELLのデモサイトへの着せ替え手順
こちらがSWELLが無料配布してくれているデモサイトです。
SWELL公式引用
![](https://23ritoblog.com/wp-content/uploads/2023/05/aicon7-e1685076501298-400x390.png)
![](https://23ritoblog.com/wp-content/uploads/2023/05/aicon7-e1685076501298-400x390.png)
![](https://23ritoblog.com/wp-content/uploads/2023/05/aicon7-e1685076501298-400x390.png)
シンプルイズベスト!!!
手順を見ながら進んでもらうだけで着せ替えできますので、
ブログ初心者さんや忙しい方も安心してくださいね。
SWELL会員サイトからデモサイトをダウンロードする
SWELL会員サイト「SWELLERS」のマイページをクリックしましょう。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-26_19h13_49-1024x410.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-26_19h13_49-1024x410.png)
メールアドレス、パスワード、captchaコードを入力してログインをクリックしましょう。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-26_19h22_16-1024x441.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-26_19h22_16-1024x441.png)
マイページが開くので下の方へスクロールするとSWELLのデモサイトデータ(デザイン着せ替えファイル)一覧が出てくるのでクリックしましょう。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-26_19h27_24.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-26_19h27_24.png)
見出しデモデータのインストール方法までスクロールし、着せ替えしたいデモデータをクリックしてダウンロードします。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_10h16_48.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_10h16_48.png)
ダウンロードした.zipファイルを解凍して.dat拡張子のファイルにします。ファイルを開くと.zipが外れて.dat拡張子のファイル「swell_demo〇〇.dat」になりますのでこの.datを使います。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_10h45_17.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_10h45_17.png)
プラグイン「Customizer Export/Import」をインストール
デモサイトのデザインに着せ替えするには「Customizer Export/Import」というプラグインを使います。
プラグインのインストールはすぐに終わりますので手順を見ながら順番に進めていってくださいね。
プラグインってなに?
プラグインとはソフトウェアに追加の機能や機能拡張を提供するための追加コードのこと。
携帯電話のアプリを想像するとわかりやすいと思います。
必要な機能の追加やカスタマイズが簡単にできて、より使いやすくなっていきます。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h00_36-1-1024x557.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h00_36-1-1024x557.png)
右上の検索窓をクリックして「Customizer Export/Import」と入力していきます。
入力すると、自動的に検索が開始し検索結果が表示されます。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h03_26-1024x580.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h03_26-1024x580.png)
今すぐインストールをクリックして有効化もクリックする。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h07_46-1024x589.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h07_46-1024x589.png)
着せ替えデータをインストールする
はじめにダウンロードした着せ替えデータをインストールしていきましょう。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h12_34-1024x585.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h12_34-1024x585.png)
メニューの一番下にあります。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h15_05.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h15_05.png)
はじめにダウンロードしたデモサイトのファイルを選択して「開く」をクリックしましょう。
「swell_demo〇〇.dat」
最後に「画像ファイルをダウンロードしてインポートしますか?」に☑して「インポート」をクリック
しておしまいです。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h15_16.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_11h15_16.png)
エラーが出た時の対処法
カスタマイズして保存しようとした時、なんらかのエラーで保存がうまくできない時があるみたいです。
![](https://23ritoblog.com/wp-content/uploads/2023/05/aicon2-e1684981454131-400x390.png)
![](https://23ritoblog.com/wp-content/uploads/2023/05/aicon2-e1684981454131-400x390.png)
![](https://23ritoblog.com/wp-content/uploads/2023/05/aicon2-e1684981454131-400x390.png)
私も初カスタマイズの時、エラーがでて調べてみました。
この時、試してほしい対処法をご紹介しますね。
私自身、これで解決しましたのでぜひやってみて下さい。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_12h11_21.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_12h11_21.png)
左のメニューから「サイト管理」→「サイトセキュリティ」→中央にある「WAF」をクリック。
すると、WAFの下に「利用設定」の項目があるので「OFF」にしましょう。
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_12h14_43-1024x409.png)
![](https://23ritoblog.com/wp-content/uploads/2023/07/2023-07-27_12h14_43-1024x409.png)
⚠カスタマイズが終わったら「ON」に戻すことを忘れずに。
\サーバーといえばこちら/
![](https://www18.a8.net/0.gif?a8mat=3TCV2E+93GFHU+50+5SF00X)
![](https://www18.a8.net/0.gif?a8mat=3TCV2E+93GFHU+50+5SF00X)
まとめ:お気に入りのデモサイトに着せ替えをして、今よりブログを好きになろう!
今回はカスタムが苦手な方に向けて、SWELLのデモサイトへの着せ替えを図解を含めて解説させていただきました。
着せ替え手順はかんたん!
- SWELL会員サイトからデモサイトをダウンロードする
- プラグイン「Customizer Export/Import」をインストールする
- 着せ替えデータをインストールする
記事を書くのが先!とわかっていても、
読者の方が見やすいサイトにしたいなーとか
お気に入りのサイトにしたいなーと思いますよね。
もちろんお気に入りのサイトになればテンションも上がって効率も上がると思います。
でも、「ブログで稼ぎたい」そんな思いが少しでもあるなら
あとから色を変えたりデザインを好みに調整することもできるので
安心してひとまず「記事を書きましょう!」
とにかく「ブログに慣れること」が大切。
せっかくブログを開設したのだから、ゆっくりでもいいのでお気に入りにサイトに
成長させていきましょうね。
最後までお読みいただきありがとうございました。
![](https://23ritoblog.com/wp-content/uploads/2023/06/19561C90-948D-4061-9FDE-655E4E183045.png)
![](https://23ritoblog.com/wp-content/uploads/2023/06/19561C90-948D-4061-9FDE-655E4E183045.png)
![](https://23ritoblog.com/wp-content/uploads/2023/05/837DE967-692A-4CFB-8B4A-797E2C8647D4.png)
![](https://23ritoblog.com/wp-content/uploads/2023/05/837DE967-692A-4CFB-8B4A-797E2C8647D4.png)
![](https://23ritoblog.com/wp-content/uploads/2023/04/アイキャッチ-1.png)
![](https://23ritoblog.com/wp-content/uploads/2023/04/アイキャッチ-1.png)