【無料】限定マガジン&Webスキル動画プレゼント中!

初心者必見!SWELLの導入方法と絶対すべき初期設定を徹底解説【画像あり】

「ブログ初心者でテーマの導入方法がわからない。」

「SWELLを購入したいと考えているから、導入方法の手順を簡単に知りたい。」

「SWELL導入後の初期設定がわからなくて不安…。」

ありさ

こんなお悩み解決します!

WordPressブログ初心者でも、たった3つのステップで簡単にSWELLを導入できます。

SWELLを導入して使用している僕が実際の画像を使って、SWELLの導入方法と必要な初期設定をわかりやすく解説していきます。

この記事を読むと…
  • テーマ購入時に必要な初期設定がわかる
  • WordPressテーマ「SWELL」の導入の方法がわかる
  • ブログ初心者でも簡単にSWELLのセットアップができる

記事を最後まで読んで、ブログ運営に役立ててくださいね!

この記事を書いた人

この記事を書いている僕は、当ブログ以外にも多数のブログとSNSアカウントを運営して独立。ブログ×SNSの収益で法人化までたどりつきました。

  • SWELLの導入手順がわかる特別PDF!
  • 秘密のキーワード「SWELL」と送ってください♪
30秒で受け取れます♪
目次

ステップ① 公式サイトからSWELLを購入する

では早速、SWELLの導入方法から解説していきます。

SWELLを導入するためのステップは以下の3つです。

SWELL導入の3つの手順
  1. 公式サイトからSWELLを購入する
  2. SWELL会員サイト「SWELLERS’」に登録する
  3. SWELLをダウンロードし、WordPressへインストールする

まずはステップ①のSWELLの公式サイトへアクセスし、テーマを購入していきましょう。

ありさ

購入前にSWELLのメリット・デメリットを知りたい方は以下の記事を参考にしてみてくださいね!

公式サイトの画面で「購入する」もしくは「DOWNLOAD」ボタンをクリック。

SWELL公式サイトトップページ

画面を一番下までスクロールして、「利用規約に同意します。」にチェックを入れて「SWELLを購入する」をクリック。

SWELL購入画面

カードで支払いの各項目(メールアドレス・カード情報・カード所有者名・国または地域)を記入し、「支払う」をクリック。

「安全なワンクリックチェックアウトに使用する情報を保存する」の項目は個人のお好みでチェックでOK!

クレジットカード支払い画面
ありさ

これで購入完了です!

いちろー

購入完了後に入力したメールアドレス宛に、SWELL購入のメールが届きます!

利用規約上、メールは公開できませんが、下記の情報が含まれているため大切に保管しておきましょう。

SWELL購入時のメールの内容
  • SWELLダウンロードリンク
  • 購入者限定パスワード
  • SWELLコミュニティのSlackチャンネルの招待URL

メールを受信しない場合は、迷惑メールのフォルダに入っている可能性があるため、念のために確認してみましょう。

ステップ② SWELL会員サイト「SWELLERS’」に登録する

SWELLが購入できたら、ステップ②のSWELLユーザー専用会員サイト「SWELLERS’」に登録をしましょう。

会員サイトでできること
  • 最新のテーマや子テーマの製品ダウンロード
  • SWELLを利用しているサイトからのユーザー認証
  • SWELLユーザー限定のSWELLのアフィリエイトの申し込み
  • SWELLに関する相談や不具合報告ができるフォーラムの利用
ありさ

では会員登録の手順をチェックしていきましょう!

SWELL公式サイトにアクセスし、トップページにある「フォーラム」をクリック。

「フォーラム」をクリック

画面の右側にある「会員登録はこちらから」のボタンをクリック。

SWELLERS’会員登録ボタンをクリック

新規会員登録ページで必要項目を入力して登録しましょう。

