SWELLの始め方ガイド|これからSWELLを使い始める方はこちら→SWELLの始め方ガイド→クリックタップ

SWELLの購入方法と導入手順|購入後はSWELLのユーザー認証を忘れずに!

SWELLの導入手順と購入後にやった方が良いことをまとめました!!
  • URLをコピーしました!

この記事では、SWELLを導入してサイト運営が開始できるようになるまでの手順を紹介します。

この記事の内容
  • SWELLの購入方法と導入手順
  • SWELL導入後にやっておきたい設定
この記事を読むと
WordPressインストール直後のデザイン
WordPress初期状態
SWELL導入直後のデザイン
SWELL導入直後

左のWordPressインストール直後の状態から、SWELLの導入や基本的な設定が完了して右の画像のような素敵なサイトが作れます…!

※画像はクリックで拡大できます。

※画像はタップで拡大できます。

この記事で紹介する手順は以下のとおりです。

SWELLの購入方法と導入手順

  1. SWELLの購入
  2. SWELL会員サイトの登録
  3. SWELLのダウンロード
  4. SWELLインストールと有効化

※詳しくは「SWELLの購入方法と導入手順|インストールまで全4ステップ」で解説

SWELL導入後にやること

  1. SWELLユーザー認証(アクティベート)
  2. プラグインの整理
  3. Googleアナリティクスの設定
  4. Googleサーチコンソールの設定
  5. OGP設定
  6. Googleアドセンスの設定
  7. SWELLの基本設定

※詳しくは「SWELL導入後にやるべきこと」で解説

  1. SWELLの購入
  2. SWELL会員サイトの登録
  3. SWELLのダウンロード
  4. SWELLインストールと有効化

※詳しくは「SWELLの購入方法と導入手順|インストールまで全4ステップ」で解説

これからブログやサイト運営を始める方は、設定などもよく分からず不安な点も多いと思います。

なるべくつまずかずにSWELLでサイト運営を始められるように、画像や補足説明なども含めながら手順を紹介していきます。

さとしん

落ち着いて進めれば大丈夫ですよ…!

素敵なサイトが作れるように、一緒にがんばっていきましょう。

他テーマからの移行の方へ…

この記事は、サイト開設直後からSWELLを使って運営を始める方向けの内容です。

他テーマからSWELLに移行する方は、以下の記事に専用の手順をまとめているので見てみてください。

>>CocoonからSWELLへの移行手順
>>JINからSWELLへの移行手順
>>上記テーマ以外の移行手順

ではさっそく、SWELLの購入方法と導入手順、ユーザー認証の方法など購入後にやるべき設定を紹介していきます。

目次

SWELLの購入方法と導入手順|インストールまで全4ステップ

まずは、WordPressテーマSWELLを購入してWordPress上にインストールするまで、4つの手順で紹介していきます。

  1. SWELLの購入
  2. SWELL会員サイトへの登録
  3. SWELLテーマのダウンロード
  4. SWELLテーマのインストールと有効化
さとしん

複数の項目がありますが、落ち着いて進めていきましょう…!

では、SWELLの導入手順を紹介していきます。

ステップ1:SWELLを購入する

まずは、公式サイトでSWELLを購入して、有効化するまで進めていきましょう。

サーバー、ドメインの契約、WordPressのインストールが完了している前提で進めていきます。

WordPressのインストールがまだの方は、以下の記事を参考にWordPressのインストールまで進めてください。

WordPressのインストールが完了していれば、以下の手順で進めていきましょう。

STEP
SWELLの購入ページにアクセスする

\ ここからアクセスできます! /

STEP
利用規約を確認し、「SWELLを購入する」ボタンをクリック
SWELLのインストール方法-2
STEP
Stripeの決済画面で必要事項を入力する
SWELLのインストール方法-3
STEP
入力したアドレス宛にメールが届けばOK!

メール内のリンクからSWELL親テーマのzipファイルがPCにダウンロードできますが、ここではダウンロードしなくてもOKです。

先に会員サイトの登録を進めていきましょう。

さとしん

これでSWELLの購入手続きは完了です…!

次は、SWELL会員サイトへの登録作業を進めていきます。

ステップ2:SWELL会員サイトに登録する

SWELLにはSWELLERS’という会員専用サイトがあります。

