![](https://yes-i-can.xyz/wp-content/uploads/2021/12/swell-3.jpg)
SWELLで、簡単にオシャレなデザインにする方法ないかなぁ?
デモサイトには、どんなデザインがあるの?
デモサイトに着せ替えるのって難しそう。
SWELLのデモデザインの着せ替えは、パソコン初心者でも
簡単!
『約10分』で、着せ替えが終わります!
この記事を読み終わったら、あなたのブログもおしゃれなブログの仲間入りしています。
SWELLの購入方法が知りたい方は、
【SWELL】購入方法とダウンロードから移行する方法!にて解説しています。
【公式】SWELLのデモデザイン集!全部で6種類
DEMO01
DEMO02
DEMO03
DEMO04
DEIMO05
DEMO06
気になるデザインは、ありましたか?
![](http://yes-i-can.xyz/wp-content/uploads/2022/11/38D72C94-6E7C-4685-B39B-480C66485FA9_4_5005_c.jpeg)
気に入ったデザインを確認したら、着せ替えましょう。
10分でできる!デモデザインへの着せ替え方法
「Customizer Export/Import」というプラグインをインストールして、有効化する。
最初に、Wordpressのダッシュボードにある「プラグイン」→「新規追加」を
クリックします。
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_05h08_09.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_05h08_09.png)
①キーワードに
「 Customizer Export/Import 」を
入力。「」内をコピーすると簡単に入力できます。
②の「今すぐインストール」を押してください。
③下の画像の「有効化をクリック」します。
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_05h33_15-800x346.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_05h33_15-800x346.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_05h40_33.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_05h40_33.png)
WordPressの作業は、いったん終了して次の
作業に行きます。
SWELLの会員サイトにログインし、気に入ったデザインをダウンロード
デモのダウンロード
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/web-キャプチャ_27-11-2021_5628_usersswell-themecom-800x402.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/web-キャプチャ_27-11-2021_5628_usersswell-themecom-800x402.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/web-キャプチャ_27-11-2021_5332_usersswell-themecom-800x201.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/web-キャプチャ_27-11-2021_5332_usersswell-themecom-800x201.jpeg)
マイページの1番下にある上記の場所をクリックし、
下記の画像の場所から、お好きな番号のデモデザインを選び、ダウンロードをクリックして
ください。
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/1277fe48d4ad84fcc70b742389fa45d4-800x582.jpeg)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/1277fe48d4ad84fcc70b742389fa45d4-800x582.jpeg)
ダウンロードをしたら下記の「ファイルを開く」をクリック。
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_05h53_38.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_05h53_38.png)
※ここから、パソコンによって画面と異なる
可能性があります。
すべて展開をクリックし、保存してください。
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_05h54_06-800x680.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_05h54_06-800x680.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_06h10_09-800x871.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_06h10_09-800x871.png)
保存したら、自分のWordpressの
ダッシュボードを開いてください。
ダウンロードした、デモデザインをインポート
WordPressのダッシュボードに戻ってきたら、カスタマイズをクリックします。
どちらを、クリックしてもかまいません。
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_06h12_43.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_06h12_43.png)
カスタマイズのページにきたら、下のほうへ移動し、エクスポート/インポートをクリック。
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_06h16_34.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_06h16_34.png)
下記の、ファイルの選択をクリック。
2枚目の画像の赤枠内のファイルを選択
(デモデザインの種類によって、最後の番号は変わります)
画像ファイルをダウンロードして
インポートしますか?
に、チェックを入れてインポートを
クリックすれば完了です。
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_06h19_31.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-28_06h19_31.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-29_04h49_04-1.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-29_04h49_04-1.png)
完了したら、
「 Customizer Export/Import 」の
プラグインはいらなくなるので、削除しましょう。
下記の、
「プラグイン」→「インストール済みプラグイン」
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-29_05h08_02.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/11/2021-11-29_05h08_02.png)
「 Customizer Export/Import 」 の、無効化をクリックして、
もう一度 「 Customizer Export/Import 」 のところへいくと、削除があるので「削除」をクリック
すればこの作業は、終了です。
お疲れ様でした!
![](https://yes-i-can.xyz/wp-content/uploads/2021/12/2021-12-04_04h46_35.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/12/2021-12-04_04h46_35.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/12/2021-12-04_04h48_20.png)
![](https://yes-i-can.xyz/wp-content/uploads/2021/12/2021-12-04_04h48_20.png)
デモサイトのデザインへ変更した際の注意点
ヘッダーのロゴがDEMOになっているので、変更しましょう。
![](http://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-01_20h48_52.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-01_20h48_52.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-27_08h57_15.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-27_08h57_15.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-27_08h59_52.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-27_08h59_52.png)
フッターのコピーライトが、DEMOになっているので変更しましょう。
![](http://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-01_20h48_52.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-01_20h48_52.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/02/フッター-1.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/02/フッター-1.png)
のテキストを変更する。
![](https://yes-i-can.xyz/wp-content/uploads/2022/02/フッターデモ.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/02/フッターデモ.png)
赤枠内の文字がdemoになっています。
SNS情報の変更
facebookとInstagramのURLが
自分のホームページのリンクになっているので、変更または、削除することをおすすめします。
Twitterは、SWELL開発者さまになっているので、変更または、削除をおすすめします。
![](http://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-01_20h48_52.png)
![](http://yes-i-can.xyz/wp-content/uploads/2022/02/2022-02-01_20h48_52.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/sns.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/sns.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/snsjou.png)
![](https://yes-i-can.xyz/wp-content/uploads/2022/01/snsjou.png)
デモデザインへ変更を終えて
デモデザインの変更は、出来ましたか?
あなたのブログもおしゃれなブログに変身ですね。(笑)
デザインを変更しても、記事の更新は終わりません。
少しでも、早く記事を執筆できるようにブロックの使い方を勉強しましょう。
SWELLブロックの使い方は、【SWELLブロック】全18種類の使い方!初心者向けにわかりやすく解説にて、
解説しています。