> 12コの有料テーマを使うマニアが大評判のSWELLを徹底レビュー!

CocoonからSWELLの移行方法・手順|開発者(わいひらさん)もオススメ

CocoonからSWELL移行

17種類のテーマを使用してきた僕が、CocoonからのSWELL移行方法・手順を「画像たっぷり分かりやすく」解説します!

CocoonからSWELLに移行した場合に修正(リライト)すべき箇所も分かります。

\ オシャレを実現!初心者でもデザイン性抜群のサイトにできる /

※いま一番オススメのWordPressテーマ

マチコ

CocoonからSWELLへ移行する方法・手順を知りたいです。

何をすればいいのか分かりません・・・。

こういったお悩みを解決します。

CocoonからのSWELL移行は、やり方さえ分かれば難しくはありません。

この記事では、CocoonからのSWELL移行によって「どういったデザイン崩れが起こるのか」という点や、「SWELL移行の前準備」、「SWELLに移行する手順」、「乗り換えたあとにやるべきこと」についても分かりやすく解説していきます。

この記事を見ながら進めるだけで、CocoonからSWELLへの移行は済みます。ぜひ最後までチェックしてみて下さい。

SWELLダウンロードページ

読みたいところに飛べます

CocoonからSWELLに移行するにあたっての注意点を知りたい方は下記をタップ。

CocoonからSWELLへ移行する際の注意点

すぐにCocoonからSWELL移行方法を知りたい方は下記をタップ。

CocoonからSWELL移行方法・手順

デザインが綺麗でオシャレ、使いやすく、高機能。

SWELLの評判を集めた記事は →「SWELLの口コミ評判・レビュー

有料テーマ12コ使う僕のイチオシWordPressテーマです。

≫SWELL公式サイトはこちら

Blog

この記事の監修者

ヒナキラ 編集長

30代ブロガー。2サイト運営、ブログ月収6桁。有料テーマ12コを扱うテーマおたく。Twitterフォロワー4,900人。無料ブログコミュニティ運営。SEO1級、27万円コンサル、有料教材等から学んだ知識も発信。

Blog

この記事の監修者

ヒナキラ 編集長

30代ブロガー。2サイト運営、ブログ月収6桁。有料テーマ12コを扱うテーマおたく。Twitterフォロワー4,800人。無料ブログコミュニティ運営。SEO1級、27万円コンサル、有料教材等から学んだ知識も発信。

タップできる目次

Cocoonから有料テーマに乗り換えるならSWELL

Cocoon開発者「わいひらさん」が、有料テーマに乗り換えるならSWELL一択、と言っています。

Cocoon作者の観点からしても、Cocoonから他のWordPressテーマを乗り換えるなら、現状ではSWELL一択です。

Cocoonから乗り換えるのにおすすめなテーマはこれ。

Cocoon開発者が言うのですから、これ以上の説明はいらないですが、もう少し補足しておきます。

理由として、「SWELLが素晴らしいテーマ」というのもあるのですが、最も大きな理由としては、「乗り換えサポートプラグイン」があるからというのがあります。

現状、「Cocoonからの乗り換えプラグイン」があるのは、SWELLだけとなっています。

実際「乗り換えプラグイン」があるのとないのとでは、乗り換えの手間に雲泥の差があります。

Cocoonから乗り換えるのにおすすめなテーマはこれ。

記事が多ければ多いほど、修正に労力がかかることになるので、「乗り換えの労力をできる限り減らしたい」なんて場合は、SWELL一択になるということです。

何百記事とある人にとっては、何十時間の修正時間が削減され、人的コストにして何十万円の削減になるかと思います。

Cocoonから乗り換えるのにおすすめなテーマはこれ。

Cocoon開発者が言うと説得力が違いますね。

もちろん、僕も完全に同意です。

Cocoon→SWELL移行(乗り換え)の注意点5つ

まずは、CocoonからSWELLに移行(乗り換え)する前にやるべきことを解説します。

具体的には、下記の5点です。

CocoonからSWELL移行の注意点5つ
  1. デザインが崩れる
  2. メタディスクリプションが消える
  3. バックアップを取っておく
  4. 移行前のテーマは「まだ」消さない
  5. 乗り換えサポートプラグインはいずれ削除を

