![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
有料テーマを買ってみようと思うのですが、はじめてなので、わからないこといっぱです。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
はじめてのことはドキドキしますよね。
この記事では、SWELLの購入方法、無料テーマCocoonからSWELLへの移行手順を紹介します。
![](https://ekubo-blog.com/wp-content/uploads/2023/05/blog_first-300x158.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/05/blog_first-300x158.jpg)
SWELLの購入方法
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
SWELLはどこで購入できるの?
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
公式サイト
![swell](https://ekubo-blog.com/wp-content/uploads/2023/07/swell_01.jpg)
![swell](https://ekubo-blog.com/wp-content/uploads/2023/07/swell_01.jpg)
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/swell_02-1024x558.png)
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/swell_02-1024x558.png)
利用規約にチェック後、『
SWELLを購入する』ボタンをクリックします。![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
支払いページに移動するので、必要事項を記載していきましょう。
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/swell_03-1024x610.png)
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/swell_03-1024x610.png)
必要なカード情報を入力後、『支払う』をクリックで購入完了です。
入力したアドレス宛に購入完了のメールが届きます。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
わたしがCocoonからSWELLに移行した理由は下記↓の記事を参考にしてみてくださいね。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-reason-300x158.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-reason-300x158.jpg)
CocoonからSWELLへ移行手順
SWELLの会員登録
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
購入完了メールが届いたら会員登録を行っていきます。
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/swell-1024x740.png)
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/swell-1024x740.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
メールアドレスはSWELL購入時に入力したアドレスと同じものを入力してくださいね。
SWELL製品のDL
マイページにログインします。
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-1-1024x624.png)
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-1-1024x624.png)
SWELL製品のダウンロード
を行います。![SWELL](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-6-1024x625.png)
![SWELL](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-6-1024x625.png)
CocoonからSWELLへの乗り換えサポートをしてくれる心強いプラグインがあります。
Cocoon以外をご利用の方も、様々なテーマからの乗り換えが可能となっています。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
↓乗り換えサポートプラグインが各種用意されてます♪
- Coccon
- JIN
- SANGO
- STORK
- THE THOR
- AFFINGER5
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
プラグインを使ってテーマを移行することで、デザイン崩れなどをある程度保ってくれてます。
SWELLテーマのアップロード(子テーマのアップロード)
早速、CocconからSWELLへの移行作業を行っていきましょう。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-2.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-2.png)
管理画面→画面→テーマ→新規追加→テーマのアップロード→ファイルの選択→いますぐインストールの順でクリックしていきます。
![swell](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-3-1024x381.png)
![swell](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-3-1024x381.png)
有効化はまだせずに、同じ要領で、子テーマもDLしていきましょう。
子テーマもDLできました↓
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-4-1024x378.png)
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-4-1024x378.png)
テーマの中に『SWELL』と『SWELL CHILD』がインストールできました。
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-5.jpg)
![swell](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-5.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
有効化はまだしないでくださいね。
Coccon乗り換えサポートプラグインの有効化
次にCocconからSWELLへの乗り換えサポートプラグインをDLし、有効化していきます。
乗り換えサポートプラグインは、SWELLの会員専用ページ『SWELLER’S』のマイページにある『SWELL製品ダウンロード』からできます。
管理画面→プラグイン→新規追加→プラグインのアップロードの順でクリックしていきます。
![乗り換えサポートプラグイン](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-8.png)
![乗り換えサポートプラグイン](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-8.png)
乗り換えサポートプラグインを有効化します。
![乗り換えサポートプラグイン](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-9-1024x331.png)
![乗り換えサポートプラグイン](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-9-1024x331.png)
SEO関連のデータの移行
Cocconで記事を作成していた際に、メタディスクリプションなどの情報を記載していた方は、SWELL移行前にデータをいこうしておきましょう。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
CocconからSWELLに移行後は編集画面に表示されなくなるため、事前に済ませておきましょう。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
どのようにしたらよいですか?
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
SEO SIMPLE PACK というプラグインを使っていきます。
![SEO SIMPLE PACK](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-10.png)
![SEO SIMPLE PACK](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-10.png)
記事下のCocconの「SEO」の欄の下に「SEO SIMPLE PACK設定」の欄が追加されました↓。
![SEO SIMPLE PACK](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-11.png)
![SEO SIMPLE PACK](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-11.png)
SEO
![SEO SIMPLE PACK](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-12-1024x421.png)
![SEO SIMPLE PACK](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-12-1024x421.png)
SEO SIMPLE PACK
![SEO SIMPLE PACK](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-13-1024x480.png)
![SEO SIMPLE PACK](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-13-1024x480.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
SWELLを有効化する前に、必要な項目はコピペでSEO SIMPLE PACK への移行を済ませておきましょう。
わたしはコピペで行いましたが、データを引き継ぐ方法↓もあります。
Google Analytics、Google Search Consoleをお使いの方は、Coccon設定から情報をメモしておきましょう。
後ほどSWELLの『SEO SIMPLE PACK 一般設定』を行っていきます。
SWELLの有効化
いよいよSWELLのテーマを有効化していきましょう。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women-150x150.jpg)
ドキドキ・・・うまくいくかな?
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
順を追って焦らずに行っていきましょう♪
管理画面→外観→テーマからSWELLを有効化します。
![SWELL CHILDの有効化](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-14.jpg)
![SWELL CHILDの有効化](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-14.jpg)
わたしは、カスタマイズも考えてるので、子テーマのほうを有効化してます。
CocoonからSWELLへ乗り換えた後にやること
ユーザー認証を行う
SWELLユーザー認証設定を行います。
![SWELLユーザー認証](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-15.jpg)
![SWELLユーザー認証](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-15.jpg)
メールアドレスを入力し『認証リクエスト』を送信します。
![SEELLアクティベート設定](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-16-1024x506.png)
![SEELLアクティベート設定](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-16-1024x506.png)
メールアドレスから、認証を完了させるためのURLが届くので、クリックするとアクティベートの設定が完了します。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-17-1024x500.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-17-1024x500.png)
![認証完了](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-20.png)
![認証完了](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-20.png)
Google Analytics、Google Search Consoleの設定をする
Google Analytics、Google Search Consoleの設定も『SEO SIMPLE PACK 一般設定』から忘れずに行っておきましょう。
![Googleアナリティクス](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-21-1024x423.png)
![Googleアナリティクス](https://ekubo-blog.com/wp-content/uploads/2023/05/cocoon-swell-21-1024x423.png)
![サーチコンソール](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-22.png)
![サーチコンソール](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-22.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
CocoonでGoogleアナリティクス、サーチコンソールを設定していた方は事前にメモしておくとよいですよ。
プラグインの整理
SWELL公式サイトを参考にプラグインの整理を行っていきます。
![](https://swell-theme.com/wp-content/uploads/2019/10/thumb_plugins.png)
![](https://swell-theme.com/wp-content/uploads/2019/10/thumb_plugins.png)
OGP設定
SWELLでは、SEO PACKから行います。
基本設定でOGPイメージ画像を設定します。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
Canvaを使って、1200×630pxで作ると良いですよ!
![OGP設定](https://ekubo-blog.com/wp-content/uploads/2023/12/cb7bdc78cd0d4a45d1da6ed1a4eb9645.jpg)
![OGP設定](https://ekubo-blog.com/wp-content/uploads/2023/12/cb7bdc78cd0d4a45d1da6ed1a4eb9645.jpg)
![OGP設定](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-24-1024x646.png)
![OGP設定](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-24-1024x646.png)
![OGP設定](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-25-1024x591.png)
![OGP設定](https://ekubo-blog.com/wp-content/uploads/2023/07/cocoon-swell-25-1024x591.png)
ふきだし機能の設定
ふきだし機能を設定しましょう。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
Cocoonから切り替えた方は、SWELL用のふきだしに変えていきましょう!
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women1-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women1-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women1-150x150.jpg)
ふきだしセット便利そうですね~
Font Awesomeの設定
「SWELL設定」からFont Awesomeをクリック。
![font](https://ekubo-blog.com/wp-content/uploads/2023/05/font.jpg)
![font](https://ekubo-blog.com/wp-content/uploads/2023/05/font.jpg)
![font](https://ekubo-blog.com/wp-content/uploads/2023/05/font1.jpg)
![font](https://ekubo-blog.com/wp-content/uploads/2023/05/font1.jpg)
CSSで読み込むを選択。
バージョンは、v6、v5 好きなバージョンを選択してください。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
わたしはv6にしてます!
![icon](https://ekubo-blog.com/wp-content/uploads/2023/05/icon_01-1024x385.png)
![icon](https://ekubo-blog.com/wp-content/uploads/2023/05/icon_01-1024x385.png)
![icon](https://ekubo-blog.com/wp-content/uploads/2023/05/icon.png)
![icon](https://ekubo-blog.com/wp-content/uploads/2023/05/icon.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
↑多数のアイコンが使えますよ~
SWELLのカラー設定・カスタマイズ
Cocoonで設定していたカラー設定はすべてクリアされているため、SWELLでカラー設定なや必要なカスタマイズを行っていきます。
記事のリライト作業
テーマ移行後、デザインやレイアウトの変更により記事の見た目が崩れてしまっていることがあります。
移行後は必ずすべての記事を確認し、リライトやデザインの調整を行いましょう。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
テーマを切り替えた後に、記事を見ながら、少しづつ修正をかけていきましょう。
リライトが終わったら、Cocoonの乗り換えプラグインの停止します。
その後、キャッシュをクリアします。
Cocoonのテーマと乗り換えプラグインの削除
不要なプラグインが残っていると、ページ表示が遅くなる場合があるので乗り換えサポートプラグインは削除します。
ページスピードが遅いと検索順位、離脱率などにも影響が出る可能性があるので、リライトが完了したら、早めに削除しましょう。
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
リライト後は削除を忘れずに!
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women1-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women1-150x150.jpg)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/women1-150x150.jpg)
無事にCocoonからSWELLに移行できました♪
Cocoonの削除
リライトが全て終了したら、無料テーマの『Cocoon』『Cocoon Child』のふたつも削除してOKです。
SWELLの購入方法とCocoonからSWELLへ移行手順 まとめ
SWELLへの移行の際には、乗り換えサポートプラグインを使っていきます。
作業は複数ありますが、順を追って落ち着いて行っていけば、初心者さんでも移行できます!
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
![](https://ekubo-blog.com/wp-content/uploads/2023/07/ekubo-3-150x150.png)
移行作業は思った以上に時間がかかるため、SWELLを検討中の方は、早めの導入がおすすめです!