SWELLの購入方法とインストール方法【購入後の設定も解説】

2022年4月2日2024年7月15日

パグ主任

初めての有料テーマをドキドキするな。SWELLをトラブルなくインストールしたいぞ。

今回はこのようなお悩みにお答えします。

有料テーマを始めて購入する時、私も結構緊張しました。

皆さんも無事にSWELLを購入、インストールできるのか不安ですよね。

そこで実際にSWELLを利用している私が、購入方法からインストール方法まで詳しく解説します。

画像30枚以上使い解説しているので、真似するだけでOKです。

SWELLが気になる方は、記事をのぞいてみてください。

この記事の著者

休日所長

副業ブロガー歴3年。月間32,000PVのブログ収益化研究所を運営。

著者情報の詳細

追記です。

CocoonからSWELLに移行したい方はCocoonからSWELLへの移行手順【プラグインで簡単移行】の記事もおすすめです。

当サイトの紹介用リンクからエックスサーバーと契約すると料金が20％割引！！

申込み方法はこちら：エックスサーバー【お友達紹介プログラム】20％以上安くする方法

【WordPressテーマ】SWELLの基本情報

まずはSWELLの値段とトレンドについて確認しましょう。

SWELLの値段

SWELLは買い切りで値段は¥17,600（税込）です。

一度購入したら複数サイトに利用可能です。

項目	SWELLの情報
公式サイト	https://swell-theme.com/
SWELLの販売価格	¥17,600（税込）
支払い方法	クレジットカード ( VISA / Master / AMEX / JCB )
販売会社	株式会社LOOS
ライセンス	複数サイトで利用可能

SWELLは了さん(天才エンジニア)が開発したWordPressの有料テーマです。

SWELLは2023年も人気のWordPressテーマ

上の表はGoogleトレンドで「SWELL」のトレンドを調べた結果です。(2020年4月1日～2023年1月1日)

人気度が2年間で、11から74まで右肩上がりしていることがわかります。

つまり今、SWELLは人気のWordPressテーマだということがわかります。

Googleトレンドの人気度は相対的な数値です。

数値、0〜100の範囲で表示され、値が大きければ人気があるということになります。

休日所長

当サイト「ブログ収益化研究所」もSWELLを使用しています。

SWELLの購入方法

この項目ではSWELL購入時の支払い方法と、購入後のダウンロード方法について解説します。

SWELL購入時の支払い方法

まず、SWELLの公式ページにアクセスします。

公式サイトにアクセスしたら、画面右上の【購入する】をクリックします。

利用規約のページが表示されます。

利用規約を確認し、問題がなければ【利用規約に同意します。】にチェックを入れ【SWELLを購入する】をクリックします。

なおSWELLの購入に関し、支払い方法はカードのみになります。

銀行振込みはできないので気をつけましょう。

購入画面が表示されたら「メールアドレス」「カード情報」を入力し【支払う】をクリックします。

【安全なワンクリックチェックに使用する情報を保存する】にチェックを入れなくて大丈夫です。

支払いが終わると購入完了画面が表示されます。

登録したメールアドレスに「領収書」と「SWELLのダウンロードリンク」が記載された自動返信メールが届きます。

メールのダウンロードリンクからSWELLをダウンロードできます。

過去には自動返信メールには【購入者限定パスワード】が記載されていましたが、2022年から発行されなくなりました。

※「購入者限定パスワード」は現在発行しておりませんので、ご自身で任意のパスワードをご指定ください。
引用：SWELL公式サイト

SWELLのダウンロード方法

SWELLには親テーマと子テーマがあります。

例えるなら親テーマがロボット本体、子テーマが操縦席です。

パグ主任

例えが微妙だぞ！！

親テーマは自動返信メールからダウンロードする
子テーマは会員ページからダウンロードする

休日所長

まずはメールのダウンロードリンクから親テーマをダウンロードします。

自動返信メールからSWELLの親テーマをダウンロードする