それぞれ解説していきます。

SWELL移行の注意点①:装飾などのデザインが崩れる

CocoonからSWELLに移行すると、これまでに書いた記事の装飾などのデザインが崩れます。

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

今回見ていくのは、SWELLへ移行する際に崩れやすい下記5項目です。

  • テキストの色
  • マーカー
  • ふきだし
  • ボックス装飾
  • ボタン

では、下記で見ていきましょう。

SWELL移行におけるデザイン崩れ

CocoonからSWELLへの移行前の状態です。

Cocoonからの移行前

SWELL移行の注意点②:メタディスクリプションが消える

CocoonからSWELLに移行すると、メタディスクリプションが消えます。

もっというと、メタディスクリプションを入力できるテーマ(Cocoon)は、消えます。というのも、テーマの機能として入力ができるようになっていた場合、SWELLに移行することでメタディスクリプション機能が失われて、それまでに入力したデータも消えてしまうので・・・。

なのでCocoonからSWELLに移行する前に、せめて重要記事のメタディスクリプションのコピーをしておくと良いでしょう。

例えばですが、下記のような形で「タイトル」と「メタディスクリプション」をコピペしておくのも良いかと。

メタディスクリプションの管理用シート

なお、上記のスプレッドシートを使いたい方は、下記よりどうぞ。

メタディスクリプション管理シートはコチラ。

メタディスクリプションの移行は面倒なので、一括してコピペしておくと便利かと。

SWELL移行の注意点③:バックアップを取っておく

CocoonからSWELL移行の際は、バックアップを取っておくことをオススメします。

ほとんどないとは思いますが、テーマ移行によってエラーが発生する可能性もあるためです。正直、とりあえず念のため取っておくと良いかなという感じではありますが・・・。

ちなみに、サーバーのバックアップでは1日1回決まった時間にバックアップされるといった感じなので、バックアッププラグイン(BackWPupなど)で、テーマ移行直前に「手動で」とっておくと良いかなと。

正直、これまで17種類ほどのテーマを使ったものの、今一度として不具合はありませんでしたけどね。

SWELL移行の注意点④:Cocoonは「まだ」消さない

Cocoonは、既存記事の修正(リライト)が終わるまでは残しておいてください。

でないと、乗り換えプラグインで維持されているデザインすらも、めちゃくちゃになってしまう可能性が。

Cocoonは、すべてのリライトが完了してから削除しましょう。

ヒナキラ

SWELLの乗り換えサポートプラグインは、Cocoonが削除されると正常に機能しなくなります・・・。

SWELL移行の注意点⑤:乗り換えプラグインはリライト完了後に「削除」

CocoonからSWELLへの乗り換えサポートプラグインは、サイトを重くします。

ページスピードが遅いと検索順位、離脱率などにも影響が出る可能性があるので、記事の修正(リライト)が完了したら、早めに削除すると良いですね。

なお、乗り換えプラグインを削除したら、Cocoon削除もしてOKです。

⇧目次に戻る

Cocoon→SWELL移行方法・手順

CocoonからSWELLへの移行方法・手順は、下記4ステップとなります。

CocoonからSWELL移行手順4ステップ
  1. SWELLの購入
  2. SWELLテーマのインストール
  3. 乗り換えプラグインのインストール
  4. その他プラグインの最適化

それぞれ、順に解説していきますね。

SWELL移行手順①:SWELLの購入

まずは、SWELLの購入方法の解説をしていきます。

STEP
SWELL公式サイトにアクセスして「DOWNLOAD」をタップ
STEP
購入ページで利用規約に同意して「SWELLを購入する」をタップ
SWELLを購入するをタップ
STEP
クレジットカード情報を入力して「支払う」をタップ
カード情報の入力
STEP
購入完了

⇧目次に戻る

SWELL移行手順②:テーマのインストール

SWELLの購入ができたら、SWELLテーマのダウンロードとインストールをしていきます。

