![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
こんにちは、ウェブデザインパレットのmisaです。
WordPressで人気の有料テーマ「SWELL」。
SWELLを使えば、だれでも簡単にブログやホームページを開設することができます。
さらに、SWELLは大手レンタルサーバーメーカーの「エックスサーバー」経由でインストールすると、定価よりも5%オフの16,720円で購入できます。
この記事では、SWELLをエックスサーバー経由で簡単かつおトクにインストールする方法をご紹介します。
![](https://www13.a8.net/0.gif?a8mat=3ZB9MC+MMHRM+CO4+674EP)
![](https://www13.a8.net/0.gif?a8mat=3ZB9MC+MMHRM+CO4+674EP)
1.エックスサーバー経由でSWELLを購入して、WordPressにインストールする
1-1.エックスサーバー経由でSWELLを購入する
エックスサーバー契約管理ページを開きます。
エックスサーバーをまだ契約していないという方はこちら👇からお申込みいただけます。
初期費用無料、月額990円から、高速・多機能・高安定レンタルサーバー『エックスサーバー』
左側のメニューの一番下にある「WordPressテーマ」をクリックします。
![エックスサーバー契約管理ページ](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-001-1024x621.png)
![エックスサーバー契約管理ページ](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-001-1024x621.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
「有料WordPressテーマの購入はこちら」をクリックします。
![有料WordPressテーマの購入はこちら](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-02-1024x627.png)
![有料WordPressテーマの購入はこちら](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-02-1024x627.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
SWELLを選択します。
![SWELLを選択](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-03-1024x864.png)
![SWELLを選択](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-03-1024x864.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
「お申込み内容の確認とお支払いへ進む」をクリックします。
![お申込み内容の確認とお支払いへ進む](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-04-1024x699.png)
![お申込み内容の確認とお支払いへ進む](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-04-1024x699.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
お支払方法を選択して、「決済画面へ進む」をクリックします。
![決済画面へ進む](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-05-1024x950.png)
![決済画面へ進む](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-05-1024x950.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
料金のお支払いが完了したら、「トップへ戻る」をクリックします。
![トップへ戻る](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-06-1024x325.png)
![トップへ戻る](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-06-1024x325.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
これでSWELLの購入が完了したので、今度はWordPressにインストールしていきます。
1-2.WordPressをインストールする
トップページの「サーバー管理」をクリックします。
![サーバー管理](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-07-1024x443.png)
![サーバー管理](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-07-1024x443.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
「WordPress簡単インストール」をクリックします。
![WordPress簡単インストール](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-08-1024x591.png)
![WordPress簡単インストール](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-08-1024x591.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
WordPressをインストールするドメインを選択します。
ドメインを未取得の場合はこちらの手順を見ながら取得してみてください。
![ドメイン選択画面](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-09.png)
![ドメイン選択画面](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-09.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
下記5項目を入力しましょう。
- サイトURL
サブドメインを設定している場合は、プルダウンからサブドメインを選ぶことができます。 - ブログ名
まだ決まっていない場合は、後からでも変更できるので仮で入力しておいても大丈夫です。 - ユーザー名
WordPressにログインするときに使用するユーザー名です。 - パスワード
WordPressにログインするときに使用するパスワードです。 - メールアドレス
WordPressの更新通知などが届きます。
![WordPress簡単インストール](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-10.png)
![WordPress簡単インストール](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-10.png)
テーマは「SWELL」を選択します。
テーマオプションの「子テーマをインストールする」にチェックを入れましょう。
![子テーマをインストールする](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-11.png)
![子テーマをインストールする](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-11.png)
「確認画面へ進む」をクリックします。
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
ユーザー名、パスワードは、後ほどWordPressにログインするときに使用するので忘れないようにしましょう。
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
「インストールする」をクリックします。
![インストールする](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-12.png)
![インストールする](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-12.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
インストール完了です。
![インストール完了](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-13.png)
![インストール完了](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-1-13.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
管理画面URLはブックマークしておくと便利です♩
2.SWELLに会員登録をする
SWELLにアクセスします。
![](https://swell-theme.com/wp-content/uploads/2020/04/swell-official-ogp.jpg)
![](https://swell-theme.com/wp-content/uploads/2020/04/swell-official-ogp.jpg)
右上のメニューより「フォーラム」をクリックします。
![SWELLトップページ](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-2-01-1024x540.jpg)
![SWELLトップページ](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-2-01-1024x540.jpg)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
「会員登録はこちらから」をクリックします。
![SWELLERS'](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-2-02-1024x684.png)
![SWELLERS'](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-2-02-1024x684.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
ユーザー名、メールアドレス、パスワードを入力して「登録する」をクリックします。
![](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-2-03-1024x540.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-2-03-1024x540.png)
3.WordPress管理画面でユーザー認証をする
先程インストールしたWordPressの管理画面へ、ユーザー名とパスワードを入力してログインします。
管理画面のURLを忘れてしまった場合は、エックスサーバーのサーバーパネル
で確認できます。![WordPressにログイン](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-01.png)
![WordPressにログイン](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-01.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
ダッシュボード上部に「SWELLのユーザー認証が完了していません」というメッセージが出るので、リンク部分をクリックします。
![SWELLのユーザー認証が完了していません](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-02-1024x379.png)
![SWELLのユーザー認証が完了していません](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-02-1024x379.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
先程SWELL会員サイトへ登録したメールアドレス入力して「認証リクエストを送信」をクリックします。
![認証リクエストを送信](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-03.png)
![認証リクエストを送信](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-03.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
入力したメールアドレス宛にメールが届くので、ワンタイムURLへアクセスします。
![ワンタイムURLへアクセス](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-03-2.png)
![ワンタイムURLへアクセス](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-03-2.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
WordPress管理画面に戻って、「アクティベートを完了」をクリックします。
![SWELLアクティベート設定](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-04-1.png)
![SWELLアクティベート設定](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-04-1.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
「認証完了」と表示されればOKです。
![認証完了](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-05.png)
![認証完了](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-05.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
WordPress管理画面
テーマにて「SWELL CHILD」が有効になっているか確認します。![SWELL CHILD](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-06-1024x509.png)
![SWELL CHILD](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-06-1024x509.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/down.png)
Webサイトを表示すると、SWELLが適用されているのが確認できます。
![Webサイトを表示](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-07-1024x600.jpg)
![Webサイトを表示](http://web-design-pallet.site/wp-content/uploads/2024/06/swell-3-07-1024x600.jpg)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
![](http://web-design-pallet.site/wp-content/uploads/2024/06/me_r-150x150.png)
お疲れさまでした✨
![](http://web-design-pallet.site/wp-content/uploads/2024/08/WordPress-300x158.jpg)
![](http://web-design-pallet.site/wp-content/uploads/2024/08/WordPress-300x158.jpg)
![](http://web-design-pallet.site/wp-content/uploads/2024/08/local-300x158.jpg)
![](http://web-design-pallet.site/wp-content/uploads/2024/08/local-300x158.jpg)
まとめ
エックスサーバー経由でSWELLをインストールすることで、簡単かつおトクにブログをはじめることができます。
SWELLは簡単に自分好みのサイトにカスタマイズできるので、みなさんも楽しみながらサイトを作成してみてくださいね。
では、また~✨