【実例付き】CocoonからSWELLへの移行方法を徹底解説

この記事は、実際の作業を通じて、Cocoonから、WordPressテーマ「SWELL」へ「乗り換えサポートプラグイン」をつかった移行方法を詳しくお伝えします。

という方は、ぜひこの記事を読んでみてください。

WordPressテーマ「SWELL」は、洗練されたデザインと操作性で多くのブロガーに選ばれていますよね。

と迷いが生じると思います。

でも、結論から言うと・・・・

SWELLに乗り換えるなら、１日でも早くするのが正解！

＼ 本当に使いやすいテーマなら／

SWELL乗り換えサポートプラグインとは？

SWELL乗り換えサポートプラグインは、他のWordPressテーマからSWELLに変更する際、サイトのデザインや機能が崩れるのを最小限に抑え、スムーズに移行できるようサポートするためのプラグインです。

現在６テーマのプラグインが提供されています。

ブログ運営者にとってテーマの変更は、非常に手間がかかる作業ですよね。このプラグインは、そうした煩わしさを解消し、移行作業の効率化を図るために開発されました。

他のテーマでは、こういう乗り換えのためのプラグインは提供されていません。

＼ 本当に使いやすいテーマなら／

Cocoon→SWELL乗り換えサポートプラグインのメリット

このプラグインを使うと、テーマ変更に伴うデザインや機能の崩れを気にすることなく、スムーズな移行が可能になります。

・従来のテーマ特有のCSSやショートコードの置き換え
・表示崩れの調整

を、ある程度、乗り換えサポートプラグインがやってくれるので大変便利です。

さらに、これまでに構築したコンテンツを再度作り直す手間が省けるので、移行作業にかかる時間と労力が大幅に削減されます。

＼ 本当に使いやすいテーマなら／

Cocoon→SWELL乗り換えサポートプラグインの注意点

実際の作業に入る前に、注意点を４つお伝えします。

①デザインが崩れるので、トップページ・記事の見直しは必須！

乗り換えサポートプラグインを使っても、まったく同じデザインにはなりません。特に、記事の見直し・リライトは絶対に必要です！

どんな風にデザインが変わるのか、CocoonからSWELLに移行した場合のデザイン崩れの一部をご紹介します。

特に、「ボタン」と「ランキング表示」はSWELLにすると表示されなくなりました。
これ以外にも細かいところは、リライトが必要になります。

②作業前にバックアップ・スクリーンショットをとっておく

作業前に必ずバックアップをとっておくことをお勧めします。
基本的に安全な作業ですが、何かあった時に後悔したくありません。念の為に取っておきましょう。

サーバー会社提供が、バックアップサービスを提供している場合は、ぜひ使ってください。
（ロリポップ、さくらインターネット、Xサーバーなどではバックアップサービスがあります）

また、それが使えない場合は、バックアップが取れるプラグインを使います。
プラグインのなかでも、「BackWPup」が利用者が多く、初心者にも使いやすくておすすめです。

また、設定が変わるので設定やトップ画面のスクリーンショットをとっておきましょう。SWELL設定時に見直すことがあります。

③手順が大切！SWLLのインストール後、すぐに「有効化」はNG

これ、大事です！手順を間違うと、思ったように移行にできません。

事前に設定手順についてはよく読み、確認しましょう。とくに、JINなど移行前のテーマは、見直し・リライトが完了してから削除しましょう。

④乗り換えサポートプラグインは、全記事の確認・リライト完了後に削除する

「乗り換えサポートプラグイン」は、乗り換え後、すぐにプラグインを削除するのは推奨しません。

「テーマ乗り換えサポートプラグイン」は、CocconのデザインをSWELLでもある程度維持するためのものです。そのため、プラグインを削除すると、Cocoon特有のデザインがSWELLで表示されなくなり、デザインが崩れる可能性があります。

プラグインがCocoonのデザインをSWELLでも維持できるようにしてくれています。

最終的に、SWELLの機能を使って記事をリライトし、確認した後にプラグインを削除しましょう。
リライトが完了するまでは、プラグインを有効にしておく必要があります。

全記事を見直し・リライトした後にプラグインを無効化→削除しましょう。