STEP
SWELL公式サイトのトップ画面から「フォーラム」をタップ
STEP
SWELLERS(フォーラム)のページから「ログイン」をタップ
SWELLERSログイン
STEP
マイページにログインしたら、「SWELL本体最新版」と「子テーマ」のファイルをタップしてダウンロードする
テーマのダウンロード
STEP
テーマのダウンロード完了

これで、「親テーマ」と「子テーマ」のダウンロードが完了しました。

続いて、Wordpressにインストールします。

STEP
WordPress管理画面より「テーマ」をタップ
Wordpress管理画面から外観、テーマへ
STEP
「新規追加」をタップ
ワードプレステーマを新規追加
STEP
「テーマのアップロード」をタップ
テーマのアップロード
STEP
「ファイルを選択」をタップ
ワードプレステーマファイルを選択
STEP
親テーマのファイルを選択
SWELLのファイルを選択
STEP
「インストール」をタップ
今すぐインストールをタップ
STEP
親テーマはインストール完了
親テーマファイルのインストール完了
STEP
子テーマも同じようにインストールする

親テーマの場合と同じように、子テーマもインストールしましょう。

インストールするファイル名は「swell_child.zip」です。

STEP
子テーマを有効化する

子テーマもインストールできたら、「子テーマ」の方を有効化していきます。

SWELLの子テーマを有効化
STEP
子テーマの有効化が完了

下記のように、子テーマが「有効」となっていればオッケーです。

SWELLの子テーマの有効化完了

⇧目次に戻る

SWELL移行手順③:乗り換えサポートプラグインのインストール

SWELLテーマのダウンロードができたら、Cocoonからの「乗り換えサポートプラグイン」もダウンロード・インストールしていきます。

STEP
SWELLERS(フォーラム)のマイページにアクセス

さきほど、親テーマ・子テーマをダウンロードしたページに戻ります。

STEP
使用テーマの「乗り換えサポートプラグイン」をダウンロードする

マイページにて、Cocoonの乗り換えサポートプラグインをタップしてダウンロードしましょう。

乗り換えサポートプラグインをダウンロード
STEP
WordPress管理画面より「プラグイン」→「新規追加」をタップ
プラグインの新規追加
STEP
「プラグインのアップロード」をタップ
プラグインのアップロード
STEP
乗り換えサポートプラグインのファイルを選択して「今すぐインストール」をタップ
乗り換えサポートプラグインのインストール
STEP
プラグインを有効化をタップ
乗り換えサポートプラグインの有効化
STEP
乗り換えサポートプラグインのインストール完了

これで、CocoonからSWELLへの乗り換えサポートプラグインのインストールと有効化もできました。

⇧目次に戻る

SWELL移行手順④:その他のプラグインの最適化

いよいよCocoonからSWELL移行手順のラスト、プラグインの最適化です。

SWELLは多機能なので、機能がダブるなど不要となるプラグインや、干渉しておかしくなる可能性のあるプラグインなどもあります。

また、メタディスクリプションを入力するためなど、必ず入れておくべき推奨プラグインも。

というわけで、最後にプラグイン関係を見ていきましょう。

なお、公式サイトでも詳しく解説されていますので、参考にしてみてくださいね。

>SWELLで非推奨・不必要なプラグインと、推奨プラグインについて

SWELLに不要なプラグイン

SWELLにとって不要となるプラグインですが、基本的にSWELLと機能が被るものは不要です。

例えば、目次作成プラグイン、画像遅延読み込みプラグイン、ふきだしプラグイン、人気記事リスト作成プラグイン、ブロックエディタープラグイン、クラシックエディタープラグインなど。

具体的には下記のようなプラグインです。

  • 「Table of Contents Plus」など
  • 「Lazy Load」など
  • 「Speech bubble」など
  • 「WordPress Popular Posts」など
  • 「Classic Editor」
  • 「AddQuicktag」
  • 「WP Super Cache」
  • 「W3 Total Cache」
  • 「Jetpack」

また、公式サイトでも言及されているとおり、高機能なブロックがたくさん詰まったようなプラグインや、ページビルダー系プラグインもSWELLには向きません。

Elementorなどのページビルダー系プラグインや、高機能なブロックがたくさん詰まったようなプラグインは、SWELLには向いていません。これらのプラグインを使うのであれば、機能の少ないシンプルなテーマをベースに使うことをおすすめします。