フォーラムへの投稿や、以下のようなデータをダウンロードするために会員登録は必須ですので、もれなく対応しましょう。

  • SWELL親テーマ
  • SWELL子テーマ
  • 乗り換えサポートプラグイン
  • デモサイト着せ替えデータ

特に、SWELLは2021年11月から、ユーザー認証が完了したサイトしかアップデートができなくなりました

SWELLを格安転売したり、規約違反のユーザーが増えたことによる対応です。

さとしん

本当に素敵なテーマなので、開発者の了さんの負担にならないように正しく利用したいですね…。

少し話がそれましたが、以下の手順で会員登録を進めていきましょう。

STEP
SWELLERS’にアクセスする

SWELL公式サイトのヘッダーにある「フォーラム」をクリック。

SWELLERS'への会員登録
STEP
SWELLERS’ のサイドバーにある「会員登録はこちらから」をクリック
SWELLERS'への会員登録-2
STEP
会員登録画面で必要事項を入力し、「登録する」ボタンをクリック

メールアドレスはSWELL購入時のものを入力してください。
ユーザー名とパスワードは任意でOKです。

SWELLERS'への会員登録-3

会員登録作業はこれだけで完了です。

みにしん

ついにSWELLERS’の仲間入り…!笑

次は会員サイトからSWELLテーマをダウンロードしていきます。

ステップ3:SWELLテーマのダウンロード

SWELLの公式サイトでは以下の2種類をダウンロードすることができます。

  • SWELL本体最新版(親テーマ)
  • SWELL子テーマ

それぞれ、さきほど登録した会員サイトのマイページからダウンロードできます。

以下、赤枠の2種類をクリックして自分のPCにダウンロードしましょう。

SWELLテーマのダウンロード

上記の「SWELL本体最新版」と「子テーマ」は、zipファイルのままWordPressにインストールする必要があります。解凍した状態だとインストールできないので注意してください。

みにしん

解凍せずzipファイルのままダウンロードする…!

次は、ダウンロードしたSWELLテーマをWordPressにインストールしていきます。

ステップ4:SWELL親テーマと子テーマのインストール

いよいよ、WordPressサイトにSWELLをインストールして有効化していきます。

WordPressには、親テーマと子テーマというものも存在します。

先ほどダウンロードしたSWELLテーマのファイルはそれぞれ以下の役割です。

swell-x.x.x.x.zip

親テーマ

swell-child.zip

子テーマ

親テーマは必須、子テーマは任意でインストールすることになります。

さとしん

迷う場合はとりあえず子テーマもインストールしてOKです…!

子テーマを使う必要があるケースがどんな時か、以下のアコーディオンの中で説明しておきます。

ではさっそく、WordPressの管理画面からSWELLをインストールしていきましょう。

今回は、親テーマと子テーマをインストールし、子テーマを有効化する手順を紹介します。

STEP
管理画面→「外観」→「テーマ」→「新規追加」をクリック
SWELLのインストール手順-1
STEP
「テーマのアップロード」 をクリック
SWELLのインストール手順-2
STEP
「ファイルを選択」欄で親テーマ『swell-x.x.x.x.zip』ファイルを選択して「今すぐインストール」をクリック
SWELLのインストール手順-3
STEP
「テーマページへ移動」をクリックして、先ほど同様「新規追加」→「テーマのアップロード」へ進む
SWELLのインストール手順-4
STEP
「ファイルを選択」欄で子テーマ『swell-child.zip』ファイルを選択して「今すぐインストール」をクリック
SWELLのインストール手順-5
STEP
「有効化」をクリック
SWELLのインストール手順-6
STEP
「SWELL CHILD」が有効になっていれば完了!!
SWELLのインストール手順-7

ここまでで、WordPressサイトにSWELLがインストール、有効化されました。

SWELLを有効化すると、以下のようなサイトに生まれ変わります。

SWELL導入直後のデザイン
みにしん

おぉ、一気に素敵なサイトになった…!笑

SWELL導入おめでとうございます。

ここまででひと段落ですが、ここからは導入後にやっておくべき設定や作業を紹介します。

SWELL導入後にやるべきこと

無事にSWELLを導入できたら、必要な設定や作業をしていきましょう。

以下7点について説明します。

  1. SWELLユーザー認証(アクティベート設定)
  2. プラグインの整理
  3. Googleアナリティクスの設定
  4. Googleサーチコンソールの設定
  5. OGP設定
  6. Googleアドセンスの設定
  7. SWELLの基本設定

