SWELLの購入・インストール方法から初期設定まで分かりやすく解説

人気のWordPress有料テーマSWELLの購入とインストールの方法、そして、導入後やるべきことについて初心者向けに分かりやすくご紹介します。

サーバーを契約し、WordPessを既にインストールしていることを前提で進めます。

サーバーの契約やWordPressのインストールがまだの方は以下の記事をご覧ください。

この記事では、SWELLの購入とインストール、導入後にやるべきことについて、以下の流れに沿って紹介します。

すぐに購入方法を知りたい方はこちらへ

SWELLでブログを最短で作成する方法はこちらをご覧ください。

SWELLでサイト型のブログを作成する方法はこちらをご覧ください。

WordPressテーマ SWELLとは

WordPressテーマ SWELLの概要

リリース	2019年3月
開発者	了さん　 twitter
販売元	株式会社LOOS
価格	¥17,600（税込）
決済方法	クレジットカード ( VISA / Master / AMEX / JCB ) ※ 銀行振り込みでの購入は対応できません。
ライセンス	100％GPL（複数のサイトで使用可能）
サポート方法	会員専用フォーラム
公式サイト	公式サイト

WordPressテーマ「SWELL」の特長

SWELLの特長を一言でいうと、欠点が少なく誰にでも使いやすいテーマだということ。

それは、万人向けの特徴のないテーマだということではなく、こだわりを持って作られています。

ユーザーに取って必要な機能や性能があるべきところにあると、実際に使ってみて感じました。

それでいて無駄な部分を極力落として身軽な設計になっています。

ただ無難に対応するだけではなく、
ブログを簡単に・楽しく・素早く書けるように、細部までこだわってカスタマイズしています。

「SWELL」公式サイト

当ブログもSWELLを使っています。
以前は、CocoonやSnowMonkeyを使っていましたが、思い切って乗り換えました。
運営する他のコーポレイトサイトもSWELLを使っています。

ユーザー目線で設計されており、驚くほど使いやすい。
また、汎用性が高く、様々なジャンルに使えます。

WordPressテーマ SWELLはこんな方におすすめ

SWELLがおすすめの方

SWELLをおすすめめしない方

SWELLの購入・インストールの手順

SWELLの購入からインストールまで、５つのステップを順を追ってご紹介します。

1. SWELLを購入する

SWELLの購入方法を順を追って説明します。

①まず、SWELL公式サイトにアクセスし、真ん中の「DOWNLORD」または、右上の「購入する」ボタンをクリックします。

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

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

④購入完了画面が表示されたら購入完了です。
　完了後、２通のメールが届きます。

完了通知にダウンロードリンクがありますが、親テーマのみで、子テーマはダウンロードできません。
そのため、会員登録してユーザーページ上で、子テーマも合わせてダウンロードします。

子テーマはCSSやfunction.php等を使った独自カスタマイズに使います。
必要ない方は、ダウンロードリンクから親テーマだけをダウンロードするのでOKですが、将来的に使う可能性がある場合はインストールしておきましょう。
参考：子テーマとは? 基本や作り方を解説（初心者向け）

2. SWELLの会員サイトに登録

次にSWELLユーザー限定会員サイトに登録します。

テーマのダウンロードだけではなく、ユーザー認証に必要なので、会員サイトの登録は必須です。

会員サイトの登録方法

①まず、SWELL公式サイトにアクセスし、右上の「フォーラム」をクリックします。

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

③以下のような画面で、必要事項を入力して、「登録する」ボタンをクリックして登録完了です。

メールアドレスは購入時に使用したメールアドレスでのみ登録可能です。

3. SWELLテーマの本体と子テーマをダウンロード

次に会員専用サイトでSWELLテーマの本体と子テーマをダウンロードします。

子テーマが必要ない方は本体（親テーマ）だけでOKですが、将来、独自カスタマイズする場合に必要になるので、子テーマも合わせてインストールすることをおすすめします。

①まず会員専用サイトにアクセスし、上部の「ログイン」をクリックします。

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

③ログインすると「マイページ」が開きます。
そして、下の方にスクロールすると製品のダウンロードリンクがあります。

ここで、SWELL本体最新版と子テーマの両方（zipファイル）をダウンロードします。

4. SWELLテーマをインストールする

公式サイトでもSWELLのインストール方法を紹介しています。
WordPressテーマ「SWELL」をインストールする方法（外部リンク）