>SWELLで非推奨・不必要なプラグインと、推奨プラグインについて

SWELLと相性の悪いプラグイン

続いて、不具合が発生する可能性のある、SWELLと相性の悪いプラグイン。

  • 「Autoptimize」
  • 「SiteGuard WP Plugin」

また、SWELLではもともとコードを圧縮したりできるだけファイルをまとめたりと、高度で複雑な機能に合わせて適切な軽量化を行っていますので、このプラグインがしっかり動いたとしてもあまり恩恵はないと思います。

>SWELLで非推奨・不必要なプラグインと、推奨プラグインについて

SWELLに推奨されるプラグイン

SWELLに入れておくべき推奨プラグインは下記です。

プラグイン名プラグインの説明
SEO SIMPLE PACKSEO SIMPLE PACKは、とてもシンプルで使いやすいSEO対策プラグイン。必須です。
Google XML SitemapsXML Sitemapsは、XMLサイトマップを作成できるプラグインで、ほぼ必須。
Useful BlocksUseful Blocksは、ブロックエディター専用のブロックプラグインで、記事作成に役立つ複数のブロックが使えるようになります。
PochippPochippは、Amazonや楽天市場から商品を検索してアフィリエイトリンクを管理できるプラグインです。
WP Revisions ControlWP Revisions Controlは、サイトを重くするリビジョンデータを簡単に制限できるプラグインです。
BackWPupBackPupは、画像ファイル、記事データ、プラグインなどを簡単に保存しておけるバックアッププラグインです。
Contact Form by WPFormsContact Form by WPFormsは、お問い合わせフォームを簡単に設置できるプラグインです。
XO SecurityXO Security はログイン関連のセキュリティを強化するためのプラグインです。
EWWW Image OptimizerEWWW Image Optimizerは、画像サイズを一括で圧縮できるプラグインです。
Flying Scripts by WP Speed MattersFlying Scripts by WP Speed Mattersは、JavaScriptの遅延読み込みをするプラグインです。

特に「SEO SIMPLE PACK」はSWELLの開発者が作成したプラグインで、SWELLとの相性も抜群なのでオススメ。というかメタディスクリプションを入力するためにも必須です。(SWELLの機能にはメタディスクリプション入力機能がないため)

なお、さらに詳しく見ておきたい場合には、下記を見ておきましょう。

⇧目次に戻る

Cocoon→SWELL移行後の手順

ここからは、CocoonからSWELL移行後にやっておきたいことを解説します。

CocoonからSWELL移行後の手順
  1. SWELLの会員登録を行う
  2. SWELLのユーザー認証を行う
  3. アナリティクスの設定を行う
  4. 既存記事のリライト(修正)
  5. 乗り換えサポートプラグインの削除
  6. 前のテーマの削除

SWELL移行後①:SWELL会員登録を行う

CocoonからSWELL移行ができたら、SWELLユーザー限定の会員(SWELLERS’)登録を行います。

SWELLERS’では、ユーザー認証、テーマファイルなどのダウンロード、アフィリエイト登録などができるようになります。

SWELL会員登録の手順は下記です。

STEP
SWELL会員登録ページにアクセス

新規会員登録ページ

まずは上記からアクセスしてください。

STEP
必要事項を入力して、会員登録をする

ユーザー名、メールアドレス、パスワード(任意)を入力して、利用規約に同意し、「登録する」をクリックしましょう。

SWELL会員登録

これで、SWELLの会員登録ができました。

SWELL移行後②:ユーザー認証を行う

SWELL会員登録後でも、まだWordpress側とSWELL側との連携(ユーザー認証)が取れていない状態です。

ユーザー認証をしないと、SWELLのアップデートができない為、すぐに認証を行っておきましょう。

認証手順は下記です。

STEP
WordPress管理画面より、「SWELL設定」→「アクティベート」をタップする
SWELLアクティベート
STEP
①メールアドレスを入力後、②「認証リクエストを送信」をタップする

SWELLアクティベート画面になったら、メールアドレスを入力して「認証リクエストを送信」しましょう。

