人気のWordPress有料テーマSWELLの購入とインストールの方法、そして、導入後やるべきことについて初心者向けに分かりやすくご紹介します。
サーバーを契約し、WordPessを既にインストールしていることを前提で進めます。
サーバーの契約やWordPressのインストールがまだの方は以下の記事をご覧ください。
この記事では、SWELLの購入とインストール、導入後にやるべきことについて、以下の流れに沿って紹介します。
SWELLの購入からインストール
SWELL導入後にやるべきこと
SWELLとは

SWELLは「シンプル美と機能性の両立 – 圧倒的な使い心地を追求」がキャッチフレーズの比較的新しいWordPressテーマです。
ブロックエディタに完全対応。ネット上での評価も高く、利用者が急増。国内のWordPressテーマシェアNo.1となっています。
SWELLの概要
リリース | 2019年3月 |
開発者 | 了さん twitter |
販売元 | 株式会社LOOS |
価格 | ¥17,600(税込) |
決済方法 | クレジットカード ( VISA / Master / AMEX / JCB ) ※ 銀行振り込みでの購入は対応できません。 |
ライセンス | 100%GPL(複数のサイトで使用可能) |
サポート方法 | 会員専用フォーラム |
公式サイト | 公式サイト |
SWELLの特長
- ブロックエディタ完全対応。使いやすく、効率的に記事作成ができる。
- コードを書かずに本格的なデザイン、おしゃれなサイトができる
- サイトの表示速度が高速
- WordPressテーマの国内シェアNo.1(2022年1月・マニュオン調べ)
SWELLの特長を一言でいうと、欠点が少なく誰にでも使いやすいテーマだということ。
それは、万人向けの特徴のないテーマだということではなく、こだわりを持って作られています。
ユーザーに取って必要な機能や性能があるべきところにあると、実際に使ってみて感じました。
それでいて無駄な部分を極力落として身軽な設計になっています。
ただ無難に対応するだけではなく、
「SWELL」公式サイト
ブログを簡単に・楽しく・素早く書けるように、細部までこだわってカスタマイズしています。

SWELLの購入・インストールの手順
5つのステップを順を追ってご紹介します。
1. SWELLを購入する
SWELLの購入方法を順を追って説明します。
①まず、「SWELL」公式サイトにアクセスし、真ん中の「DOWNLORD」または、右上の「購入する」ボタンをクリックします。

②以下のような画面に移ります。
下の方の「利用規約」にチェックを入れ、「SWELLを購入する」ボタンをクリックします。

③クレジットカードの決済画面が表示されます。
必要事項を記載の上、「支払う」ボタンをクリックします。

④購入完了画面が表示されたら購入完了です。
完了後、2通のメールが届きます。
- 購入完了通知メール……SWELLのダウンロードリンクが掲載されている
- 領収書メール……販売元 株式会社LOOSからの領収書
完了通知にダウンロードリンクがありますが、親テーマのみで、子テーマはダウンロードできません。
そのため、会員登録してユーザーページ上で、子テーマも合わせてダウンロードします。
2. SWELLの会員サイトに登録
次にSWELLユーザー限定会員サイトに登録します。
テーマのダウンロードだけではなく、ユーザー認証に必要なので、会員サイトの登録は必須です。

ユーザー認証しないとSWELLの更新ができないよ
- SWELL利用中サイトからのユーザー認証
- SWELLに関するご相談や不具合報告などを行うことができるフォーラムの利用
- テーマ最新版や子テーマなど、SWELL製品のダウンロード
- ユーザー限定に公開しているクローズドなSWELLアフィリエイトへの申込み
会員サイトの登録方法
①まず、「SWELL」公式サイト


②次に、右側の「会員登録はこちらから」をクリック


③以下のような画面で、必要事項を入力して、「登録する」ボタンをクリックして登録完了です。
メールアドレスは購入時に使用したメールアドレスでのみ登録可能です。


3. SWELLテーマの本体と子テーマをダウンロード
次に
①まず会員専用サイト


②会員登録したメールアドレスとパスワードでログインします。


