【ブログ初心者おすすめ】CocoonからSWELLへの移行方法を8ステップで解説

「SWELL」を使ってみたいんだけどやり方が分からない。

こんな風にお悩みではありませんか?

この記事でわかること
  • SWELLの基礎知識
  • SWELLの導入方法
  • SWELLの初期設定

僕はブログを始めて間もないですが、ブログを始めてみて実際に困ったことや疑問に思ったことを発信しています。

「SWELL」は有料だし、設定が難しそうだから導入しようか悩んでいる方も多いかと思います。

そこでこの記事では、誰にでもできる「SWELL」の購入から設定までをわかりやすく解説していきます。それではいきましょう!

SWELLの基礎知識

「SWELL」

SWELLとは

WordPressデベロッパーの「了さん(@ddryo_loos)」」によって開発された有料テーマです。

▼詳細情報

テーマ名

SWELL(スウェル)

価格

¥17,600(税込)

販売元

株式会社LOOS

決済方法

クレジットカード

SWELLの特徴

特徴
  1. 最新のブロックエディターに対応しているため、わかりやすい
  2. SWELLオリジナルのブロックがシンプルで使いやすい
  3. マウス操作だけでオシャレなデザインを作れる
SWELLに向いている人
  • これからブログを始める方
  • デザインもこだわりたい方
  • 使いやすさを求める方
特に「ブログ初心者」の方におすすめです

SWELLの導入方法を4ステップで解説

「SWELL」

STEP1:SWELLを購入してダウンロード

下のボタンから「SWELLダウンロードページ」へ行けます。

STEP
SWELLダウンロードページ
SWELLダウンロードページ

下へスクロールする

STEP
SWELLを購入
SWELL購入

「SWELLを購入する」をクリック

STEP
支払い情報入力
支払い情報入力
  1. 「カード情報」を入力
  2. 「支払う」をクリック

STEP2:SWELL会員サイト(SWELLERS’)に登録

「SWELL」には、専用会員サイト「SWELLERS’」があります。

SWELLテーマや乗り換えプラグインのダウンロード、SWELLアフィリエイトを行う際に必要になりますので、しっかり登録しておきましょう。

STEP
フォーラムをクリック
フォーラムクリック

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

STEP
会員登録はこちらからをクリック
「会員登録はこちらから」クリック

「会員登録はこちらから」をクリック

STEP
会員情報入力
「新規会員登録ページ」
  1. 「ユーザー名」を入力
  2. 「メールアドレス」を入力」
  3. 「パスワード」を入力
  4. 「利用規約」にチェックを入れる
  5. 「登録する」をクリック

STEP3:Cocoon乗り換えサポートプラグインを有効化

下のボタンからSWELLダウンロードページへ行けます。

STEP
SWELLダウンロードページ
SWELLダウンロードページ

下へスクロール

STEP
乗り換えサポートプラグイン
サポートプラグインダウンロード

「Cocoon用」をクリック

STEP
ダウンロードを許可
ダウンロード許可

「許可」をクリック

Mac」を使っている方はファイルが圧縮されないことがありますので、次の方法を参考にしてください。

STEP
ファイルを圧縮
ファイル圧縮
  1. 「Finder」の「ダウンロード」をクリック
  2. 「cocoon-to-swell」を右クリック
  3. 「”cocoon-to-swell”を圧縮」をクリック
STEP
zipファイルになっているか確認
zipファイル確認

「cocoon-to-swell.zip」になっていればOK

STEP
プラグインのアップロード
プラグインアップロード
  1. 「プラグイン」をクリック
  2. 「新規追加」をクリック
  3. 「プラグインのアップロード」をクリック
STEP
ファイルのインストール
インストール
  1. 「cocoon-to-swell.zip」ファイルを選択
  2. 「今すぐインストール」をクリック
STEP
プラグインを有効化
プラグイン有効化

「プラグインを有効化」をクリック

STEP4:SWELLテーマ有効化

STEP
新規追加をクリック
新規追加
  1. 「外観」をクリック
  2. 「テーマ」をクリック
  3. 「新規追加」をクリック
STEP
テーマのアップロード
テーマアップロード
  1. 「テーマのアップロード」をクリック
  2. 「swell.zip」ファイルを選択
  3. 「今すぐインストール」をクリック
STEP
テーマの有効化
テーマ有効化

「有効化」をクリック

STEP
子テーマのアップロード
子テーマアップロード
  1. 「テーマのアップロード」をクリック
  2. 「swell_child.zip」ファイルを選択
  3. 「今すぐインストール」をクリック
STEP
子テーマを有効化
子テーマ有効化
  1. 「外観」をクリック
  2. 「テーマ」をクリック
  3. 「有効化」をクリック

SWELLの初期設定を4ステップで解説

STEP1:SWELLユーザー認証設定

STEP
ユーザー認証
ユーザー認証

「ユーザー認証」をクリック

STEP
アクティベート設定
アクティベート設定
  1. 「メールアドレス」を入力
  2. 「認証リクエストを送信」をクリック
STEP
認証完了
認証完了

STEP2:SWELL推奨プラグイン導入

CocoonとSWELLではスペックが異なるので、推奨されるプラグインが変わってきます。下の記事で解説しているので参考にしてみてください。

SWELLへの移行作業が全て完了したら、「乗り換えサポートプラグイン」は削除しておきましょう!

STEP3:Googleアナリティクスの設定

プラグイン「SEO SIMPLE PACK」にて、Googleアナリティクスを再設定します。

プラグイン「SEO SIMPLE PACK」の設定方法は下の記事を参考にしてください。

STEP4:Googleアドセンスの設定

Googleアドセンスの広告設置も再設定が必要です。

STEP
SWELL設定
SWELL設定
  1. 「SWELL設定」をクリック
  2. 「広告コード」をクリック
STEP
広告コードをペースト
広告コードペースト

「広告コード」をペーストする

STEP
変更を保存
変更を保存

「変更を保存」をクリック

まとめ

最後におさらいです。

  1. SWELLの基礎知識
    1. SWELLとは
    2. SWELLの特徴
  2. SWELLの導入方法を4ステップで解説
    1. STEP1:SWELLを購入してダウンロード
    2. STEP2:SWELL会員サイト(SWELLERS’)に登録
    3. STEP3:Cocoon乗り換えサポートプラグインを有効化
    4. STEP4:SWELLテーマ有効化
  3. SWELLの初期設定を4ステップで解説
    1. STEP1:SWELLユーザー認証設定
    2. STEP2:SWELL推奨プラグイン導入
    3. STEP3:Googleアナリティクスの設定
    4. STEP4:Googleアドセンスの設定
  4. まとめ

SWELLは本当に使いやすくて、デザインがオシャレなので、僕も使っていて楽しいですし、モチベーションも上がりました。ブログを始めて間もない方には特におすすめですので参考にしてみてください。最後まで読んでいただきありがとうございました!