新規会員登録ページ
必要項目
  • ユーザー名(好きなユーザーを自由に設定)
  • メールアドレス(SWELL購入時と同じメールアドレス)
  • パスワード(SWELL購入時に受信した購入者限定パスワード)
  • 当サイトの利用規約に同意します(ボックスにチェック)
  • 「登録する」ボタンをクリック
いちろー

ユーザー登録が完了するとメールが届くので、メールボックスを確認しましょう。

受信したメール内容に記載されているURLのリンクから新しいパスワードの設定ができます。

パスワードの設定

パスワードの設定が終わったら会員登録の完了です!

ステップ③ SWELLをダウンロードし、WordPressへインストールする

続いてステップ③では、WordPressテーマ「SWELL」をダウンロードして、WordPressへインストールしていきましょう。

下記のボタンからSWELLユーザー限定の会員サイトへアクセスします。

\ ユーザー限定会員サイト「SWELLERS’」 /

「マイページ」をクリックしてログイン画面へアクセスしましょう。

SWELLERS’会員サイト
ありさ

もしくはSWELL公式サイトの「フォーラム」から、ナビゲーションの項目にある「ログイン」をクリックすると同じ画面へアクセスできます!

「ユーザー名」と「パスワード」、表示されている「CAPTCHAコード」を入力して、「ログイン」をクリック。

ログイン画面
入力内容
  • メールアドレス(会員登録時のメールアドレス)
  • パスワード(会員登録時のメールアドレス)
  • CAPYCHAコード(画面に表示されたひらがな4文字)
  • 「ログイン」をクリック

ログインができたら、製品ダウンロードページの「SWELL製品ページへ」のボタンをクリック。

SWELL製品ダウンロード

SWELL本体の親テーマと子テーマをそれぞれクリックしてダウンロードしましょう。

親テーマと子テーマのダウンロード

親テーマ・子テーマとは?

WordPressテーマのデザインのテンプレートとなる本体のファイルを「親テーマ」、テーマを直接カスタマイズするためのファイルを「子テーマ」と呼びます。

いちろー

テーマの更新時にカスタマイズが消えてしまったり、エラーにならないように親テーマと一緒に子テーマもインストールしておきましょう。

他のテーマから、SWELLのテーマに変更する場合は、該当する乗り換えサポート用プラグインも合わせてダウンロードしておきましょう。

乗り換えサポート用プラグイン
対応しているテーマ
  • AFFINGER5
  • Cocoon
  • JIN
  • SANGO
  • STORK
  • THE THOR

ダウンロードができたら、WordPressへインストールします。

WordPressのダッシュボード(管理画面)にある「外観」から「テーマ」を選択し、「新規追加」ボタンをクリック。

テーマの新規追加

次にボタンから「テーマのアップロード」をクリックし、「ファイルを選択」をクリック。

ダウンロード画面で先ほどパソコンに保存したSWELL(最新版)の親テーマのファイルを選択し、「開く」をクリック。

ファイルを追加したら「今すぐインストール」をクリック。

テーマの追加
いちろー

親テーマをインストール後に、同じ手順でSWELLの子テーマもインストールしましょう!

ありさ

子テーマのインストールが完了したら、「有効化」をクリックしてくださいね!

SWELL子テーマ有効化

「有効化」をクリックして、子テーマが有効になっていればインストール完了です!

SWELL導入時にすべき初期設定【5選】

WordPressにSWELLの導入ができたら、テーマをカスタマイズをする前に、あらかじめ必要な初期設定を済ませておきましょう。

SWELL導入時にすべき初期設定は以下の5項目です。

SWELLテーマに必要な初期設定
  1. SWELL推奨プラグインの導入
  2. SWELLの高速化設定
  3. Font Awesomeの設定
  4. Googleアナリティクスの設定
  5. その他の基本設定

それぞれ解説していきますね。

SWELL推奨プラグインの導入

SWELLは高機能なテーマのため、多くのプラグインを導入する必要はありませんが、必要最低限のプラグインの導入をしておきましょう。