③ログインすると「マイページ」が開きます。
そして、下の方にスクロールすると製品のダウンロードリンクがあります。
ここで、SWELL本体最新版と子テーマの両方(zipファイル)をダウンロードします。


4. SWELLテーマをインストールする
今度はダウンロードした2つのテーマファイルをインストールします。
swell-*-*-*-*.zip(親テーマ)⇒ swell_child.zip(子テーマ)の順にインストールします。
※親テーマがインストールされていないと、子テーマをインストールできません。
2つのzipファイルは解凍せず、そのまま使います。


①WordPress管理画面で、外観>テーマと進み、上部の「新規追加」をクリック


②上部のテーマの「アップロード」をクリックすると、以下のような画面になります。
ここで、「ChooseFile」クリックして、ダウンロードしたswell-*-*-*-*.zip(親テーマ)を選択。
そして、「今すぐインストール」をクリックします。


③以下のような画面になるので、「有効化」をクリック


④続いて、親テーマと同じ方法で、子テーマをインストールします。
親テーマと子テーマのインストールが終わったら以下のように表示されます。
子テーマが有効になっているのが正しいかたちです。
これで子テーマと親テーマの両方が有効になっています。


4. SWELLのユーザー認証をする
SWELLのインストールが完了しましたが、まだユーザー認証が完了しておらず、更新ができない状態となっています。
最後にユーザー認証を行います。
①上部に画像のように注意書きが表示されています。
その中の「ユーザー認証」をクリックします。


②会員登録(購入に使用)したメールアドレスを入力し、「認証リクエストを送信」をクリック


②入力したアドレスにメールが届くので、メールに記載している認証URLをクリックします。
③そして、以下の画面に戻って「アクティベートを完了」をクリック
これで完了です!


SWELLは複数サイトの認証が可能で、会員サイトのマイページには、認証されたサイトの一覧があります。
ここで、認証解除もできます。


SWELLのインストール後にやるべきこと
SWELLのインストールが終わったら、初めにやるべきことを以下の手順でご紹介します。
1. SWELLの初期設定をする
SWELLテーマ独自の「SWELL」設定には、ページ表示速度を高速化する設定があります。
ここでは高速化設定の「キャッシュ機能」「ファイルの読み込み」「遅延読み込み機能」の3つを行います。
管理画面内の「SWELL設定」>「高速化」タブで設定
キャッシュ機能
全てにチェック


キャッシュの利用により、カスタマイズした時、変更が反映されない場合があります。
そのような時はSWELL設定で、キャッシュクリアを行います。


ファイルの読み込み
以下の画像の通り2箇所にチェック。
「フッター付近のCSS遅延読み込み」は「SWELLのCSSをインラインで読み込む」にチェックの場合無効なので、チェックを入れません。


遅延読み込み機能
コンテンツの遅延読み込みと画像等のLazyLoadは以下の画像の通り


スクリプトの遅延読読み込み
遅延読み込み機能の下の方に「スクリプトの遅延読読み込み」の設定があります。
SNSや広告、バナーなどスクリプトタグで呼び出す外部のJavaScriptファイル等は、サイトの表示を遅くさせます。このようなプログラムを遅延読み込みさせる機能です。
アドセンス広告やツイッターの埋め込み等は読み込み速度にかなり影響することを実感していたので、この機能によって効果があったと思います。
スプリプト遅延読み込みをONにして、以下画像のようにスクリプトのキーワードを入力します。
下部の遅延させる秒数は「5秒」にしました。(デフォルトは3秒)


