![](https://miyanecoblog.com/wp-content/uploads/14173AAE-DFEF-47B6-8857-FFDA69CA4FD1.jpg)
有料テーマのSWELLの導入方法、使い方を知りたいな!
このようなお悩みを解決します。本サイトは広告を含みます
この記事で分かること
- SWELLの導入方法
- SWELLの導入後にやるべきこと
僕自身もSWELLを導入する時は、やり方が分からず不安な箇所があったので当時の自分に教えるように画像を20枚以上を用いて
分かりやすく解説していきます。
テーマ【SWELL】の導入を3ステップで解説
まず最初にSWELLの購入から実際に導入するまでの流れを説明します。
流れとしては以下の3ステップです!
- SWELLを購入しダウンロード
- SWELL会員サイトに登録
- SWELLのインストール、有効化
![](https://miyanecoblog.com/wp-content/uploads/20B81544-BDF4-461E-9E47-72AEA22B2E43_1_102_o-e1673321689959-300x271.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/20B81544-BDF4-461E-9E47-72AEA22B2E43_1_102_o-e1673321689959-300x271.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/20B81544-BDF4-461E-9E47-72AEA22B2E43_1_102_o-e1673321689959-300x271.jpeg)
それでは1つ1つ丁寧に解説していきますね!
※サーバー、ドメイン契約、WordPressのインストールが完了していることが前提です。まだの方は以下の記事を参考にWordPressのインストールまで進めてくださいね
![](https://miyanecoblog.com/wp-content/uploads/01ED9BD0-34D8-4E90-A53C-3C22E9EEFE89-500x263.png)
![](https://miyanecoblog.com/wp-content/uploads/01ED9BD0-34D8-4E90-A53C-3C22E9EEFE89-500x263.png)
STEP1:SWELLを購入しダウンロード
まずは、こちらからSWELLの購入ページへアクセスしましょう。
右上の「購入する」を選択。
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/2-1-800x533.png)
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/2-1-800x533.png)
利用規約に同意して、「SWELLを購入する」をクリック。
![SWELLの決済画面の画像](https://miyanecoblog.com/wp-content/uploads/3-1-800x533.png)
![SWELLの決済画面の画像](https://miyanecoblog.com/wp-content/uploads/3-1-800x533.png)
そうすると、クレジットカードの情報入力画面が出てくるので、間違いが無いよう内容を入力しましょう!
![SWELLの決済画面の画像](https://miyanecoblog.com/wp-content/uploads/4-3-800x533.png)
![SWELLの決済画面の画像](https://miyanecoblog.com/wp-content/uploads/4-3-800x533.png)
これで「SWELLの購入」は完了です!
入力したメールアドレス宛に、「SWELLダウンロードリンク」が届きます。
ですが、ここではダウンロードせずに先に会員サイトの登録に進みましょう!
![](https://miyanecoblog.com/wp-content/uploads/IMG_3052-12.jpg)
![](https://miyanecoblog.com/wp-content/uploads/IMG_3052-12.jpg)
![](https://miyanecoblog.com/wp-content/uploads/IMG_3052-12.jpg)
え、もう終わり!?
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
次は会員サイトの登録に進みます!
STEP2:SWELL会員サイトに登録
SWELLにはSWELLERSという、購入者限定の会員専用サイトがあります。
フォーラムへの投稿、これから必要なデータのダウンロードをするには会員登録が必要なのでこのタイミングで登録しておきましょう!
公式サイトに戻り、「フォーラム」を選択し、
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/f523dc7eb9d216d6d93339cee7e1a627-800x533.png)
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/f523dc7eb9d216d6d93339cee7e1a627-800x533.png)
「会員登録はこちらから」をクリック。
![SWELLのマイページ画像](https://miyanecoblog.com/wp-content/uploads/5-4-800x533.png)
![SWELLのマイページ画像](https://miyanecoblog.com/wp-content/uploads/5-4-800x533.png)
新規会員登録ページで必要事項を記入してください!
![SWELlの画像](https://miyanecoblog.com/wp-content/uploads/6-2-800x533.png)
![SWELlの画像](https://miyanecoblog.com/wp-content/uploads/6-2-800x533.png)
会員登録もこれだけで完了です!!次に進みましょう。
STEP3:SWELLのダウンロード、有効化
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
ここが1番重要です!!
SWELLの公式サイトからは以下の2つをダウンロードできます
- SWELLの本体親テーマ
- SWELLの子テーマ
他サイトでは親テーマしかダウンロードしていない方を見ますが、子テーマのダウンロードも忘れずに行いましょう!
テーマエディターでCSSをカスタマイズする可能性があるから
ダウンロードは先ほどのメールに届いたリンク、、もしくは今登録した会員サイトからもできます。
今回は会員サイトからダウンロードする方法を紹介して行きますね!
「フォーラム」→「マイページ」を選択すると、下記の画面が出てくるので必要事項を入力して「ログイン」してください!
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/7-1-800x533.png)
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/7-1-800x533.png)
「ログイン」に成功し、マイページの少し下にスクロールすると「SWELL製品ページ」のボタンが出てくるのでクリック。すると下記の製品ダウンロードページに移行します。
![SWELLテーマの画像](https://miyanecoblog.com/wp-content/uploads/8-1-800x533.png)
![SWELLテーマの画像](https://miyanecoblog.com/wp-content/uploads/8-1-800x533.png)
次は、ダウンロードしたSWELLテーマをWordPress にインストールしていきます。「WordPress管理画面」→「外観」→「テーマ」→「新規追加」の順でクリックしてください。
![SWELLテーマの画像](https://miyanecoblog.com/wp-content/uploads/9-800x533.png)
![SWELLテーマの画像](https://miyanecoblog.com/wp-content/uploads/9-800x533.png)
「テーマのダウンロード」→「ファイルを選択」して先ほどダウンロードしたzipファイルをインストールします。
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/10-800x533.png)
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/10-800x533.png)
「ファイルを選択」をクリックすると、zipファイルが選択できるようになるので、まずは本体(親テーマ)をインストールしましょう!
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/11-800x533.png)
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/11-800x533.png)
「今すぐインストール」をクリックで、インストール完了です!
「有効化」は子テーマのみ行います。
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/12-800x533.png)
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/12-800x533.png)
同様に、本体の親テーマだけでなく子テーマもインストールしてください。
インストール完了後、「有効化」を選択してください。
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/033547bb33790ef882823b4246a317cf-800x533.png)
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/033547bb33790ef882823b4246a317cf-800x533.png)
2つインストールできたら、下記画像のように「子テーマのSWELL CHILD」が有効になっていれば完了です!!なっていない場合は再度、「有効化」をクリック。
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/13-800x533.png)
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/13-800x533.png)
SWELL導入後にやるべきこと
![](https://miyanecoblog.com/wp-content/uploads/IMG_3052-13.jpg)
![](https://miyanecoblog.com/wp-content/uploads/IMG_3052-13.jpg)
![](https://miyanecoblog.com/wp-content/uploads/IMG_3052-13.jpg)
SWELLは導入できたよ!次は何したら良いかな?
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
これからやるべき行動は以下の4点です!
- SWELLユーザー認証設定
- プラグインの整理
- アフィリエイトのやり方を覚える
- デザインを整える
それでは1から順に解説していきます!
①SWELLユーザー認証設定
ユーザー認証が完了しないと、SWELLがアップデートされず最新の状態にならないので、SWELLの「有効化」まで成功したら「ユーザー認証」を行いましょう。
「ユーザー認証」の欄に会員登録時に使用したメールアドレスを入力し、「認証リクエストを送信」をクリックしましょう。
リクエスト送信後、下記画面のようになればOKです!
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/sksk-800x533.png)
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/sksk-800x533.png)
②プラグインの整理
![プラグインの画像](https://miyanecoblog.com/wp-content/uploads/8d58385717d9ba2022c689d82a2bb412-1-800x267.png)
![プラグインの画像](https://miyanecoblog.com/wp-content/uploads/8d58385717d9ba2022c689d82a2bb412-1-800x267.png)
プラグイン=ブログを強化するアイテムのようなイメージです!
ただやみくもになんでんも導入して良いわけではなく、WordPressのテーマによっても合う、合わないものが存在するので注意しましょう
【SWELL】公式サイトから推奨プラグインと非推奨・不要・注意するべきプラグインのアナウンスが来ていたのでそちらをご確認ください。
当ブログも下記記事を参考にプラグインを導入しました。
![](https://swell-theme.com/wp-content/uploads/2019/10/thumb_plugins.png)
![](https://swell-theme.com/wp-content/uploads/2019/10/thumb_plugins.png)
③アフィリエイトを覚える
![ASPの画像](https://miyanecoblog.com/wp-content/uploads/ASP-1.png)
![ASPの画像](https://miyanecoblog.com/wp-content/uploads/ASP-1.png)
アフィリエイトを行うにはASPと無料の連携をしないといけないので
まずは国内で代表的なASP2つと連携しましょう。
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
どちらも3分程で登録できるので簡単です〜
2つのASPと連携が終わったらSWELLプログラムのアフィリエイトに進みます
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
SWELL購入時に付いてくるアフィリエイトプログラムを使えるようにやり方を覚えましょう!
まずはSWELL会員サイトにログインします!
ログイン後、少し下にスクロールすると「SWELLのアフィリエイト」
「プロモーション詳細はこちら」というボタンが出てくるのでクリックしてください。
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/SWELL-3-800x660.png)
![SWELLの画像](https://miyanecoblog.com/wp-content/uploads/SWELL-3-800x660.png)
すると、もしも内にSWELLアフィリエイトが表示されます。
以下の手順で簡単にアフィリエイトリンクは作成できるので良いですね!
「広告リンクへ」→「バナー型やテキスト型を選択」→「ソースコードコピー」→「カスタムHTMLへコードの貼り付け】
![もしもアフィリエイトの画像](https://miyanecoblog.com/wp-content/uploads/cdee4cd6da4626e604444f364505bff8-800x660.png)
![もしもアフィリエイトの画像](https://miyanecoblog.com/wp-content/uploads/cdee4cd6da4626e604444f364505bff8-800x660.png)
文字を入力する画面右側に「➕」ボタンが出るのでクリックし、
「カスタムHTML」と検索し先ほどコピーしたリンクを貼りつけましょう
![WordPress管理画面の画像](https://miyanecoblog.com/wp-content/uploads/c272d47ef2a94c1214c9568e04cf3116-800x660.png)
![WordPress管理画面の画像](https://miyanecoblog.com/wp-content/uploads/c272d47ef2a94c1214c9568e04cf3116-800x660.png)
以下がアフィリエイトリンクから作成したものになります。
記事などをかいたらぜひSWELLのアフィリエイトもやってみてくださいね!
![](http://image.moshimo.com/af-img/3130/000000053838.jpg)
![](http://image.moshimo.com/af-img/3130/000000053838.jpg)
④デザインを整える
![](https://miyanecoblog.com/wp-content/uploads/816B4E54-CF84-4D4A-8F03-360A8F1782C6.jpg)
![](https://miyanecoblog.com/wp-content/uploads/816B4E54-CF84-4D4A-8F03-360A8F1782C6.jpg)
![](https://miyanecoblog.com/wp-content/uploads/816B4E54-CF84-4D4A-8F03-360A8F1782C6.jpg)
僕もオシャレなブログを作りたい!!
SWELLを導入したからにはオシャレなブログを作りたいですよね!
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
![](https://miyanecoblog.com/wp-content/uploads/C807FA7C-7A7A-436C-A6E8-0FAD31E05F86_1_102_o-e1673321748225-300x276.jpeg)
僕も自分の理想を叶えるためにSWELを導入しました!
SWELLを使ったブログはたくさんあるので自分の理想はどんなブログか考えながら、まずはいろんな方のブログを見に行くことをおすすめします!
僕自身も自分のサイトデザインを決めるまでに、かなり他のブログを研究し良いところをたくさん自分のブログに落とし込みました。
その時、僕が1番参考にしていたのが下記の記事です。
ぜひ参考にして自分のデザインに落とし込んでくださいね!
![](https://akipoblog.com/blog/wp-content/uploads/2021/03/swell-de-sitegata-top.png)
![](https://akipoblog.com/blog/wp-content/uploads/2021/03/swell-de-sitegata-top.png)
WordPressの初期設定がまだの方は下記を参考にどうぞ!
![](https://miyanecoblog.com/wp-content/uploads/837A10C5-183E-4CA8-8ABD-DF31BF54EC3F-500x263.png)
![](https://miyanecoblog.com/wp-content/uploads/837A10C5-183E-4CA8-8ABD-DF31BF54EC3F-500x263.png)
コメント