【簡単4ステップ】CocoonからSWELLへの移行手順と完了後にやるべき3つのこと


テーマをCocoonからSWELLに移行したいけどやり方が分からない…
移行プラグインはどうやって使うの…?
移行後まずは何をしたらいいんだろう…
今回はこんな悩みを解決します
CocoonからSWELLへの移行は5つのステップで簡単に移行できるのでぜひ参考にしてみてください!
- CocoonからSWELLへの移行手順
- 移行した後にやるべき3つのこと
みとなの @mitonano_O



移行はそこまで難しくないので安心してください!
▼SWELLへの移行を迷っている方はこちらの記事がおすすめです


CocoonからSWELLへの移行手順【4ステップ】
それでは早速CocoonからSWELLへの移行手順を解説していきます!
SWELLへの移行手順
- WordPressテーマ「SWELL」の購入
- テーマファイル・Cocoon用の乗り換えサポート用プラグインをダウンロード
- 乗り換えサポート用プラグインのアップロード・有効化
- テーマファイルのアップロード・子テーマの有効化
ひとつずつ解説します!
1. WordPressテーマ「SWELL」の購入
まずはSWELLを購入しましょう!
既に購入は終えたという方は2. テーマファイル・Cocoon用の乗り換えサポート用プラグインをダウンロードへ進んでいただいて大丈夫です
SWELLの購入手順はこちら▼
利用規約に同意しチェックを入れ、「SWELLを購入する」をクリック


クレジットカードの情報など必要事項を入力し「\17,600 支払う」をクリック


これで購入完了です。
購入後、登録したメールアドレスに「購入者限定のコンテンツを利用するためのパスワード」などが書かれたメールが届きます
忘れずメモしておきましょう
2. テーマファイル・Cocoon用の乗り換えサポート用プラグインをダウンロード
SWELLの購入手続きが完了したらSWELLのテーマファイルとCocoonからSWELLへの乗り換えサポート用プラグインをダウンロードしましょう!
ダウンロードする手順はこちら▼
マイページにログインしたら「SWELL製品ページへ」をクリック


製品ページにアクセスしたら以下の3つのzipファイルをダウンロードします
- SWELL(最新版)
- SWELL子テーマ
- 乗り換えサポート用プラグイン【Cocoon用】


STEP2は以上で完了です!
3. 乗り換えサポート用プラグインのアップロード・有効化
ダウンロードしたプラグインをWordPressにアップロードして有効化していきます
有効化までの手順はこちら▼
【プラグイン】>【新規追加】から【プラグインのアップロード】をクリック


【ファイルを選択】をクリックして先ほどダウンロードしたプラグインのzipファイルを選択し【今すぐインストール】をクリック


乗り換えサポート用プラグイン ファイル名:cocoon-to-swell-x-x-x.zip
インストール後この画面になったら【プラグインを有効化】をクリック


【参考】有効化する前に上の画面を閉じてしまった場合
【プラグイン】>【インストール済みのプラグイン】から乗り換えサポート用プラグインを有効化してください


以上でステップ3は完了です!
4. テーマファイルのアップロード・子テーマを有効化
続いて先ほどダウンロードしたテーマファイルをWordPressにアップロードしていきます!
アップロードの手順はこちら▼
【外観】>【テーマ】から【新規追加】をクリック


【テーマのアップロード】から【ファイルを選択】をクリック


- SWELL(最新版)ファイル名:swell-x-x-x.zip
- SWELL子テーマ ファイル名:swell_child.zip
の順に選択 >【今すぐインストール】を行う
【外観】>【テーマ】から【SWELL CHILD】を有効化して完了です!


以上でWordPressテーマをCocoonからSWELLへテーマ変更することができました!
まだこの後もやるべきことがあるのでぜひ最後までご覧ください
CocoonからSWELLへ移行した後にやるべき3つのこと
WordPressテーマをCocoonからSWELLへ移行できましたが、これでまだ終わりではありません
テーマ変更が完了したら次の3つのことをおこないましょう!
- デザイン崩れの修正
- 有効化するプラグインの調整
- 乗り換えサポート用プラグイン・Cocoonの削除
ひとつずつ解説します!
デザイン崩れの修正
CocoonからSWELLへ乗り換えサポート用プラグインを使ってテーマ変更を行いましたが、このプラグインはあくまで「サポート」です
このプラグインを使用することで、 旧テーマのショートコード機能などで作成したコンテンツのデザインをある程度維持(またはSWELLの機能へ自動変換)することができ、SWELLに乗り換えた時の過去記事のデザイン崩れを最小限に抑えることができます。
SWELL公式サイトより引用
このプラグインのおかげでデザイン崩れがかなり抑えられますが、完全に崩れを防止できるわけではありません
記事の内容によっては全くデザイン崩れが起きていない人もいますが、必ず一度全ての記事を見直しましょう
乗り換えサポート用プラグインを有効化している間は表示崩れをしないよう保ってくれるので、焦らずひとつひとつデザイン崩れを修正できます
プラグインによって維持できる機能はSWELL公式サイトで確認してください


有効化するプラグインの調整
SWELLではデフォルトで様々な機能がついているため、最小限のプラグインで十分サイト運営が可能です
目次を出力したり、画像の遅延読み込みをしたりといったプラグインはテーマの機能と被るため削除しましょう!
その他、推奨・非推奨のプラグインがSWELL公式サイトで公開されているため確認してください


乗り換えサポート用プラグイン・Cocoonの削除
上記二つを終えたら、乗り換えサポート用プラグインとCocoonを削除します
プラグインは【プラグイン】>【インストール済みのプラグイン】から、
Cocoonは【外観】>【テーマ】から削除しましょう
まとめ:CocoonからSWELLへの移行手順
以上でCocoonからSWELLへの移行が完全に完了です
お疲れ様でした!
移行した後にやるべきことは後回しにせず忘れないうちにやっておいてくださいね!
移行した後にやるべきこと
- デザイン崩れの修正
- 有効化するプラグインの調整
- 乗り換えサポート用プラグイン・Cocoonの削除
\ 初期設定も忘れずに!/
国内最高峰の使い心地を提供するWordPressテーマ「SWELL」
その圧倒的な使い心地を経験するともう他のテーマには戻れません!



楽しく快適なSWELLライフを満喫してください!
コメント