自動返信メールに記載された【SWELLダウンロードリンク】をクリックすると、SWELLの親テーマのzipファイル(圧縮ファイル)をダウンロードできます。

解凍せずにWordPressにアップロードするので、触らなくてOKです。

何度でもリンクからダウンロードできるので解凍してしまったら、またダウンロードしてください。

これでSWELLの親テーマのダウンロードは完了です。

会員サイトにログインしてSWELLの子テーマをダウンロードする

SWELLの子テーマは会員サイトからしかダウンロードできないことが記載された画像

2022年3月現在、SWELLの子テーマは会員サイトからしかダウンロードできません。

SWELLの子テーマは、会員サイトマイページよりダウンロード可能です。
引用；SWELL公式サイト

まずは会員サイトに登録しましょう。

⋙SWELL会員サイト登録ページへ

SWELLの会員サイト【SWELLERS’】に登録する方法

SWELL会員サイト登録ページにアクセスしたら、以下のように記入しましょう。

項目	記入方法
ユーザー名	自由に設定
メールアドレス	SWELL親テーマ購入時に登録したメールアドレス
パスワード	自由に設定

※ ユーザー名を旧会員サイトと一致させる必要はありません。自由に設定してください。

※「購入者限定パスワード」は現在発行しておりませんので、ご自身で任意のパスワードをご指定ください。
引用：SWELL公式サイト

記入が終わったら【当サイトの利用規約に同意します。】にチェックを入れて【登録する】をクリックしましょう。

マイページにログインできたら、会員サイト【SWELLERS’】への登録は完了です。

メールボックスにも【[SWELLERS’] ユーザー登録完了】という確認メールが届いています。

会員サイトからSWELLの子テーマをダウンロードする方法

マイページのページを下にスクロールすると【SWELL製品ダウンロード】と記載された項目があります。

SWELLの子テーマのダウンロードボタンがあるので、クリックすればダウンロード完了です。

パグ主任

やったー！これでSWELLを無事ゲットできたよ！

SWELLのインストール方法

SWELLの親テーマ、子テーマをWordPressにインストールし、有効化する方法を解説します。

SWELLの親テーマをインストールする

WordPressのダッシュボード画面を表示させます。

【外観】⇒【テーマ】をクリックしページを進めましょう。

テーマのページが表示されたら【新規追加】をクリックします。

【テーマの追加】という画面が表示されたら、以下の順番でSWELLの親テーマをインストールします。

【テーマのアップロード】をクリック
ファイルの選択をクリック
SWELLの親テーマを選択
【今すぐインストール】をクリック

パグ主任

最初にインストールするのはswellって名前のzipファイルだよ！

インストールが完了したら有効化しましょう。

これでSWELLの親テーマのインストールは完了です。

SWELLの子テーマをインストールする

SWELLの子テーマのインストール方法は親テーマは同様です。

今度は【ファイルの選択】でSWELLの子テーマのzipファイルを選択しましょう。

SWELLの子テーマのインストールが完了したら、有効化をクリックします。

これでSWELLの子テーマのインストールは完了です。

親テーマ⇒子テーマの順番に有効化します。

すると子テーマが有効化され、親テーマは有効化されていない状態になります。

この状態でOKです。

常に子テーマを有効化した状態にしましょう。

親テーマが有効化され子テーマが有効化されていない状態では、SWELLがバージョンアップした時にカスタマイズがリセットされる可能性があります。

休日所長

子テーマ、親テーマの有効化は何度でもやり直せるので焦らなくてもOKです。

インストールが完了すると、トップ画面がSWELLに切り替わります。

これでSWELLの購入からインストールまでの作業は完了です。

＼人気ブロガーも愛用／

SWELLを詳しくみる

SWELL購入後の初期設定

この項目では、SWELL購入後にすべき初期設定について解説します。

SWELLの高速化設定
SWELLのプラグイン設定
WordPressの初期設定

SWELLの高速化設定

SWELLには、標準でページ表示速度を高速化させる機能があります。

SWELLがSEOに強い要因の1つが、高速化機能です。