①の「SWELLユーザー認証(アクティベート設定)」だけは必須です。必ず行うようにしてください。

では、ひとつずつ紹介していきます。

SWELLユーザー認証設定(アクティベート設定)

SWELLを有効化した直後は管理画面に「SWELLのユーザー認証が完了していません」と警告文が表示されます。

SWELLのアクティベート設定

先ほど紹介したとおり、ユーザー認証が完了しないとSWELLをアップデートできず、最新の機能を使うことができなくなります。

SWELLを常に最新版にアップデートするために、ユーザー認証(アクティベート設定)をしておきましょう。

以下の画面でアクティベート設定をすることができます。

WordPress管理画面→「SWELL設定」→「アクティベート」に進む。

「ユーザー認証」の欄に、先ほどSWELLERS’会員登録に使用したメールアドレスを入力して「認証リクエストを送信」をクリックしましょう。

SWELLのアクティベート設定-2

正しいメールアドレスが入力されれば、そのアドレス宛にメールが届きます。

メール内に記載のある、認証を完了させるためのURLをクリックして、アクティベート設定も完了です。

次は、プラグインの整理について紹介します。

プラグインの整理

WordPressには、WordPress本体やテーマに無い機能を追加してくれるプラグインというものがあります。

みにしん

スマホで例えると、アプリのようなイメージかな…!

必要なプラグインは、使っているWordPressテーマやユーザーさんが作りたいサイトの方向性などによって異なります。

「おすすめプラグイン〇選」といったタイトルのブログ記事で紹介されているプラグインを全て導入すれば良いという訳ではないので注意してください。

ひとまずは、SWELL公式サイトで推奨、非推奨のプラグインが紹介されているので、こちらを参考にプラグインを導入してみてください。

>>

上記公式サイトの記事内で紹介されている、SEO SIMPLE PACKはこの後の設定で必要なので必ずインストール&有効化しておいてください。

SEO SIMPLE PACKは、SWELL開発者の了さんが開発されたプラグインです。

SEO SIMPLE PACKの基本設定は了さんの記事も参考にしてください。

>>WordPressの超シンプルなSEOプラグイン「SEO SIMPLE PACK」の使い方

SEO SIMPLE PACKを使って設定する主要な項目を3つ紹介していきます。

Googleアナリティクスの設定

Googleアナリティクスでサイトの情報を計測するための設定方法を紹介します。

Googleアナリティクスは分析のために必須のツールなので、もしまだ導入していない方はこの機会に登録しておいてください。

>>https://analytics.google.com/

先ほどインストールした「SEO SIMPLE PACK」にGoogleアナリティクスのタグを入力します。

STEP
管理画面→「SEO PACK」→「一般設定」→「Googleアナリティクス」をクリック
SEO SIMPLE PACKのアナリティクス設定-1
STEP
「トラッキングID」または「測定ID」欄にIDを入力

「UA」もしくは「G」から始まるIDです。

これだけでGoogleアナリティクスの設定は完了です。

さとしん

正しく計測されているかの確認も忘れずに…!

Googleサーチコンソールの設定

続いて、Googleサーチコンソールの設定をしていきましょう。

Googleサーチコンソールもサイトの分析や今後の方針を考える上で必須のツールなので、まだ登録していない方はこの機会に登録することをおすすめします。

>>https://search.google.com/

GoogleサーチコンソールもSEO SIMPLE PACKで設定します。

STEP
管理画面→「SEO PACK」→「一般設定」→「ウェブマスターツール」をクリック
SEO SIMPLE PACKのサーチコンソール設定-1
STEP
Googleサーチコンソールの認証コード」欄にコードを入力
SEO SIMPLE PACKのサーチコンソール設定-2

Bingのウェブマスターツールを使っている方は同様に設定しておきましょう。

OGP設定

OGP設定は、SNSなどで自分のサイトや記事を紹介する際の表示に関する設定です。

おそらくブロガーさんはTwitterも併用されることが多いと思うので、OGP設定もしておきましょう。

管理画面→「SEO PACK」→「OGP設定」

基本設定とTwitterなどのアカウント情報とSNSでシェアされたときのカードの形式を選択してください。

SEO SIMPLE PACKのOGP設定

