CocoonからSWELLへ！移行手順と移行後の設定を分かりやすく解説！

今回は、CocoonからSWELLへの、

テーマ移行の手順と移行後の設定について解説したいと思います。

初めてのテーマ移行の方は不安なこともあると思いますが、

落ち着いて進めていけば、失敗はしません！

SWELLは、乗り換えプラグインが用意されており、

Cocoonからの移行が簡単です。

　

　

＼移行したワケを知りたい方はコチラ／

＼移行前の事前準備が知りたい方はコチラ／

移行手順の全体像

SWELLの購入から移行後の手続きまでの流れは下記のとおりです。

※ここまでの処理が完了すると、SWELLへ移行が完了しています。

　

　

それでは、順番に進めていきましょう！

（※ここからはPCでの閲覧をおすすめします。）

SWELLを購入する

まず、SWELLを購入します。

　

　

スクロールして、「利用規約に同意します。」にチェックを入れて、購入へ進みます。

　

メールアドレスやカード情報を入力し、「￥17,600支払う」をクリックすれば購入完了です。

SWELLをダウンロードする

自動配信メールに記載の、URLより製品をダウンロードします。

（※購入後の画面下部の「SWELLをダウンロードする」からもダウンロードできます。）

メールにパスワードが記載されていて、マイページの登録の際、使用するので、購入時のメールは大切に保管しておきましょう。

　　

子テーマと乗り換えプラグインをダウンロードする

続いて、SWELLのマイページで

• SWELLCHILD（子テーマ）
• Cocoon乗り換えサポートプラグイン

の２つをダウンロードします。

（※ダウンロードするには、マイページの登録が必要です。）

　

SWELL公式サイトのフォーラムをクリックして、SWELL購入者のページへ移動します。

　

　　　

「会員登録はこちらから」をクリックして進みます。

すると、パスワードを入力する画面が現れます。

購入時のメールに記載のパスワードを入力して、送信をしてください。

すると、ユーザー名と、メールを入力する画面に移行します。

ユーザー名と、メールを登録して、登録ボタンを押すと、確認メールが届きます。

　

　

確認メールに、URLがあるので、クリックすると下記の様なパスワードを設定する画面になります。

これで、マイページの会員登録は完了です。

マイページにログインしてみましょう！

設定したユーザー名とパスワード、CAPCHAコードを入力し、サインインします。

　

マイページを少し下へスクロールすると、

「SWELL製品ページへ」というボタンが出てくるのでクリックします。

　

　

　

ダウンロードするのは、下記２つです。

• SWELLCHILD（子テーマ）
• Cocoon乗り換え専用プラグイン

　

製品ダウンロードページでは、本体、子テーマ、乗り換えサポートプラグイン、デモサイトのデータなど、移行に使えるものが全て揃っています。

SWELL本体を、上記手順でダウンロードできなかった人も、ここでダウンロードできるので覚えておいてください！

　

SWELL本体、子テーマ、乗り換えサポートプラグインをダウンロードすると、Zipファイルが３つ下記の様にダウンロードフォルダに保存されます。

　

ワードプレスにSWELL本体と子テーマをアップロードする

ワードプレスで、

「外観」⇒「テーマ」⇒「新規追加」⇒「SWELL本体のZipファイルを選択」⇒「アップロード」

の流れでワードプレスに２つアップロードします。

• SWELL（本体）
• SWELLCHILD（子テーマ）

　

この時点では、まだテーマを有効化しません！　

ワードプレスに乗り換えサポートプラグインをアップロード

続いて、プラグインをアップロードします。

• Cocoon用乗り換えサポートプラグイン

　　　

ワードプレスで、

「プラグイン」⇒「新規追加」⇒「プラグインのアップロード」⇒「ファイルの選択」⇒「アップロード」

の手順で、

乗り換えサポートプラグインをアップロードして、有効化してください。

子テーマを有効化する

続いて、子テーマを有効化してください！

すると、、、

SWELLに移行が完了しています！

前半戦が終了です。

・

・

・

続いて後半戦、移行後の設定を解説します！

Google アドセンスの設定

グーグルアドセンスの利用者は、SWELLで改めて設定が必要です。

手順は下記の通りです。

「SWELL設定」⇒「広告コード」タブ　⇒　適宜アドセンスで取得した広告コードを貼り付ける

自動広告で良い方は、上から3つ目の「自動広告」欄に貼り付けるだけでも大丈夫です。

　

グーグルアドセンスの広告コード、どうやって作るんだったっけ？

という方は、下記サイトを参考にしてみてください！

【図解】Googleアドセンス広告の種類と広告の設定、作成方法を紹介

SEO ＳIMPLE PACKプラグインをダウンロード

SEO SIMPLE PACKプラグインをダウンロードします。

なぜ、このプラグインが必要かというと、Googleアナリティクスの設定に必要だからです。

「プラグイン」⇒「新規追加」⇒「SEO SIMPLE PACK」で検索⇒「今すぐインストール」⇒有効化

の流れで、ダウンロードします。

　

※SWELLを使用するならSEO SIMPLE PACKは、マストのプラグインです。

Googleアナリティクスの設定

先ほどダウンロードしたSEO SIMPLE PACKを使って、

Googleアナリティクスの設定をしていきます。

設定は下記の通りです。

「SEO SIMPLE PACK」⇒「一般設定」⇒「Googleアナリティクス」⇒「トラッキングID」を入力

　

「Googleアナリティクス」にログイン⇒「⚙管理」をクリック⇒プロパティの欄の（UA－〇〇〇－〇）で表示されている数字がトラッキングIDです。

プラグインの整理

プラグインの整理をします。

公式サイトで確認しながら、

SWELLと相性が悪いプラグインを削除しましょう。

　

乗り換えサポートプラグインは完全に、記事のリライトが完了するまでは有効化しておきましょう！早まって削除しない様に気を付けてください。記事が崩れてしまいます。

　

EWWW Image Optimizer（画像圧縮）

参考まで・・・。

記事の型崩れをリライト

記事のリライトをしていきましょう！

１つ１つすべての記事を開いて、確認ましょう。

上の図の様に、乗り換えサポートプラグインを使用すると、箇条書きや、吹き出しが、乗り換えサポートプラグインによって、Cocoonの状態を大きく崩さず保っています。

　

　

このままでも、記事が読めないコトは無いのですが、見た目が少し悪くなっていたり、「サポートされていません」という文言が気になったりするので、リライトをしましょう。

　

　

落ち着いたら、トップページのカスタマイズなどにも挑戦してみてください！

参考になったサイト

Cocoon乗り換えプラグインをアンインストール

記事のリライトが全て完了したら、

最後にCocoon乗り換えプラグインをアンインストールしましょう！

　

　

以上で、SWELLへの移行は全て終了です！

お疲れさまでした。

SWELLの購入を悩んでいる方へ

私がCocoonからSWELLへ移行した理由と正直な感想を綴った記事を読んでみてください！

さいごに

Cocoon⇒SWELLへの移行手順は、

全体像をつかめるサイトがあまり無かったので、紹介してみました。

テーマを移行される方の、お役に立てていれば幸いです。