WordPressの無料テーマCocoonから、有料テーマSWELLへの移行手順についてまとめました。
SWELLはCocoonはじめ、他のテーマからの移行ツールが提供できるされているので簡単に移行することができます。
CocoonからSWELLへ切り替える大まかな流れ
大きくは次の手順でCocoonからSWELLにテーマを切り替えていきます。
ここから先はそれぞれの作業の詳細を説明します。
STEP1. SWELLを購入してテーマを入手
まずはSWELLを入手しないことには始まりません。
SWELLのダウンロードページから購入の手続きをしましょう。
購入に送信されるメールに親テーマのダウンロードのリンクが記載されていますが、SWELL購入後に利用できる購入者用のサイトSWELLERS’のマイページ記載の製品ダウンロードページからもダウンロードができます。
製品ダウンロードでは次の3つをダウンロードしておきましょう。
- SWELL最新版(本体)
- SWELL子テーマ
- 乗り換えサポート用プラグインCocoon用
子テーマは無くても使えますが、カスタマイズすることを考えて導入しておきましょう。
STEP2. サイトのバックアップ
SWELLに切り替える前にサイトのバックアップを取得しておくことで、問題が起きた時に作業前の状態に復元することができます。
方法1.サーバごとバックアップ
レンタルサーバとしてConoHa WINGを利用していると、サーバごと自動でバックアップを取得してくれるのでオススメです。
他社サーバを使っている方でも簡単移行ツールも提供されているので比較検討をオススメします。
方法2.サイト単位でバックアップ
1サーバ内で複数のサイトを運用している場合には、WordPressのプラグインであるBackWPupを使うのもありです。
復元にはWordPressの構成ファイルとデータベースそれぞれのリストアが必要になりますが、サーバ上で稼働する一部のサイトのみ復元できます。
STEP3. 乗り換えサポート用プラグインを導入
STEP1で入手した乗り換えサポート用プラグインをWordPressにインストールします。
やり方は他のプラグインを導入する時と同様です。
WordPressのプラグインから新規追加を選択します。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/ED6A614B-EAE5-4E12-8AA2-A77009D929DB.jpeg)
STEP1で入手したプラグインファイルをアップロードしていきます。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/CA58BFA5-FBD5-4502-A207-C3835151FC43.jpeg)
アップロードするファイルを選択します。
対象のファイルはcocoon-to-swell-x-x-x.zip(xはバージョンによって変わります)です。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/126E57ED-C666-4DE6-B334-6D26DFA18CEA.jpeg)
インストールが完了したらプラグインを有効化しておきます。
特別な設定は不要で、有効化さえすればOKです。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/7299CA42-0434-4C2A-971C-727D88436F14.jpeg)
STEP4. テーマをCocoonからSWELLに切り替える
STEP4-1. SWELL親テーマをインストール
まずはSWELL本体の親テーマを導入していきます。
WordPressの外観メニューからテーマを選択します。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/9B5F0FC2-AFAF-47A2-9AEE-7EA8B660D3B6.jpeg)
テーマの画面で新規追加を押します。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/EF97B5EB-B4EC-49F9-BC42-FB6DBC68184C.jpeg)
STEP1でダウンロード済みのテーマファイルをアップロードしていきます。
まずはテーマのアップロードを選択。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/F200BC36-5430-4F62-A3F8-BD0B23FE28D9.jpeg)
ダウンロード済みのSWELLのファイルを指定して今すぐインストールを押します。
ファイル名はswell-x-x-x-x.zip(xはバージョンによって変わります)です。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/6BA10EDA-6368-43A6-BDA6-418C524811B7.jpeg)
インストールが完了したら、ここではまだ有効化しません。
有効化するのは次にインストールする子テーマです。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/6B914C21-CE2A-47EF-8907-9B95D58A8C35.jpeg)
STEP4-2. SWELL子テーマをインストールして有効化
SWELLの親テーマをインストールした後、子テーマをインストールします。
ファイル名はswell_child.zipです。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/363F084E-22EA-4709-AC93-46B4D60993D7.jpeg)
子テーマのインストールが完了したら、有効化を押します。
ここでついにテーマが変更されます。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/76BA3659-1E94-426F-888B-19DC0DCD1B3C.jpeg)
STEP5. SWELL有効化後の各種設定
SWELLを有効化したら次のことは最低限先に設定してしまいましょう。
SWELLERS’ IDを紐づける
SWELLを購入しただけではフォーラム等が利用できないので、SWELLERS’会員登録フォーム から会員登録をしましょう。
SWELL購入時に送られてくるメールに購入者限定のパスワードが記載されています。
会員登録フォームにパスワードを入力して登録しましょう。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/EF5C8818-2384-4975-AB5E-FCE2D2BFA8B5.jpeg)
会員登録するとSWELLERS’ IDが発行されます。
このIDをWordPressに設定していきます。
※この作業は2021/12/01以降不要です。代わりにアクティベートすることになります。
WordPressのメニューにSWELL設定が追加されているので、その中からSWELLERS’を選択します。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/10002688-B4BB-44AC-8A05-3E65A4472ECB.jpeg)
SWELLERS’ IDを登録する画面で先程確認したIDを入力し、保存するを押下。
設定はこれだけで完了です。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/2C4555E7-0A6E-4FC5-9F79-3895EC614536.jpeg)
※2021/12/01以降はテーマを有効化すると↓のようにユーザー認証を求められます。
ユーザー認証のリンクを押しましょう。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/12/4EC17F17-073E-4981-8429-5FDCCE2CE189.jpeg)
SWELL購入時のメールアドレスを入力して、認証リクエストを送信を押します。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/12/D985ECAD-3CF1-45A5-A220-242169B9BCD1-738x1024.jpeg)
メールアドレス宛にユーザー認証用URLが送付されるので、↓の画面を開いたまま、メールを確認します。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/12/D0334043-BF52-4FFC-A44A-BC64A942A813.jpeg)
届いたメールに記載のURLを開いた後、先程のユーザー認証の画面でアクティベートを完了を押します。
↓の画面になったらOK。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/12/DFBE8491-8967-4F4F-B6EF-A08118481190.jpeg)
SWELL推奨プラグインの導入
SWELLの公式ページで推奨するプラグインが公開されています。
![](https://swell-theme.com/wp-content/uploads/2019/10/thumb_plugins.png)
参考にしながら導入や停止をしましょう。
ただSWELLを使うならSEO SIMPLE PACKは導入しておきましょう。
SWELLと開発者が同じだけあって相性抜群です。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/864927C4-CD2C-4891-8CB3-928656FC0F70.jpeg)
インストールしたら有効化しておきます。
Googleアナリティクスの設定
Cocoonで設定していたGoogleアナリティクスの設定は引き継がれないため、SEO SIMPLE PACKにGoogleアナリティクスの設定をしていきます。
SEO PACKメニューから一般設定を選択します。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/CCE2250F-E53D-46CB-AFA6-917CA18FE1C7.jpeg)
SEO SIMPLE PACKの一般設定画面から、Googleアナリティクスタブを開きます。
「トラッキングID」または「測定ID」の項目があるので、UA-から始まるトラッキングIDかG-から始まる測定IDを指定します。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/E76D8716-F404-422F-9876-4B45FD058DA3-659x1024.jpeg)
この設定をしておかないと、サイトへのアクセス情報が収集されず、PV数が激減どころかアクセスされなくなった!なんて早とちりをしてしまうことになります。
STEP6. 各ページを確認・調整
乗り換えサポート用プラグインを使ってもうまく移行されないものもあるので、実際にページを確認する必要があります。
ここからは、自サイトの固定ページや投稿ページの確認を行いましょう。
![](https://kawazu-nedoko.com/wp-content/uploads/2022/01/67D0CA36-07B7-42F4-85D5-C82D20333FB2-150x150.png)
サイトを訪問するユーザの目線に立って、デザインの崩れが起きていないか確認しましょう。
また、ブロックエディタでの確認も必要です。
Cocoonの機能で作成した吹き出しなどのブロックは、ブロックエディタで見てみると次のような表示になって編集できないようになってしまいます。(サイトを閲覧しても微妙に崩れます)
- Cocoon吹き出し
-
- Cocoon付箋風ボックス
-
このような箇所を地道ですが1つずつ潰していく必要があります。
この作業がしんどいので、出来るだけ早くにテーマは決めておいたほうが賢明です。
ブログ開設時には無料テーマで始めてみようというのも1つの選択肢ですが、長く続けるなら最初からSWELL
STEP7. 乗り換えサポート用プラグインを停止
ここまできたらあと一歩。
乗り換えサポート用プラグインは不要なので、無効化の上、削除します。
使わないプラグインは残しておく理由はありませんし、削除しておくことが推奨されています。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/9E09C6D5-AF01-4EE6-A27E-6E95797135C0.jpeg)
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/9E09C6D5-AF01-4EE6-A27E-6E95797135C0.jpeg)
乗り換えサポート用プラグインを無効化します。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/4A8D8E02-6E5F-49DD-BB20-30094559E16D.jpeg)
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/4A8D8E02-6E5F-49DD-BB20-30094559E16D.jpeg)
無効化されると削除ボタンが押せるようになるので、削除を押下します。
これだけでプラグインの削除は完了です。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/CCF9CF87-EC75-4498-AF9D-5217EE3A75AB.jpeg)
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/CCF9CF87-EC75-4498-AF9D-5217EE3A75AB.jpeg)
STEP8. Cocoonの削除
最後にCocoonを削除します。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/7E8FCCBD-7914-4F85-A356-FE2DB6C21C9D.jpeg)
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/7E8FCCBD-7914-4F85-A356-FE2DB6C21C9D.jpeg)
子テーマも導入してる場合は、忘れずに子テーマを消しましょう。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/CAD10BAF-3B2D-4B32-A2A5-9661CE876419-649x1024.jpeg)
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/CAD10BAF-3B2D-4B32-A2A5-9661CE876419-649x1024.jpeg)
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/6446E052-E8C2-4E3F-93C7-95FC50A1BBE1.jpeg)
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/6446E052-E8C2-4E3F-93C7-95FC50A1BBE1.jpeg)
同じようにCocoonの親テーマも消していきます。
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/A3B0C35E-FE70-4F69-A988-980240AD4FB9.jpeg)
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/A3B0C35E-FE70-4F69-A988-980240AD4FB9.jpeg)
CocoonからSWELLへの移行まとめ
CocoonからSWELL
乗り換えサポート用プラグインが提供されているので、スマホからでも簡単に切り替えることができます。
各投稿ページを確認、修正する作業は手間がかかってしまいますので、悩んでいるなら早めに切り替えてしまったほうが後々楽になりますよ。
※SWELL
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/C2FD42D1-B538-46E5-A6B1-2C72DFA83CA2-300x225.jpeg)
![](https://kawazu-nedoko.com/wp-content/uploads/2021/11/C2FD42D1-B538-46E5-A6B1-2C72DFA83CA2-300x225.jpeg)
コメント