MENU
おすすめの記事
WordPressテーマ『SWELL』を使った素敵なサイト、ブログを集めました!!

2024年4月にリニューアルしました!絞り込み検索やお気に入り機能もあります。ぜひ見ていってください!

さとしん
WordPressとSWELLが好きなブロガー。
ブロックエディターに出会ってWordPressが楽しくなりました。
WordPressのこと、SWELLのこと、ブロックエディターのことを熱く語るブログです。
【2024/9/22】SWELLサイト事例集を更新しました!→【20240922】SWELLサイト集更新!→クリックタップ

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

当ページのリンクには広告が含まれています。
SWELLの導入手順と購入後にやった方が良いことをまとめました!!
  • URLをコピーしました!

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

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

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

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

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

この記事で紹介する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の購入方法と導入手順、ユーザー認証の方法など購入後にやるべき設定を紹介していきます。

目次

SWELLを購入するための基本情報

SWELLを購入するための基本情報を確認しておきましょう。

項目内容
商品名WordPressテーマ『SWELL』
開発者株式会社LOOS 了さん(@ddryo_loos)
金額¥17,600円(買い切り型)
支払い方法クレジットカード(VISA / Master / AMEX / JCB)
ライセンス1度の購入で複数サイトで使用可能(100%GPL)
公式サイト
SWELLの購入基本情報

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

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

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

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

では、SWELLの購入方法と導入手順、全4ステップを紹介していきます。

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

まずは、公式サイトでSWELLを購入して、WordPressにインストール・有効化まで進めていきましょう。

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

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

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

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

\ ここから購入画面にアクセスできます! /

URL

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や関連製品の情報発信や、ユーザー同士のやりとりができるDiscordコミュニティができました。以下のボタンリンクからアクセスしてぜひ参加しておきましょう。

SWELLERS'への会員登録-4

コミュニティと言っても、特に強制的に発言をする必要は無く、情報入手目的だけでも大丈夫なので安心してください。

次は会員サイトから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です…!

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

子テーマが必要になるケースが知りたい方はクリック

以下の、テーマエディターでPHPやCSSを編集する予定がある場合は、子テーマをインストール&有効化しておきましょう。

SWELLのテーマエディター画面

一方で、追加CSSと呼ばれる場所にCSSを追記するだけなら子テーマのインストールは不要です。

テーマカスタマイザーの追加CSS

基本は上記のようなご自身の用途に合わせて、親テーマと子テーマどちらを有効化するか検討します。

ではさっそく、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の導入方法や基本的な設定方法は以下の記事にまとめました。

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

Googleアナリティクスの設定

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

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

WordPressでGoogleアナリティクスを設定する方法は以下の記事にまとめています。

GoogleアナリティクスをWordPressに設定する際に、先ほどインストールした「SEO SIMPLE PACK」を使用します。

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

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

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

WordPressでGoogleサーチコンソールを設定する方法は以下の記事にまとめています。

Googleアナリティクスの設定を先に終わらせてからGoogleサーチコンソールを設定してください。この順序で設定することで、サーチコンソールの設定手順がかなり簡略化できます。

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. プロフィールの設定と表示
  5. PR表記

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

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

さとしん

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

SWELLを快適に使いこなすためのおすすめ記事3選!

SWELLの購入と導入が無事に完了して、これからSWELLでのサイト運営がスタートです。

ここからは実際にサイト運営をしながらSWELLの便利機能などを覚えていきましょう。

網羅的にSWELLの機能を把握していくために、当サイトWebNote+のおすすめ記事を紹介します。

  • SWELLの使い方と設定ガイド
  • SWELLの記事の書き方ガイド
  • SWELLのサイトデザイン集

SWELLの使い方と設定ガイド

現時点で、導入直後にやっておきたいSWELLの初期設定が完了している状態です。

SWELLには他にもたくさんの設定や機能があります。

以下の記事にSWELLの便利な使い方や設定をまとめているので見てもらえると嬉しいです。

SWELLの記事の書き方ガイド

SWELLの記事の書きやすさ、ブロックエディターの使いやすさは本当に素晴らしいです。

さとしん

SWELLのブロックエディターは本当に快適です…!

この快適なSWELLのブロックエディターを使いこなすためには、WordPress本体の機能とSWELLの機能を覚えることが大切です。

SWELLのブロックエディターを使いこなすためのガイドを作成したので参考にしてください。

公式サイトでも紹介されているSWELLデザイン集

SWELLでは、プログラミングの知識が無くてもキレイなデザインのサイトを作ることができます。

自分が好きなデザインにカスタマイズすることも、ブログ運営をしていく中での楽しみのひとつです。

当サイトではSWELLで作られたサイトを集めたサイト集を運営しています。

さとしん

お陰さまで350サイト以上紹介させてもらっています…!ぜひデザインの参考にしてください…!

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

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

SWELLの購入方法や導入方法で良くある質問

SWELLテーマがインストールできない

SWELLをインストールするファイルはzip形式のままWordPressにアップロードします。解凍したファイルをWordPressにアップロードしようとしてないか確認してみましょう。

詳しいインストール方法は記事内の「ステップ4:SWELL親テーマと子テーマのインストール」にて画像付きで紹介しています。

SWELLテーマの再ダウンロード方法は?

SWELL購入後は、SWELLテーマ本体や子テーマ、移行プラグインの最新版を会員サイトから何度でも再ダウンロードできます。

詳しいダウンロードの方法は記事内の「ステップ3:SWELLテーマのダウンロード」にて画像付きで紹介しています。

SWELL子テーマのインストールは必要?

テーマファイルを直接編集するカスタマイズをしたい場合は子テーマの導入が必要です。SWELL本体(親テーマ)のファイルを直接編集してしまうと、テーマのアップデート時にカスタマイズしたデータが上書きされ消えてしまいます。

子テーマが必要になるケースは記事内「子テーマが必要になるケース」で具体的に紹介しています。

SWELLの購入方法と導入手順まとめ

この記事では、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で楽しく快適なサイト運営をしていきましょう。

さとしん

SWELLで何か気になることがあったら、ぜひ当サイトの記事も探してみてください…!

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


はこちらからどうぞ…!

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

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

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