SWELLユーザー認証
STEP
3分以内にメールを開いて認証用URLをタップする
SWELLメール認証
STEP
「自分のサイトに戻る」をタップする

ユーザー認証が完了したので、「自分のサイトに戻る」をタップしてサイトに戻りましょう。

認証完了
STEP
認証完了

以上、これでSWELLのユーザー認証が完了です。

認証終了

SWELL移行後③:アナリティクスの設定を行う

CocoonからSWELL移行後には、Googleアナリティクス設定も行っておきましょう。

手順は下記のとおりです。

STEP
無料プラグイン「SEO SIMPLE PACK」をインストール

アナリティクスの導入については、SWELLに必須のプラグイン「SEO SIMPLE PACK」をダウンロードしていることを前提として解説します。

導入していない方は、無料なので早速インストールしておきましょう。

>SEO SIMPLE PACK

STEP
「SEO PACK」→「一般設定」をタップ
SEO PACK設定
STEP
「Googleアナリティクス」をタップ
Googleアナリティクスをタップ
STEP
アナリティクスの「トラッキングID(コード)」を貼り付ける

Googleアナリティクスを開いて、トラッキングIDまたはトラッキングコードをコピーし、以下に貼り付けてください。

貼り付けたら、「設定を保存する」をタップして完了です。

トラッキングIDの貼り付け

トラッキングIDの確認方法は下記。
①アナリティクスの「管理」→②「トラッキング情報」→③「トラッキングコード」

SWELL移行後④:サーチコンソールの設定を行う

Googleアナリティクスの設定ができたら、次にGoogleサーチコンソールの設定も行っておきましょう。

STEP
「SEO PACK」→「一般設定」をタップ
SEO PACK設定
STEP
サーチコンソールの「設定」をクリック
SWELLとサーチコンソール設定
STEP
サーチコンソールの「HTMLタグ」をクリック
サーチコンソールの「HTMLタグ」をクリック
STEP
下記の部分(コード)をコピー
下記の部分(コード)をコピー

content=””に挟まれた部分がSearch Console認証コードです。

STEP
「SEO PACK」の「ウェブマスターツール」に貼り付け
「SEO PACK」の「ウェブマスターツール」に貼り付け

これで、サーチコンソールの設定もできました。

SWELL移行後⑤:既存記事のリライト(修正)

CocoonからSWELL移行後、お待ちかねの既存記事のリライトが必要になります。

CocoonからSWELLに変更することでデザイン崩れが起きる部分については、「デザイン崩れ」を確認してみてくださいね。(その他、ショートコードなど使用していると崩れる可能性あり)

これがあるので、できるだけ早めのテーマ移行がオススメ。数百記事とかあると、あきらめた方が良いということも・・・。

SWELLは使いやすいのでリライトもしやすいとは思いますが、ここはひと踏ん張りですね。

SWELL移行後⑥:乗り換えサポートプラグインの削除

すべての既存記事のリライトが済んだら、Cocoonからの乗り換えサポートプラグインを削除します。

乗り換えサポートプラグインを有効化していると、サイトが重くなってページスピードが落ちるためです。

ページスピードはSEOにもかかわってくるので、リライトが完了したら必ず削除をお忘れなきよう。

SWELL移行後⑦:Cocoonの削除

既存記事のリライトが終わり、乗り換えサポートプラグインを削除したら、Cocoonも削除してオッケーです。

反対に、リライトが終わっていない段階では削除しないように注意です。

というのも、乗り換えサポートプラグインが上手く働かなくなってしまい、余計な労力をかけることになってしまうからですね。

⇧目次に戻る

Cocoon→SWELLに移行して改善すること

CocoonからSWELLに移行すると、良くなる点が多くあります。

具体的には、下記です。

CocoonからSWELL移行によって良くなるもの
  • スピード、SEOスコアUP
  • デザイン性、オシャレ度UP
  • ブロックエディターの使いやすさUP

それぞれ見ていきましょう。

①:スピードスコアUP

CocoonからSWELLに移行すると、ページスピード(パフォーマンス)が速くなります。

具体的には、下記を見て比較してみてください。

SWELLのSEOスコア