SWELLで推奨されているプラグインで、入れておきたい5つの無料プラグインを下記の記事にまとめています。

ありさ

プラグインのインストール方法も解説しているので、ぜひ参考にしてみてくださいね。

SWELLの高速化設定

SWELLの高速化の設定で、下記の3つの項目を確認しておきましょう。

高速化設定
  1. キャッシュ機能
  2. パーツの後読み込み機能
  3. ページ遷移高速化機能

キャッシュ機能

キャッシュ機能とは、一度ブラウザで表示したWebページのデータをデータベースに一時的に保存して、次に同じページをアクセスした際に、素早く表示する仕組みです。

SWELLのキャッシュ機能では、データベースにキャッシュ情報が保存されています。

ありさ

WordPressのダッシュボードにある「SWELL設定」から設定できます。

いちろー

特別な高速化のカスタマイズしない限り、すべてオンの設定にします。

参考記事:【SWELL公式】キャッシュ機能について

パーツの後読み込み機能

SWELLのページ内の記事下コンテンツやフッターや画像、動画などを遅延させて読み込ませることで、ページの表示速度を上げることができます。

ありさ

キャッシュ機能と同じく「SWELL設定」→「高速化」タブから設定できます。

遅延読み込み機能設定
記事下コンテンツを遅延読み込みさせる☑︎オン
フッターを遅延読み込みさせる☑︎オン
画像のLazyload○使用しない
○コアのlazyloadを使用する
◉スプリクト(lazysize.js)を使って遅延読み込みさせる
遅延読み込み機能
いちろー

上記の設定を有効化すれば完了です!

参考記事:【SWELL公式】パーツの読み込み機能について

ページ遷移高速化機能

ページ遷移とは、Webサイトに訪問してくれたユーザーが、あるページから別のページへ移動する行動フローを指し、高速化の設定で遷移速度を速めることができます。

おすすめの設定方法

「SWELL設定」→「高速化」→「ページ遷移高速化」→「Prefetch」を選択して保存。

あくまで「ページ遷移」が高速化するだけで、「ファーストビューの表示速度」は速くなるわけではないので、必要なければ「使用しない」を選択しましょう。

いちろー

いつでも変更できるので、自分に合った設定にしましょう。

参考記事:ページ遷移高速化機能の使い方と注意点

Font Awesomeの設定

Font AwesomeはWeb上で使われるアイコンを文字として利用できるサービスです。

ありさ

設定も簡単にできますよ!

「SWELL設定」→「Font Awesome」タブ→「CSSで読み込む」を選択し、「変更を保存」をクリック。