＼ 本当に使いやすいテーマなら／

SWELLに移行前の、事前確認事項

また、それぞれテーマには「クセ」つまり、特徴があります。SWELLならではの特徴を知っておくと、その後の移行がスムーズにいきます。

【確認事項１】推奨されないプラグインがある

SWELLには、推奨されないプラグインがあります。とくに、Elementorなどの「多機能なブロック拡張プラグイン」は、注意が必要です。SWELLにはブロックエディターの拡張機能がすでに多く備わっているので、重複したり、干渉しあって不具合の原因にもなりかねないので、オススメではありません。

詳しくは、SWELL公式ページのこちらの記事をご確認ください。

推奨プラグインと非推奨・不要・注意すべきプラグインについて 

【確認事項２】SWELLは、SEOの設定がプラグイン管理

SWELLではプラグインで管理することになります。SWELL推奨の「SEO SIMPLE PACK 」もしくは、「All in One SEO Pack」などで管理が必要です。意外に作業から抜けやすいので、注意が必要です。

【確認事項３】OGP設定

SWELLでは、プラグインでOGP設定します。JINは、テーマ管理。「Xに投稿した時にアイキャッチ画像が出てこない！」とならないために、「SEO SIMPLE PACK 」などで設定しましょう。

CocoonからSWELLへの移行手順

事前にSWELLの購入を完了させる必要があります。
（この段階では、インストールだけでSWELLの有効化は行わないでください）
SWELLの購入がまだの方は、以下のダウンロードページから処理を進めてください。

＼ 本当に使いやすいテーマなら／

SWELL購入からインストールの詳しい流れは以下の記事で説明しています。

SWELLの導入が完了している方は、以下の手順でプラグインのダウンロードから有効化まで進めていきましょう。

＼ 本当に使いやすいテーマなら／

プラグイン導入後の作業　これが作業本番！

テーマの乗り換えは、SWELLにしてからが本当の作業が始まります。

プラグインを有効にした後に、トップページや各ページの修正・リライトが始まります！

今回は、サンプルサイトを例に、どうなったか・作業内容・作業時間はどれくらいかかったかをお伝えします！

①「SEO SIMPLE PACK」のインストール・設定

他のSEO関連のプラグインを使っていない方は、ここで「SEO SIMPLE PACK」の設定を行いましょう。

②トップページのデザイン修正

移行直後には、こんな感じになっていました。

主な作業としては、以下の３つを行い、作業時間は１０分程度でした。
・トップページのメインビジュアルを変更
・ファビコンの変更
・ヘッダーロゴの設定

③固定ページのリライト（デザイン崩れを修正）

固定ページのアイキャッチが表示されないので、カスタマイズから設定変更をしました。

④投稿ページのリライト（デザイン崩れを修正）

②③とも、ボタンやテキスト装飾を修正しました。
サンプルサイトは「固定ページ：５つ、投稿ページ：５つ」だったので、それほど時間はかからず３０分ほどで終了しました。

⑤乗り換えサポートプラグインを無効化する

すべての記事のリライトが終わったら、乗り換えサポートプラグインを無効化してください。
しばらく運用して問題なかったら、最終的には、削除してOKです！

以上、サンプルサイトだけならば、ここまでの作業は１時間程度で終わりました。
ページ数が少なかったのと、Cocoonオリジナルのブロックをあまり使わずに作っていたので、そこまで作業はありませんでした。

＼ 本当に使いやすいテーマなら／

まとめ：SWELL乗り換えサポートプラグインで賢く乗り換え！

SWELL乗り換えサポートプラグインは、他のテーマからSWELLへの移行を簡単にしてくれる優れたツールです。

このプラグインを使うことで、デザインや機能が崩れる不安を軽減し、CSSやショートコードの変換をサポートしてくれるため、サイトのデザインを保って移行できます。

ただ、声を大にして言いたい！

記事が多くなればなるほど、乗り換えの作業は大変になります。
今後のサイト運営をより快適にするためにも、１日でも早く乗り換えをしてください。

最後まで読んでいただいて、ありがとうございました！

＼ 本当に使いやすいテーマなら／