前回はWordPressのテーマ「SWELL」の特長を解説しました。
今回は、SWELLの購入からインストールするまでの手順をお伝えします。
![](https://koishiken.com/wp-content/uploads/2022/07/worried-woman.png)
SWELLに興味はあるけど使えるか不安…
というWordPress初心者の方のご参考になれば幸いです。
![](https://koishiken.com/wp-content/uploads/2022/07/koishiken.jpg)
![](https://koishiken.com/wp-content/uploads/2022/07/koishiken.jpg)
![](https://koishiken.com/wp-content/uploads/2022/07/koishiken.jpg)
小石健と申します。YouTubeチャンネルはこちら。
SWELLの購入方法
まずSWELLの公式サイト
ホーム画面右上の「購入する」か中央の「DOWNLOAD」をクリックします。
![WordPressテーマ「SWELL」の購入のメニュー](https://koishiken.com/wp-content/uploads/2022/09/swell-purchase-menu.jpg)
![WordPressテーマ「SWELL」の購入のメニュー](https://koishiken.com/wp-content/uploads/2022/09/swell-purchase-menu.jpg)
![WordPressテーマ「SWELL」のダウンロードのボタン](https://koishiken.com/wp-content/uploads/2022/09/swell-download-button.jpg)
![WordPressテーマ「SWELL」のダウンロードのボタン](https://koishiken.com/wp-content/uploads/2022/09/swell-download-button.jpg)
ダウンロードページに移ります。
![WordPressテーマ「SWELL」のダウンロードページ](https://koishiken.com/wp-content/uploads/2022/09/swell-download-page.jpg)
![WordPressテーマ「SWELL」のダウンロードページ](https://koishiken.com/wp-content/uploads/2022/09/swell-download-page.jpg)
「動作必須環境」を確認します。
![WordPressテーマ「SWELL」の動作必須環境](https://koishiken.com/wp-content/uploads/2022/09/swell-operating-environment.jpg)
![WordPressテーマ「SWELL」の動作必須環境](https://koishiken.com/wp-content/uploads/2022/09/swell-operating-environment.jpg)
問題なければその下の「利用規約に同意します」にチェックを入れ「SWELLを購入する」をクリックします。
![WordPressテーマ「SWELL」の利用規約同意画面](https://koishiken.com/wp-content/uploads/2022/09/swell-agree-to-Terms-of-Service.jpg)
![WordPressテーマ「SWELL」の利用規約同意画面](https://koishiken.com/wp-content/uploads/2022/09/swell-agree-to-Terms-of-Service.jpg)
「カードで支払い」画面に移ります。
メールアドレス・カード情報・カード所有者名を入力して「支払う」をクリックします。
![WordPressテーマ「SWELL」のカード支払い画面](https://koishiken.com/wp-content/uploads/2022/09/swell-card-payment.jpg)
![WordPressテーマ「SWELL」のカード支払い画面](https://koishiken.com/wp-content/uploads/2022/09/swell-card-payment.jpg)
ちなみに私は「安全なワンクリックチェックアウトに使用する情報を保存する」にはチェックを入れませんでした。
「購入完了ページ」に移ります。無事SWELLを購入できました。
![WordPressテーマ「SWELL」の購入完了ページ](https://koishiken.com/wp-content/uploads/2022/09/swell-purchase-completed.jpg)
![WordPressテーマ「SWELL」の購入完了ページ](https://koishiken.com/wp-content/uploads/2022/09/swell-purchase-completed.jpg)
会社名義は「SWELL」ではなく「株式会社LOOS」となるので要注意です。
また、その下には2通のメールが送信されたと記載されています。
![WordPressテーマ「SWELL」のメール確認画面](https://koishiken.com/wp-content/uploads/2022/09/swell-email-confirmation.jpg)
![WordPressテーマ「SWELL」のメール確認画面](https://koishiken.com/wp-content/uploads/2022/09/swell-email-confirmation.jpg)
1通は領収書、もう1通はSWELLのダウンロードリンクが記載されたメールです。
![WordPressテーマ「SWELL」からの確認メール](https://koishiken.com/wp-content/uploads/2022/09/swell-email.jpg)
![WordPressテーマ「SWELL」からの確認メール](https://koishiken.com/wp-content/uploads/2022/09/swell-email.jpg)
メールを開いてそれぞれ内容を確認します。
SWELLのインストール方法
テーマの圧縮ファイルをダウンロードする
メールからでもSWELLをダウンロードできますが、私は「購入完了ページ」の「SWELLをダウンロードする」をクリックしました。
![WordPressテーマ「SWELL」のダウンロードリンク](https://koishiken.com/wp-content/uploads/2022/09/swell-download-link.jpg)
![WordPressテーマ「SWELL」のダウンロードリンク](https://koishiken.com/wp-content/uploads/2022/09/swell-download-link.jpg)
すると、SWELLの圧縮ファイルがダウンロードされたのがわかります。
![WordPressテーマ「SWELL」の圧縮ファイル](https://koishiken.com/wp-content/uploads/2022/09/swell-compressed-file.jpg)
![WordPressテーマ「SWELL」の圧縮ファイル](https://koishiken.com/wp-content/uploads/2022/09/swell-compressed-file.jpg)
これはひとまず置いておきます。
次に「子テーマ」をインストールします。
会員サイト「SWELLERS’」に登録する
子テーマはSWELLの会員サイト「SWELLERS’」にて配布しているので、会員登録する必要があります。
SWELLERS’のページ
![SWELLの会員サイト「SWELLERS'」のトップページ](https://koishiken.com/wp-content/uploads/2022/09/swellers-member-registration.jpg)
![SWELLの会員サイト「SWELLERS'」のトップページ](https://koishiken.com/wp-content/uploads/2022/09/swellers-member-registration.jpg)
「会員登録はこちらから」をクリックします。
「新規会員登録ページ」に移ります。
![SWELLの会員サイト「SWELLERS'」の登録ページ](https://koishiken.com/wp-content/uploads/2022/09/swellers-member-registration-page.jpg)
![SWELLの会員サイト「SWELLERS'」の登録ページ](https://koishiken.com/wp-content/uploads/2022/09/swellers-member-registration-page.jpg)
ユーザー名・メールアドレス・パスワードを入力して、「利用規約に同意します」にチェックを入れ、「登録する」をクリックします。
SWELLERS’のマイページにログインされました。
![SWELLの会員サイト「SWELLERS'」のマイページ](https://koishiken.com/wp-content/uploads/2022/09/swellers-my-page.jpg)
![SWELLの会員サイト「SWELLERS'」のマイページ](https://koishiken.com/wp-content/uploads/2022/09/swellers-my-page.jpg)
登録完了のメールも届きます。
![SWELLの会員サイト「SWELLERS'」の登録完了メール](https://koishiken.com/wp-content/uploads/2022/09/swellers-registration-completion-email.jpg)
![SWELLの会員サイト「SWELLERS'」の登録完了メール](https://koishiken.com/wp-content/uploads/2022/09/swellers-registration-completion-email.jpg)
子テーマの圧縮ファイルをダウンロードする
SWELLERS’のマイページの「SWELL製品ダウンロード」から子テーマのファイル名をクリックします。
![WordPressテーマ「SWELL」の製品ダウンロードページ](https://koishiken.com/wp-content/uploads/2022/09/swell-product-download.jpg)
![WordPressテーマ「SWELL」の製品ダウンロードページ](https://koishiken.com/wp-content/uploads/2022/09/swell-product-download.jpg)
すると、SWELLの子テーマの圧縮ファイルがダウンロードされたのがわかります。
![SWELの子テーマの圧縮ファイル](https://koishiken.com/wp-content/uploads/2022/09/swell-child-theme-compressed-file.jpg)
![SWELの子テーマの圧縮ファイル](https://koishiken.com/wp-content/uploads/2022/09/swell-child-theme-compressed-file.jpg)
WordPressにSWELLをインストールして有効化する
次にWordPressの管理画面を開き、「外観」の「テーマ」から「新規追加」をクリックします。
![WordPressのテーマの新規追加ページ](https://koishiken.com/wp-content/uploads/2022/09/wordpress-add-new-theme.jpg)
![WordPressのテーマの新規追加ページ](https://koishiken.com/wp-content/uploads/2022/09/wordpress-add-new-theme.jpg)
「テーマを追加」画面の「テーマのアップロード」をクリックします。
![WordPressのテーマのアップロードボタン](https://koishiken.com/wp-content/uploads/2022/09/wordpress-theme-upload.jpg)
![WordPressのテーマのアップロードボタン](https://koishiken.com/wp-content/uploads/2022/09/wordpress-theme-upload.jpg)
「ファイルを選択」をクリックします。
![WordPressのテーマのファイル選択ボタン](https://koishiken.com/wp-content/uploads/2022/09/wordpress-select-theme-file.jpg)
![WordPressのテーマのファイル選択ボタン](https://koishiken.com/wp-content/uploads/2022/09/wordpress-select-theme-file.jpg)
さきほどダウンロードしたSWELLのテーマ(「child」ではないファイル名の方)の圧縮ファイルをそのまま選択します。
「今すぐインストール」をクリックします。
![WordPressのテーマのインストールボタン](https://koishiken.com/wp-content/uploads/2022/09/wordpress-theme-install-button.jpg)
![WordPressのテーマのインストールボタン](https://koishiken.com/wp-content/uploads/2022/09/wordpress-theme-install-button.jpg)
「アップロードしたファイルからテーマをインストールしています」の画面で、テーマのインストールの完了を確認したら「有効化」をクリックします。
![WordPressのテーマの有効化画面](https://koishiken.com/wp-content/uploads/2022/09/wordpress-theme-activation-screen.jpg)
![WordPressのテーマの有効化画面](https://koishiken.com/wp-content/uploads/2022/09/wordpress-theme-activation-screen.jpg)
SWELLが有効化されました。
![SWELLの親テーマの有効化画面](https://koishiken.com/wp-content/uploads/2022/09/wordpress-theme-activation.jpg)
![SWELLの親テーマの有効化画面](https://koishiken.com/wp-content/uploads/2022/09/wordpress-theme-activation.jpg)
しかし、SWELLの「ユーザー認証」が完了していません。
このままだとバージョンアップ機能が制限されてしまいますが、とりあえず置いておきます。
同様に子テーマもインストールして有効化します。
![SWELLの子テーマの有効化](https://koishiken.com/wp-content/uploads/2022/09/wordpress-activate-swell-child-theme.jpg)
![SWELLの子テーマの有効化](https://koishiken.com/wp-content/uploads/2022/09/wordpress-activate-swell-child-theme.jpg)
今度は子テーマが有効化されました。有効化は簡単に切り替えられます。
このように有効化された子テーマを使うことで、親テーマに影響を与えずにサイトをカスタマイズすることができるようになります。
今後はこの子テーマを有効化したままSWELLを使用していきます。
SWELLのユーザー認証をする
最後にSWELLのユーザー認証を行います。
WordPress管理画面の左メニューの「SWELL設定」から「アクティベート」をクリックします。
![SWELLの認証リクエスト送信画面](https://koishiken.com/wp-content/uploads/2022/09/swell-send-authentication-request.jpg)
![SWELLの認証リクエスト送信画面](https://koishiken.com/wp-content/uploads/2022/09/swell-send-authentication-request.jpg)
さきほど会員サイトのSWELLERS’に登録したメールアドレスを入力して「認証リクエストを送信」をクリックします。
認証URLがメールで送信されたようです。
![SWELLのアクティベート完了ボタン](https://koishiken.com/wp-content/uploads/2022/09/swell-activation-complete-button.jpg)
![SWELLのアクティベート完了ボタン](https://koishiken.com/wp-content/uploads/2022/09/swell-activation-complete-button.jpg)
3分以内にこのメールに記載の認証URLをクリックします。
![SWELLの認証URL添付のメール](https://koishiken.com/wp-content/uploads/2022/09/swell-email-with-authentication-url.jpg)
![SWELLの認証URL添付のメール](https://koishiken.com/wp-content/uploads/2022/09/swell-email-with-authentication-url.jpg)
SWELLERS’のマイページが開き、右下に認証完了のメッセージが表示がされます。
![SWELLの認証完了メッセージ](https://koishiken.com/wp-content/uploads/2022/09/swell-authentication-complete-message.jpg)
![SWELLの認証完了メッセージ](https://koishiken.com/wp-content/uploads/2022/09/swell-authentication-complete-message.jpg)
「自分のサイトに戻る」をクリックします。
さきほどのWordPressのSWELL設定画面にてユーザー認証されたことがわかります。
![SWELLの認証完了画面](https://koishiken.com/wp-content/uploads/2022/09/swell-authentication-completed.jpg)
![SWELLの認証完了画面](https://koishiken.com/wp-content/uploads/2022/09/swell-authentication-completed.jpg)
これでSWELLのユーザー認証は完了です。
サイトでSWELLの反映を確認する
自分のサイトを開き、SWELLが反映されているか確認します。
![SWELLのサイトのパソコンで見た初期状態](https://koishiken.com/wp-content/uploads/2022/09/swell-pc-initial-state.jpg)
![SWELLのサイトのパソコンで見た初期状態](https://koishiken.com/wp-content/uploads/2022/09/swell-pc-initial-state.jpg)
パソコンとスマホ(もしくはタブレット)のいずれも問題がないことを確認します。
![SWELLのサイトのスマホで見た初期状態](https://koishiken.com/wp-content/uploads/2022/09/swell-smartphone-initial-state.jpg)
![SWELLのサイトのスマホで見た初期状態](https://koishiken.com/wp-content/uploads/2022/09/swell-smartphone-initial-state.jpg)
これでSWELLの購入からインストールまで完了しました。
特に難しいことはなく、初心者でもつまづくことはないかと思います。
あとはサイトをお好みにカスタマイズしていくのみです。
\今すぐチェック/
コメント