各スクリプトのキーワードは何の遅延に使われるか
当サイトで入力しているキーワード一覧です。
twitterからピンタレストまでは、デフォルトで入っており、公式サイトを参考にそれ以下のキーワードを追加しました。 参考:「スクリプトの遅延読み込み」機能の使い方について(SWELL公式サイト)
twitter.com/widgets.js, | Twitterの埋め込みやいいねボタン |
instagram.com/embed.js, | インスタグラムの埋め込み |
connect.facebook.net, | Facebookの埋め込みやフォローボタン |
assets.pinterest.com, | ピンタレストの埋め込みやピンボタン |
adsbygoogle.js, | Googleアドセンス |
googletagmanager.com/gtag/js, gtag(, | Googleアナリティクス |
clipboard.min.js, | URLコピーボタン関係 |
set_urlcopy.min.js, | 画像をクリックで拡大させる機能 |
prism.js, hcb_script.js, | プラグインHilighting Code Block(記事内のソースコードを見やすくするプラグイン) |
ページ遷移高速化
ページ遷移高速化は使用していません。


prefetch有効化を推奨しているブログが多いですが、サーバーへの負荷が高くなるという解説もありました。
私が実際に「PageSpeed Insights」で表示速度をチェックしたところ、スコアが下がったので、使用していません。
2. SWELL必須のプラグインを導入する
SWELLの開発者による「SEO SIMPLE PACK」は、必ずインストールすべきプラグインです。
それ以外のプラグインは、必要に応じて導入しましょう。
開発者のおすすめプラグインと、非推奨、相性の悪いプラグインなどが公式サイトに載っているので、参考にするとよいと思います。


3. WordPressの初期設定を行う
WordPressの初期設定も行いましょう。
基本的には以下の6つの項目です。
- 一般設定
- 投稿設定
- 表示設定
- ディスカッション
- メディア
- パーマリンク設定


4. DiscordのSWELLコミュニティーに参加(任意)
SWELLの会員向けオンラインコミュニティ「Discord」に参加できます。
ユーザー同士がチャットを使って交流でき、アップデート情報などもあります。


以前は、slackというツールを使っていましたが、2022年12月、Discordに移行しました。
5. SWELLのアフィリエイトプログラムに参加(任意)
SWELLのアフィリエイトは、「もしもアフィリエイト」のクローズド案件になっています。
SWELLの購入者のみがアフィリエイトプログラムに参加できます。
「もしもアフィリエイト」に登録の上、
SWELLの購入・インストールなどに関するよくある質問
- SWELLを無料でお試し体験できますか。
-
かなり前にお試し版を配布
していましたが、メジャーアップデートに伴い、配布を停止しました。 - 割引購入するにはどうしたらいいですか。
-
SWELLの割引は行われていませんが、エックスサーバーの「WordPressテーマインストール」機能を利用すると、SWELLを割引価格で購入できます。
- 1回のテーマ購入で複数サイトに使えますか。
-
はい、使えます。
SWELLは100%GPLテーマなので、「購入者自身の運営サイトへの使用」に関する利用制限はありません。
- SWELLを第三者がサイト制作に使うことはできますか
-
Web制作などでクライアントに代わって代理購入・制作することはできますが、サイト所有者がテーマの更新ができる環境を維持するなど、いくつかの項目を遵守する必要があります。利用規約(公式サイト)
- 購入後のサポートはありますか
-
購入者が利用できる SWELLユーザー専用のフォーラムサイト
があります。 - SWELLのデモサイトを見ることはできますか
-
デモサイト一覧はこちら
です。
6つのデモサイトがあり、それぞれを確認できます。 - デモサイトを再現できる着せ替えデータは、どのように入手できますか。
-
SWELLのデモサイトデータ(デザイン着せ替えファイル)一覧はこちら
です。
ログインして、ダウンロードリンクからそれぞれのデータをダウンロードできます。 - 子テーマと親テーマ、どちらを有効化したらいいですか。
-
基本的には「子テーマ」を有効化します。
「子テーマ」を編集することで「親テーマ」の機能やデザインを上書きできます。
- 他のテーマから移行するにはどうしたらいいですか?
-
SWELLでは、乗り換えサポート用プラグインが用意されています。
詳しくは、「SWELL」公式サイト
をご覧ください。
SWELLの購入・インストール方法~まとめ
SWELLは以下のような方におすすめです。
- これからブログを始める方(初心者)
- コードを書かずにサイトを作りたい方
- 有料テーマ選びに迷っている方
- おしゃれなデザインのサイトを作りたい方
- 使用中のテーマのデザインが気に入らない方
- クラシックエディターからブロックエディターに乗り換えたい方
- サイトの表示速度を高速化したい方
とても使いやすいテーマで、HTMLやCSSの知識がなくてもサイトを作成できるので、特に初心者の方のおすすめです。
\ おしゃれなサイトが簡単にできる /