テーマ初期状態で比較したものですが、SWELLのスコアの方が良いです。

②:デザイン性・オシャレ度UP

CocoonからSWELLに移行することで、トップページや記事のオシャレ度がUPします。

正直、装飾など細かいところまでオシャレでスタイリッシュにできるのは、SWELLくらいかなと思います。(人気テーマの中では)

つまり、SWELLに移行することでデザイン性が向上、オシャレなサイトにすることができると言って良いですね。

③:ブロックエディターの使いやすさUP

CocoonからSWELLに移行することで、ブロックエディターの使いやすさが向上します。

下記で「ツールバー」「専用ブロック数」などを比較していますが、実際に使ってみると更に違いが分かるかなと。

SWELLブロックエディター
SWELL専用ブロック

⇧目次に戻る

SWELLカスタマイズのやり方

SWELLを導入する理由の一つに、オシャレなサイトにしたい!といったものがある場合も多いでしょう。

ブログの顔となるトップページのデザインは重要ですし。

ブログ型からサイト型に

具体的には、上記のような「サイト型」にする方法になりますが、SWELLをサイト型でおしゃれにカスタマイズする方法【動画あり】←こちらを参考にしてみて下さいね。

正直、ブログ型よりもサイト型の方がSEOにも有利になります。それに収益記事などへの誘導もしやすいですし。

簡単なので、ぜひチャレンジしてみて下さい。

Cocoon→SWELL移行に関するQ&A

CocoonからSWELLへの移行は難しいですか?

CocoonからSWELLへの移行自体は、この記事どおりに進めれば難しくありません。

また、SWELLには乗り換えサポートプラグインがあるので、早急にリライトすべき箇所を大きく削減できます。
(のちのちリライトしていく必要はある)

CocoonからSWELLに移行したあとは、すぐに新記事を書けますか?

CocoonからSWELLに移行したあとは、プラグインの見直し、ユーザー認証、アナリティクスの連携、最低限のリライト(修正)などを行う必要があります。

新記事に手を付けるのは、その後が良いですね。

CocoonからSWELLに移行する一番良いタイミングは?

CocoonからSWELLに移行する一番良いタイミングは「いま」です。

理由は、テーマ変更による記事修正が一番少なくて済むのが「いま」だから。

また、テーマの価格が上がる前に変更した方が良いという側面もあります。(過去2回値上がり)

まとめ|Cocoon→SWELL移行(乗り換え)はお早めに!

今回はCocoonからSWELLに移行する方法を解説しました。

移行については、やり方さえ分かれば難しいことは全くありません。

ただ、移行したあとには必ずリライトする手間は発生してしまうので、SWELLへの乗り換えを検討しているなら、お早めの切り替えがオススメ。

というわけで、今回は以上です。

素晴らしいテーマ「SWELL」で、ブログ運営を楽しみましょう!

>SWELL公式サイトで詳しく見てみる

※高機能で爆速、オシャレで使いやすい

⇧目次に戻る

時短に繋がる、超高機能Wordpressテーマ。

WordPressテーマ「SWELL」の特徴
総合評価
( 5 )
メリット
  • とってもオシャレなサイトが誰でも作れる
  • 構造化機能も充実!SEO対策をしやすい
  • ダントツクラスの機能性
  • 高速化のプロを顧問!ページスピードが速い
  • 時短機能も充実!記事執筆を効率化できる
  • ブロックエディター対応度ナンバーワン
  • ブログ運営が楽しくなる
  • 初心者でもカスタマイズしやすい
  • 買い切り、複数サイトに使える
  • アプデが頻繁で進化が止まらない
デメリット
  • 値段が安くない(17,600円)
  • AMP非対応
  • 個人開発

SWELLはオシャレで、非常に使いやすく、時短に繋がる生産性高いWordpressテーマ。

17,600円の価格も、抜群の機能性やSEO対策面、記事執筆効率化などを考慮すればむしろ安いです。

使ったら二度と手放せなくなるWordpressテーマ「SWELL」の感動を、あなたにも。

\オシャレで使いやすく機能性抜群のテーマ/

※今まで使った有料テーマの中で一番おすすめ

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

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

タップできる目次