またSWELLでは複数のアイコンをフォントとして読み込んでいるため、Font Awesomeを使用せずに以下のようなアイコンの使用が可能です。(例://

いちろー

Font AwesomeのアイコンやSWELLに実装されているアイコンを使用する方法は、下記の公式サイトの記事を参考にしてみてください。

参考記事:【SWELL公式】SWELLでアイコンを使う方法

Googleアナリティクスの設定

GoogleアナリティクスはWebページのアクセス解析するのに役立つツールです。

Webページのデータを計測するために、GoogleアナリティクスとSWELL推奨のプラグイン「SEO SIMPLE PACK」を使った設定方法をご紹介します。

ありさ

まずはGoogleアナリティクスからトラッキングIDを取得します。

トラッキングIDとは?

アクセス解析をするためにGoogleのサーバーへデータを送信するプログラムのコードで、UAもしくはGから始まる文字列のトラッキングコード。

STEP
Googleアナリティクスにログインして管理ボタンをクリック
Googleアナリティクス ホーム画面
STEP
管理タブの真ん中にある「トラックング情報」→「トラッキングコード」をクリック
設定画面
STEP
画面の左上にある「トラッキングID」を確認
いちろー

トラッキングIDを取得できたら、WordPressのダッシュボードから「SEO SIMPLE PACK」にトラッキングIDを設定します。

「SEO SIMPLE PACK一般設定」→「Googleアナリティクス」タブ→「トラッキングID」または「測定ID」の項目に、ご自身のトラッキングIDを入力して設定を保存すれば完了です!

その他の基本設定

SWELLではテーマのデザインのカスタマイズを自由に細かく設定できます。

SWELL公式のデモサイトを使って、デザインを整えていく方法もあります。

ただ、ご自分のお好みのデザインにカスタマイズすると、より独自性がでるので、さまざまな機能を使ってカスタマイズしてみましょう。

いちろー

細かな基本設定は、SWELL公式サイトの設定マニュアルにある記事を参考に設定してみましょう。

ありさ

カスタマイズが複雑に感じるかもしれませんが、好きなデザインにアレンジできるので楽しい作業の一つですよ!

参考記事:【SWELL公式】基本設定の記事一覧ページ

ブログ初心者でも簡単にできるSWELLの導入方法まとめ

本記事では、SWELLを購入して導入するまでの手順と、インストール時にやっておきたい初期設定を詳しく解説しました。

最後に手順をおさらいをしましょう。

SWELL導入方法の3つのステップ
  1. 公式サイトからSWELLを購入する
  2. SWELL会員サイト「SWELLERS’」に登録する
  3. SWELLをダウンロードし、WordPressへインストールする
ありさ

画像に沿ってやれば、SWELLの導入方法はそこまで難しくないですよね!

SWELL導入時に必要な初期設定
  1. SWELL推奨プラグインの導入
  2. SWELLの高速化設定
  3. Font Awesomeの設定
  4. Googleアナリティクスの設定
  5. その他の基本設定
いちろー

デザインのカスタマイズで悩んだら、ぜひはだし夫婦のブログも参考にしてみてくださいね!

初心者に優しい収益性が高いブログテーマ

  • ボタンひとつで操作できるカンタンさ
  • デザイン知識ゼロでもおしゃれなサイトに
  • 収益性UPの仕組みが豊富なテーマ
初心者におすすめなテーマ
  • SWELLの導入手順がわかる特別PDF!
  • 秘密のキーワード「SWELL」と送ってください♪
30秒で受け取れます♪

もしかして、こんなお悩みはありませんか?

会社員だった頃の私たちも同じような悩みがあった…
人生にモヤモヤする悩みってありませんか?
  • 今の生活のままで本当に良いのかモヤモヤがある…
  • 自分の好きなことに挑戦する人生を歩んでみたい…
  • 人生を良くする前向きな気持ちはあるけど、何から始めればいいのかわからない…

もし、ひとつでも当てはまるなら、私たちがお手伝いできるかもしれません。

はだし夫婦の公式LINEマガジンでは、このような限定コンテンツを無料で配信しています。

  • スキルゼロだった私たちがフリーランスとして独立するまでの道のり
  • 会社を辞めてからの挑戦で学んだことや新しい価値観
  • 働き方とライフスタイルを変えるための有料級セミナー動画

Webでお金を稼ぐ手段なんて何も知らなかった私たち夫婦は、たくさんの挑戦と失敗を繰り返したことで「学びや気づき」を得ました。

私たちの「学びと気づき」はこんな悩みを抱えている方々にとって、何かのきっかけになるのではないか!?と思って、無料LINE限定マガジンをはじめました♪

LINEの友達限定で特別プレゼントがあります!人生を切り開く21の習慣をまとめた特別PDFです!

※こちらのプレゼントは友達追加して30秒のアンケートに答えるだけでもらえます。

いちろー

空いてる時間でサクッと学べるコラム形式のコンテンツなので、気軽に友達追加してくださいね♪

ありさ

プレゼントの『習慣PDF』もぜひもらってください!!

  • 夫婦で会社を辞めて人生を変えるまでの軌跡をお届け!
  • 無料のLINE限定マガジン配信中!
  • 今なら有料セミナー講義動画をプレゼント!
友達追加40,000人突破!
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次