今度はダウンロードした２つのテーマファイルをインストールします。

swell-*-*-*-*.zip（親テーマ）⇒ swell_child.zip（子テーマ）の順にインストールします。
※親テーマがインストールされていないと、子テーマをインストールできません。

２つのzipファイルは解凍せず、そのまま使います。

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

②上部のテーマの「アップロード」をクリックすると、以下のような画面になります。

ここで、「ChooseFile」クリックして、ダウンロードしたswell-*-*-*-*.zip（親テーマ）を選択。
そして、「今すぐインストール」をクリックします。

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

④続いて、親テーマと同じ方法で、子テーマをインストールします。

親テーマと子テーマのインストールが終わったら以下のように表示されます。

子テーマが有効になっているのが正しいかたちです。
これで子テーマと親テーマの両方が有効になっています。

5. SWELLのユーザー認証をする

SWELLのインストールが完了しましたが、まだユーザー認証が完了しておらず、更新ができない状態となっています。

最後にユーザー認証を行います。

①上部に画像のように注意書きが表示されています。
その中の「ユーザー認証」をクリックします。

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

②入力したアドレスにメールが届くので、メールに記載している認証URLをクリックします。

③そして、以下の画面に戻って「アクティベートを完了」をクリック

これで完了です！

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

ここで、認証解除もできます。

「SWELL」公式サイト

割引価格でSWELLを購入する方法について【エックスサーバー限定】

以下の内容は、エックスサーバーを新規購入または、既に契約済みの方のみが対象です。

SWELLのインストール後にやるべきこと

SWELLのインストールが終わったら、初めにやるべきことを以下の手順でご紹介します。

1. SWELLの初期設定をする

SWELLテーマ独自の「SWELL」設定には、ページ表示速度を高速化する設定があります。

ここでは高速化設定の「キャッシュ機能」「ファイルの読み込み」「遅延読み込み機能」の3つを行います。

SWELL設定の他の項目は、とりあえずデフォルトのままでOKです。

管理画面内の「SWELL設定」＞「高速化」タブで設定

キャッシュ機能

全てにチェック

SWELLのキャッシュ機能
Transients API というものを使っており、ブラウザではなくデータベースにキャッシュ情報を保存。Cookieの設定に左右されることなく利用できます。
一度管理者側がサイトを表示させてキャッシュを作成すれば他のユーザーが初めて訪れた時でもキャッシュデータを利用できます。

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

ファイルの読み込み

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

遅延読み込み機能

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

遅延読み込みとは
サイトに表示されるコンテンツや画像を一度に読み込まず、必要に応じて必要な分だけ読み込むという技術です。
不必要な部分の読み込みを後回しにして、出来る限り短い時間でサイトを表示し、表示速度を速くすることができます。

スクリプトの遅延読読み込み

遅延読み込み機能の下の方に「スクリプトの遅延読読み込み」の設定があります。

SNSや広告、バナーなどスクリプトタグで呼び出す外部のJavaScriptファイル等は、サイトの表示を遅くさせます。このようなプログラムを遅延読み込みさせる機能です。

アドセンス広告やツイッターの埋め込み等は読み込み速度にかなり影響することを実感していたので、この機能によって効果があったと思います。

スプリプト遅延読み込みをONにして、以下画像のようにスクリプトのキーワードを入力します。
下部の遅延させる秒数は「５秒」にしました。（デフォルトは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」で表示速度をチェックしたところ、スコアが下がったので、使用していません。

参考：WordPressカスタマイズさん

2. SWELL必須のプラグインを導入する

SWELLの開発者による「SEO SIMPLE PACK」は、必ずインストールすべきプラグインです。

それ以外のプラグインは、必要に応じて導入しましょう。

開発者のおすすめプラグインと、非推奨、相性の悪いプラグインなどが公式サイトに載っているので、参考にするとよいと思います。

3. WordPressの初期設定を行う

WordPressの初期設定も行いましょう。
基本的には以下の6つの項目です。

4. DiscordのSWELLコミュニティーに参加（任意）

SWELLの会員向けオンラインコミュニティ「Discord」に参加できます。

会員サイトでログインし、マイページ右上のバナーをクリックして、Discordアカウントやメールアドレスなどを使ってログインします。

ユーザー同士がチャットを使って交流でき、アップデート情報などもあります。

以前は、slackというツールを使っていましたが、2022年12月、Discordに移行しました。

