「ブログ初心者でテーマの導入方法がわからない。」
「SWELLを購入したいと考えているから、導入方法の手順を簡単に知りたい。」
「SWELL導入後の初期設定がわからなくて不安…。」
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
こんなお悩み解決します!
WordPressブログ初心者でも、たった3つのステップで簡単にSWELLを導入できます。
SWELLを導入して使用している僕が実際の画像を使って、SWELLの導入方法と必要な初期設定をわかりやすく解説していきます。
- テーマ購入時に必要な初期設定がわかる
- WordPressテーマ「SWELL」の導入の方法がわかる
- ブログ初心者でも簡単にSWELLのセットアップができる
記事を最後まで読んで、ブログ運営に役立ててくださいね!
この記事を書いた人
![](https://hadashifufu.com/wp-content/uploads/2022/01/368398f4aa2f9dd6f698d74988ffe4a1-1024x380.jpg)
この記事を書いている僕は、当ブログ以外にも多数のブログとSNSアカウントを運営して独立。ブログ×SNSの収益で法人化までたどりつきました。
ステップ① 公式サイトからSWELLを購入する
![](https://hadashifufu.com/wp-content/uploads/2021/11/undraw_business_shop_qw5t-1024x793.png)
では早速、SWELLの導入方法から解説していきます。
SWELLを導入するためのステップは以下の3つです。
- 公式サイトからSWELLを購入する
- SWELL会員サイト「SWELLERS’」に登録する
- SWELLをダウンロードし、WordPressへインストールする
まずはステップ①のSWELLの公式サイトへアクセスし、テーマを購入していきましょう。
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
購入前にSWELLのメリット・デメリットを知りたい方は以下の記事を参考にしてみてくださいね!
![](https://hadashifufu.com/wp-content/uploads/2021/11/FMT-5-300x169.jpg)
公式サイトの画面で「購入する」もしくは「DOWNLOAD」ボタンをクリック。
![](https://hadashifufu.com/wp-content/uploads/2021/11/dd996907510455b8359cf8bed1b82a5f-1024x538.jpg)
画面を一番下までスクロールして、「利用規約に同意します。」にチェックを入れて「SWELLを購入する」をクリック。
![](https://hadashifufu.com/wp-content/uploads/2021/11/4878f2095ee88bdc90254611fb370399-1024x538.jpg)
カードで支払いの各項目(メールアドレス・カード情報・カード所有者名・国または地域)を記入し、「支払う」をクリック。
「安全なワンクリックチェックアウトに使用する情報を保存する」の項目は個人のお好みでチェックでOK!
![](https://hadashifufu.com/wp-content/uploads/2021/11/339041e8312b792537eb4882d1dbd159-1024x538.jpg)
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
これで購入完了です!
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
購入完了後に入力したメールアドレス宛に、SWELL購入のメールが届きます!
利用規約上、メールは公開できませんが、下記の情報が含まれているため大切に保管しておきましょう。
- SWELLダウンロードリンク
- 購入者限定パスワード
- SWELLコミュニティのSlackチャンネルの招待URL
メールを受信しない場合は、迷惑メールのフォルダに入っている可能性があるため、念のために確認してみましょう。
ステップ② SWELL会員サイト「SWELLERS’」に登録する
![](https://hadashifufu.com/wp-content/uploads/2021/11/undraw_Team_page_re_cffb.png)
SWELLが購入できたら、ステップ②のSWELLユーザー専用会員サイト「SWELLERS’」に登録をしましょう。
- 最新のテーマや子テーマの製品ダウンロード
- SWELLを利用しているサイトからのユーザー認証
- SWELLユーザー限定のSWELLのアフィリエイトの申し込み
- SWELLに関する相談や不具合報告ができるフォーラムの利用
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
では会員登録の手順をチェックしていきましょう!
SWELL公式サイトにアクセスし、トップページにある「フォーラム」をクリック。
![](https://hadashifufu.com/wp-content/uploads/2021/11/d14929002a6403a97282424ea6a48f33-1024x294.jpg)
画面の右側にある「会員登録はこちらから」のボタンをクリック。
![](https://hadashifufu.com/wp-content/uploads/2021/11/99ca290d195ee1c9e9e8b2dd1bf1a0a0-1024x538.jpg)
新規会員登録ページで必要項目を入力して登録しましょう。
![](https://hadashifufu.com/wp-content/uploads/2021/11/0d4b25a52e230d80da4e3fbe70a6cc50-1024x538.jpg)
- ユーザー名(好きなユーザーを自由に設定)
- メールアドレス(SWELL購入時と同じメールアドレス)
- パスワード(SWELL購入時に受信した購入者限定パスワード)
- 当サイトの利用規約に同意します(ボックスにチェック)
- 「登録する」ボタンをクリック
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
ユーザー登録が完了するとメールが届くので、メールボックスを確認しましょう。
受信したメール内容に記載されているURLのリンクから新しいパスワードの設定ができます。
![](https://hadashifufu.com/wp-content/uploads/2021/11/8f7386fbbeb05dd470d924db2ceadea8.jpg)
パスワードの設定が終わったら会員登録の完了です!
ステップ③ SWELLをダウンロードし、WordPressへインストールする
![](https://hadashifufu.com/wp-content/uploads/2021/11/undraw_Download_re_li50.png)
続いてステップ③では、WordPressテーマ「SWELL」をダウンロードして、WordPressへインストールしていきましょう。
下記のボタンからSWELLユーザー限定の会員サイトへアクセスします。
\ ユーザー限定会員サイト「SWELLERS’」 /
「マイページ」をクリックしてログイン画面へアクセスしましょう。
![](https://hadashifufu.com/wp-content/uploads/2021/11/54a6e33615e02d3316e4bb244984bc2e-1024x538.jpg)
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
もしくはSWELL公式サイトの「フォーラム」から、ナビゲーションの項目にある「ログイン」をクリックすると同じ画面へアクセスできます!
「ユーザー名」と「パスワード」、表示されている「CAPTCHAコード」を入力して、「ログイン」をクリック。
![](https://hadashifufu.com/wp-content/uploads/2021/11/9ff0d19ec3325043598489858ebece5c-1024x538.jpg)
- メールアドレス(会員登録時のメールアドレス)
- パスワード(会員登録時のメールアドレス)
- CAPYCHAコード(画面に表示されたひらがな4文字)
- 「ログイン」をクリック
ログインができたら、製品ダウンロードページの「SWELL製品ページへ」のボタンをクリック。
![](https://hadashifufu.com/wp-content/uploads/2021/11/54fa53424ac41309fb40a38e9affbecc-1024x538.jpg)
SWELL本体の親テーマと子テーマをそれぞれクリックしてダウンロードしましょう。
![](https://hadashifufu.com/wp-content/uploads/2021/11/457e4fce9bbecd7020e3823c697d2a23-1024x538.jpg)
親テーマ・子テーマとは?
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
テーマの更新時にカスタマイズが消えてしまったり、エラーにならないように親テーマと一緒に子テーマもインストールしておきましょう。
他のテーマから、SWELLのテーマに変更する場合は、該当する乗り換えサポート用プラグインも合わせてダウンロードしておきましょう。
![](https://hadashifufu.com/wp-content/uploads/2021/11/0e2e6e1a9f3465c193e139cc79f25daf-1024x538.jpg)
- AFFINGER5
- Cocoon
- JIN
- SANGO
- STORK
- THE THOR
ダウンロードができたら、WordPressへインストールします。
WordPressのダッシュボード(管理画面)にある「外観」から「テーマ」を選択し、「新規追加」ボタンをクリック。
![](https://hadashifufu.com/wp-content/uploads/2021/11/ce2d0a82a943a0b9c3965c3c26a08868-1024x538.jpg)
次にボタンから「テーマのアップロード」をクリックし、「ファイルを選択」をクリック。
ダウンロード画面で先ほどパソコンに保存したSWELL(最新版)の親テーマのファイルを選択し、「開く」をクリック。
ファイルを追加したら「今すぐインストール」をクリック。
![](https://hadashifufu.com/wp-content/uploads/2021/11/912b2572c0adf7bd324754da416c615d-1024x538.jpg)
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
親テーマをインストール後に、同じ手順でSWELLの子テーマもインストールしましょう!
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
子テーマのインストールが完了したら、「有効化」をクリックしてくださいね!
![](https://hadashifufu.com/wp-content/uploads/2021/11/9b31cc979defa3d302293440773bb0f4-1024x398.jpg)
「有効化」をクリックして、子テーマが有効になっていればインストール完了です!
SWELL導入時にすべき初期設定【5選】
![](https://hadashifufu.com/wp-content/uploads/2021/11/undraw_Personal_settings_re_i6w4.png)
WordPressにSWELLの導入ができたら、テーマをカスタマイズをする前に、あらかじめ必要な初期設定を済ませておきましょう。
SWELL導入時にすべき初期設定は以下の5項目です。
- SWELL推奨プラグインの導入
- SWELLの高速化設定
- Font Awesomeの設定
- Googleアナリティクスの設定
- その他の基本設定
それぞれ解説していきますね。
SWELL推奨プラグインの導入
SWELLは高機能なテーマのため、多くのプラグインを導入する必要はありませんが、必要最低限のプラグインの導入をしておきましょう。
SWELLで推奨されているプラグインで、入れておきたい5つの無料プラグインを下記の記事にまとめています。
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
プラグインのインストール方法も解説しているので、ぜひ参考にしてみてくださいね。
![](https://hadashifufu.com/wp-content/uploads/2021/08/FMT-8-1-300x169.jpg)
SWELLの高速化設定
SWELLの高速化の設定で、下記の3つの項目を確認しておきましょう。
- キャッシュ機能
- パーツの後読み込み機能
- ページ遷移高速化機能
キャッシュ機能
キャッシュ機能とは、一度ブラウザで表示したWebページのデータをデータベースに一時的に保存して、次に同じページをアクセスした際に、素早く表示する仕組みです。
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
WordPressのダッシュボードにある「SWELL設定」から設定できます。
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
特別な高速化のカスタマイズしない限り、すべてオンの設定にします。
パーツの後読み込み機能
SWELLのページ内の記事下コンテンツやフッターや画像、動画などを遅延させて読み込ませることで、ページの表示速度を上げることができます。
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
キャッシュ機能と同じく「SWELL設定」→「高速化」タブから設定できます。
遅延読み込み機能 | 設定 |
---|---|
記事下コンテンツを遅延読み込みさせる | ☑︎オン |
フッターを遅延読み込みさせる | ☑︎オン |
画像のLazyload | ○使用しない ○コアのlazyloadを使用する ◉スプリクト(lazysize.js)を使って遅延読み込みさせる |
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
上記の設定を有効化すれば完了です!
ページ遷移高速化機能
ページ遷移とは、Webサイトに訪問してくれたユーザーが、あるページから別のページへ移動する行動フローを指し、高速化の設定で遷移速度を速めることができます。
「SWELL設定」→「高速化」→「ページ遷移高速化」→「Prefetch」を選択して保存。
あくまで「ページ遷移」が高速化するだけで、「ファーストビューの表示速度」は速くなるわけではないので、必要なければ「使用しない」を選択しましょう。
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
いつでも変更できるので、自分に合った設定にしましょう。
Font Awesomeの設定
Font AwesomeはWeb上で使われるアイコンを文字として利用できるサービスです。
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
設定も簡単にできますよ!
またSWELLでは複数のアイコンをフォントとして読み込んでいるため、Font Awesomeを使用せずに以下のようなアイコンの使用が可能です。(例://)
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
Font AwesomeのアイコンやSWELLに実装されているアイコンを使用する方法は、下記の公式サイトの記事を参考にしてみてください。
Googleアナリティクスの設定
GoogleアナリティクスはWebページのアクセス解析するのに役立つツールです。
Webページのデータを計測するために、GoogleアナリティクスとSWELL推奨のプラグイン「SEO SIMPLE PACK」を使った設定方法をご紹介します。
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
まずはGoogleアナリティクスからトラッキングIDを取得します。
トラッキングIDとは?
![](https://hadashifufu.com/wp-content/uploads/2021/11/c9db8b4ed748f6d6b418cfc413ce0fe4-1024x538.jpg)
![](https://hadashifufu.com/wp-content/uploads/2021/11/6271a7b708d69bbe95aa554f45813e41-1024x538.jpg)
![](https://hadashifufu.com/wp-content/uploads/2021/11/7b45f9cf26cd2f30499a400385cb64e7-1024x538.jpg)
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
トラッキングIDを取得できたら、WordPressのダッシュボードから「SEO SIMPLE PACK」にトラッキングIDを設定します。
「SEO SIMPLE PACK一般設定」→「Googleアナリティクス」タブ→「トラッキングID」または「測定ID」の項目に、ご自身のトラッキングIDを入力して設定を保存すれば完了です!
その他の基本設定
SWELLではテーマのデザインのカスタマイズを自由に細かく設定できます。
SWELL公式のデモサイトを使って、デザインを整えていく方法もあります。
ただ、ご自分のお好みのデザインにカスタマイズすると、より独自性がでるので、さまざまな機能を使ってカスタマイズしてみましょう。
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
細かな基本設定は、SWELL公式サイトの設定マニュアルにある記事を参考に設定してみましょう。
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
カスタマイズが複雑に感じるかもしれませんが、好きなデザインにアレンジできるので楽しい作業の一つですよ!
ブログ初心者でも簡単にできるSWELLの導入方法まとめ
![](https://hadashifufu.com/wp-content/uploads/2021/11/undraw_Checklist__re_2w7v-1024x690.png)
本記事では、SWELLを購入して導入するまでの手順と、インストール時にやっておきたい初期設定を詳しく解説しました。
最後に手順をおさらいをしましょう。
- 公式サイトからSWELLを購入する
- SWELL会員サイト「SWELLERS’」に登録する
- SWELLをダウンロードし、WordPressへインストールする
![](https://hadashifufu.com/wp-content/uploads/2021/07/5859C21F-02D3-4B69-BE21-651F26A3D46A.jpg)
画像に沿ってやれば、SWELLの導入方法はそこまで難しくないですよね!
- SWELL推奨プラグインの導入
- SWELLの高速化設定
- Font Awesomeの設定
- Googleアナリティクスの設定
- その他の基本設定
![](https://hadashifufu.com/wp-content/uploads/2021/07/FEC50DE4-0584-4FEE-B64D-FFF8B1C99E37.jpg)
デザインのカスタマイズで悩んだら、ぜひはだし夫婦のブログも参考にしてみてくださいね!
初心者に優しい収益性が高いブログテーマ
コメント