SWELLのOGP設定については、以下の記事にもう少し詳しくまとめました。必要に応じて参考にしてください。

Googleアドセンスの設定

サイト開設直後の方にはまだ必要がないかもしれませんが、Googleアドセンスの設定方法も紹介しておきます。

アドセンスの合格状況に合わせて以下2つのパターンを紹介します。

  1. 合格前の方:審査用コードの貼り付け方法
  2. 合格済みの方:広告コードの貼り付け方法

アドセンス合格前の方:審査用コードの貼り付け方法

アドセンス合格前の方は、審査用コードを貼り付けてアドセンス審査を依頼する必要があります。

以下の手順で審査用コードを貼り付けることができます。

STEP
管理画面→「外観」→「カスタマイズ」→「高度な設定」をクリック
SWELLのアドセンス審査コード貼り付け方法-1
STEP
「headタグ終了直前に出力するコード」欄に審査用コードを入力
SWELLのアドセンス審査コード貼り付け方法-2
さとしん

合格に向けてがんばってくださいね…!

無事に審査に合格したら、ここで入力した審査用コードは削除して、次に紹介する広告コードを貼りましょう。

アドセンス合格済みの方:広告コードの貼り付け方法

アドセンス合格済みの方は、設定をしてアドセンス広告がサイト内に表示されるようにしましょう。

以下の方法で広告の設定ができます。

STEP
管理画面→「外観」→「広告コード」をクリック
アドセンス広告の貼り方
STEP
お好みの広告の入力欄に広告コードを入力
アドセンス広告の貼り方-2
さとしん

無事に広告が表示されるか確認してみてください…!

SWELLのアドセンス設定については、以下の記事でも紹介しています。必要に応じて参考にしてください。

SWELLテーマの基本設定

最後に、SWELLテーマ本体の初期設定を進めていきましょう。

主にサイトのデザインやレイアウトの設定、SWELL独自機能の設定を行います。

ちなみに

WordPress本体の初期設定が終わっていない方はこちらを参考にしてください。

>>WordPressの初期設定!ブログ記事を書き始める前にやるべきことまとめ!

SWELLの初期設定は、基本的にの内容に沿って設定を進めていけばOKです。

ですが、SWELLは多機能なテーマのため全ての項目を最初に設定するのはとても大変です。

そこでまずは以下の項目を確認しておくと良いと思います。

  1. サイト全体のデザイン設定
  2. メニュー、ウィジェットの設定
  3. サイトの高速化設定
  4. プロフィールの設定と表示

上記項目の設定については、以下の記事で紹介しているのでぜひ参考にしてください。

ここまでの作業が完了すると、ひとまず自由にブログ運営が開始できるところまで準備が整っているはずです。

さとしん

設定が大変だったと思いますが、大変お疲れさまでした…!

SWELLで楽しくサイト運営をしていきましょう!

SWELLを導入して、実際にサイト運営できるようになるまでの一連の流れを紹介しました。

ここから、いよいよSWELLを使ったサイト運営がスタートです。

SWELLは定期的に嬉しい新機能が追加されたり、記事を書くのが楽しくなるような便利機能も充実していて、とても魅力あるテーマです。

みなさんのサイト運営もきっと楽しいものになると思います。

SWELL初心者の方向けにSWELLの始め方ガイドをまとめました。SWELLのインストールから基礎知識、基本的な操作などを網羅的に紹介しています。

SWELL始め方ガイドは、当サイトWebNote+の記事のナビゲーションにも使えるので、ぜひ参考にしてください!

また、SWELLに慣れてきたらぜひサイトのカスタマイズにも挑戦してみてください。

SWELLはブロガー向けのWordPressテーマですが、コーポレートサイトを作ることもできます。

なので、工夫次第では通常のブログと差別化できるオリジナリティのあるサイトを作ることもできます。

SWELLを使っているサイトのデザインを参考にしたい場合は、僕が運営しているSWELLサイト集も見てみてください。

さとしん

お陰さまで200サイト以上紹介させてもらっています…!

SWELLで素敵なサイトが作れたらぜひサイト集で紹介させてくださいね。

運営者さとしんの Twitter(@__satoshin) で掲載依頼を受け付けています。

最後まで読んでいただきありがとうございました。


はこちらからどうぞ…!

SWELLの導入手順と購入後にやった方が良いことをまとめました!!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次
閉じる