5. SWELLのアフィリエイトプログラムに参加（任意）

SWELLのアフィリエイトは、「もしもアフィリエイト」のクローズド案件になっています。

SWELLの購入者のみがアフィリエイトプログラムに参加できます。

「もしもアフィリエイト」に登録の上、会員サイトでログインし、マイページSWELLのユーザーページから内容を確認してください。

SWELLのインストールや初期設定が終わった後、ブログを最短で作成する方法はこちらをご覧ください。

SWELLでサイト型のブログを作成する方法はこちらをご覧ください。

SWELLのアップデート方法

SWELLのユーザー認証を行っていれば、アップデート（更新）の通知が自動的に表示されるので、都度、更新を行います。

更新があると、管理画面「ダッシュボード」の「更新」に以下のように、赤い番号が表示されます。

「更新」をクリックします。

以下のような画面で、SWELLにチェックを入れ、「テーマを更新」をクリックすると、更新が行われます。

更新が完了すると、「更新に成功しました」と表示されます。

更新作業は以上ですが、以下の箇所でも、更新できます。
どちらでもOKです。

管理画面の「外観」→「テーマ」にも、上記と同様の更新の赤い番号が表示され、「今すぐ更新」をクリックすると、更新できます。

SWELLの購入・インストールなどに関するよくある質問

SWELLテーマを無料でお試し体験できますか？

かなり前にお試し版を配布していましたが、メジャーアップデートに伴い、配布を停止しました。

SWELLテーマを割引購入するにはどうしたらいいですか？

SWELLの割引は行われていませんが、エックスサーバーの「WordPressテーマインストール」機能を利用すると、SWELLを割引価格で購入できます。

【SWELLをお得に購入】エックスサーバーの「WordPressテーマインストール」機能

1回のSWELLテーマ購入で複数サイトに使えますか？

はい、使えます。

SWELLは100%GPLテーマなので、「購入者自身の運営サイトへの使用」に関する利用制限はありません。

SWELLテーマのダウンロード回数に制限はありますか？

回数制限はありません。
SWELL会員サイト(マイページ）から何度でもダウンロードできます。

SWELLテーマを第三者がサイト制作に使うことはできますか？

Web制作などでクライアントに代わって代理購入・制作することはできますが、サイト所有者がテーマの更新ができる環境を維持するなど、いくつかの項目を遵守する必要があります。利用規約（公式サイト）

SWELLテーマに購入後のサポートはありますか？

購入者が利用できる SWELLユーザー専用のフォーラムサイトがあります。

SWELLの基本機能の範囲内でのみの対応となります。
あくまで開発者によるサービス対応となっており、質問の解決を保証するものではありません。

SWELLのデモサイトを見ることはできますか？

SWELLテーマのデモサイト一覧はこちらです。

公式サイトには、6つのデモサイトがあり、それぞれを確認できます。

以下は、私が作成したコーポレイトサイトのデモサイトです。

• デモサイト（カフェ）　
• デモサイト（整骨院）　
• デモサイト（温泉旅館）　
• デモサイト（企業サイト）

SWELLテーマのデモサイトを再現できる着せ替えデータは、どのように入手できますか？

SWELLのデモサイトデータ（デザイン着せ替えファイル）一覧はこちらです。
ログインして、ダウンロードリンクからそれぞれのデータをダウンロードできます。

SWELLの子テーマと親テーマ、どちらを有効化したらいいですか？

基本的には「子テーマ」を有効化します。

「子テーマ」を編集することで「親テーマ」の機能やデザインを上書きできます。

他のテーマからSWELLに移行するにはどうしたらいいですか？

SWELLでは、乗り換えサポート用プラグインが用意されています。

詳しくは、「SWELL」公式サイトをご覧ください。

クレジットカードが利用できない場合でもSWELLテーマを購入できますか？

クレジットカード以外では、バンドルカードを使った決済に対応しています。
（銀行振込コンビニ振り込みには対応していません）

バンドルカードは、スマホにインストールしてお金をチャージすると、Visaカードとして支払いに使えるアプリです。
電話番号があれば利用できます。

SWELLの購入・インストール方法～まとめ

SWELLは以下のような方におすすめです。

とても使いやすいテーマで、HTMLやCSSの知識がなくてもサイトを作成できるので、特に初心者の方のおすすめです。

＼ おしゃれなサイトが簡単にできる ／