導入したらすぐに高速化設定しましょう。

ダッシュボードから【SWELL設定】⇒【高速化】をクリックします。

まずはキャッシュ機能から設定します。

キャッシュ機能

設定項目	設定方法
動的なCSSをキャッシュする	チェックを入れる
ヘッダーをキャッシュする	チェックを入れる
サイドバーをキャッシュする	チェックを入れる
下部固定メニューをキャッシュする	チェックを入れる
スマホ開閉メニューをキャッシュする	チェックを入れる
トップページコンテンツをキャッシュする	チェックを入れる
内部リンクのブログカードをキャッシュする	チェックを入れる
外部リンクのブログカードをキャッシュする	チェックを入れる
ブログカードのキャッシュ期間	30日間

全ての項目にチェックを入れたらOKです。

キャッシュとは、読み込んだ情報を一時的に保存する機能です。

キャッシュにより、読者が2回目以降ブログを閲覧する際に素早くページが表示されます。

保存する場所はプラウザやレンタルサーバーです。

SWELLの全てのパーツにキャッシュ機能を持たせることで、ページ表示速度を高速化できるのです。

遅延読み込み機能

設定項目	設定方法
記事下コンテンツを遅延読み込みさせる	チェックを入れる
フッターを遅延読み込みさせる	チェックを入れる
画像等のLazyload	【スクリプト(lazysizes.js)を使って遅延読み込みさせる】にチェック ⇒lazysizes.jsは全てのプラウザに対応しているため
スクリプトを遅延読み込みさせる	チェックを入れる

遅延読み込みとは読者が見ているコンテンツのみを表示させて、見ていないコンテンツを後から表示させる技術です。

読者がブログを開いた時、全てのコンテンツを表示させずに済むためページ表示速度が高速化します。

またLazy Loadとは、画像の遅延読み込み機能のことです。

これ以降の項目はデフォルトのままでOKです。

ファイルの読み込み

設定項目	設定方法
SWELLのCSSをインラインで読み込む	チェックを入れる

CSSとはHTMLに装飾をする言語のことです。

CSSを表示させるには、通常外部ファイルの読み込みが必要です。

この項目にチェックを入れると、CSSはHTMLに記述されるため外部ファイルを読み込む手間が省けます。

そのためページ表示速度が高速化します。

パグ主任

なんとなく理解できればOKだよ！

ページ遷移高速化

設定項目	設定方法
高速化の種類	Prefetchにチェックを入れる

Prefetchとは、ブログコンテンツを事前にキャッシュに読み出しておく機能です。

Prefetchによりコンテンツを逐次読み出さずに済むため、ページ表示速度が高速化します。

【変更を保存】をクリックすれば、SWELLの高速化設定は完了です。

休日所長

その他のSWELL設定はSWELLに慣れたら設定しましょう

SWELL必須プラグインの導入

SWELLと相性のよいプラグインを、重要度と共に記載します。

プラグイン名	機能	重要度
①SEO SIMPLE PACK	SEO対策	高
②XML Sitemap & Google News	XMLサイトマップの作成	高
③XML Sitemaps	XMLサイトマップの作成	高
④All-in-One WP Migration	ブログのバックアップ	高
⑤Wordfence Security	総合セキュリティ	高
⑥Throws SPAM Away	スパムコメント対策	中
⑦Contact Form by WPForms	お問い合わせフォーム作成	高
⑧WP Mail SMTP by WPForms	お問い合わせフォームからの自動返信メール	中
⑨WP Multibyte Patch	WordPressへの日本語対応	高
⑩EWWW Image Optimizer	画像の圧縮	中
⑪LiteSpeed Cache	ページ表示速度向上	中
⑫WordPress Ping Optimizer	Ping送信最適化	低
⑬WP Sitemap Page	HTMLサイトマップの作成	中
⑭Pochipp(ポチップ)	物販系アフィリエイトリンクの作成	低
⑮Highlighting Code Block	コードエディターの作成	低
⑯Simple Local Avatars	アバター画像の設定	低