無料テーマ「Cocoon」から、有料テーマ「SWELL」に移行しました。
SWELLは評判もよくで使ってみたいテーマでした。
テーマを切り替えること自体は難しくはありませんが、テーマを切り替える前に対応したほうが良い作業があったり、テーマ移行後に崩れたデザインを修正する作業が必要になってきます。
なるべく負担の少ない方法で安心してテーマ移行ができるように、手順や注意点を紹介していきたいと思います。
移行の手順も解説します。
この記事では以下の事を紹介しています
SWELLにはCocoonからの乗り換えサポート用プラグインがある
CocoonからSWELLへの乗り換えをサポートしてくれるプラグインがあります。
このプラグインがあるおかげで別のプラグインからSWELLにテーマ移行をスムーズに進めることができます。
SWELLではCocoonも含めて、以下のテーマから移行する方向けのサポートプラグインも用意されているでCocoon以外からの乗り換えにも安心です。
- Cocoon
- JIN
- SANGO
- STORK
- THE THOR
- AFFINGER5
私はテーマ移行はしたことがなかったのですが本来ならテーマの移行作業はとても大変だそうです。各テーマが独自に持たせている機能や装飾は、移行後のテーマに引き継ぐことはできないのでリライトや修正が必要になります。
Cocoon設定やCocoonブロックを使っていたところを、テーマを変えた後に、大急ぎで崩れた装飾を修正する必要があります。
ですが、Cocoon移行用サポートプラグインを使用すると、Cocoonブロックの装飾をある程度保った状態でSWELLに移行できます。
テーマを切り替えた後にゆっくり自分のペースで記事内の装飾の修正を進めればいいんです。
これならテーマを変更しても慌なくても大丈夫ですね。
それでも、最終的にはSWELLの装飾にリライトし直なおしてプラグイン自体も消して移行完了です。
CocoonからSWELLへの移行手順!SWELLの導入&有効化まで!
ここでは、SWELLを購入して有効化するまで進めていきます。
手順としては大きく以下の5つがあります。
- SWELLのダウンロード
- SWELL会員サイトへの登録
- Cocoon乗り換えサポートプラグインの有効化
- SEO関連の設定データ移行
- SWELLの有効化
1.SWELLのダウンロード
STEP1SWELLの購入ページにアクセスする
こちらからダウンロードページにアクセスできます。
↓ ↓ ↓
STEP1
利用規約を確認し、「SWELLを購入する」ボタンをクリック
![](https://sakuralist.com/wp-content/uploads/2022/02/65b7d4ccbaa38655dae5fa5e1e1fc56d-800x838.jpg)
STEP2
Stripeの決済画面で必要事項を入力して支払うボタンをクリックする
![](https://sakuralist.com/wp-content/uploads/2022/02/149cc1c62952585a0450ef239ac43a1b-800x520.jpg)
STEP3
入力したアドレス宛に届くメールに記載されたURLへアクセス
SWELL親テーマのzipファイルがPCにダウンロードされます。
SWELLをWordpressにアップロードする
管理画面→「外観」→「テーマ」→「新規追加」→「テーマのアップロード」 をクリック
![](https://sakuralist.com/wp-content/uploads/2022/02/dfba0f3c3942962ab78a0b8e0f816d5e.jpg)
テーマの新規登録をクリック
![](https://sakuralist.com/wp-content/uploads/2022/02/ecf753888a00727d883b40a5df78499a-800x356.jpg)
テーマのアップロード
![](https://sakuralist.com/wp-content/uploads/2022/02/a2062b5e5545e1399e505f48b712f726.jpg)
![](https://sakuralist.com/wp-content/uploads/2022/02/16ef28c93f31941a5354596a28df9086-800x203.jpg)
![](https://sakuralist.com/wp-content/uploads/2022/02/20187cfec345b2d2813256bce75e705b-800x393.jpg)
![](https://sakuralist.com/wp-content/uploads/2022/02/1a9287b4d9eebe8de6dd89db5ab0f8f5-800x190.jpg)
これでSWELLの親テーマがインストールされました。
これと同じように今度は子テーマをインスト―ルさせます。
子テーマをインストール
![](https://sakuralist.com/wp-content/uploads/2022/02/84a19fe6d55c0dc37407e44ab6b4a5c7-800x393.jpg)
インストールの際に「swell_child」を選択します。
その他は親テーマの時と一緒です。
この時点ではまだSWELLを有効化せずにCocoonのままにしておきます。
会員サイト「SWELLERS’」への会員登録
SWELLにはユーザー専用の会員サイト「SWELLERS’」があります。
フォーラムへの投稿や、以下のようなデータをダウンロードするために会員登録は必須になります。
- SWELL親テーマ
- SWELL子テーマ
- 乗り換えサポートプラグイン
- デモサイト着せ替えデータ
会員サイトへの登録手順は以下のとおりです。
STEPSWELLERS’にアクセスする
SWELL公式サイトのヘッダーにある「フォーラム」をクリック。
![](https://sakuralist.com/wp-content/uploads/2022/02/8fd86c86abc71f9e6d633a6ea2769035-800x248.jpg)
STEPSWELLERS’ のサイドバーにある「会員登録はこちらから」をクリック
![](https://sakuralist.com/wp-content/uploads/2022/02/e9c4a4384970c70eb00acfb08687a876-800x318.jpg)
会員登録画面で必要事項を入力し、「登録する」ボタンをクリック
メールアドレスはSWELL購入時のものを入力してください。
ユーザー名とパスワードは任意でOKです。
![](https://sakuralist.com/wp-content/uploads/2022/02/e2d33bcc904b2f1b54afab55ba481c61-800x626.jpg)
これで会員登録作業は完了です。
Cocoon乗り換えサポートプラグインの有効化
次は乗り換え用のサポートプラグインをダウンロードします。
SWELLERS’の製品ダウンロードページへ進む
ログインしていない場合は、ログインしてください。
Cocoonからの乗り換えサポート用プラグインをクリック
![](https://sakuralist.com/wp-content/uploads/2022/02/0a401af2c1c6ec1e4839136b6a2e14ae-800x638.jpg)
管理画面→「プラグイン」→「新規追加」→「プラグインのアップロード」をクリック
![](https://sakuralist.com/wp-content/uploads/2022/02/24a850f0dea336cdc06e8bef71e94ceb.jpg)
![](https://sakuralist.com/wp-content/uploads/2022/02/32ca5ad1a29e5190f1aa3bd71d2d490e.jpg)
「ファイルを選択」欄でzipファイルを選択して「今すぐインストール」をクリック
![](https://sakuralist.com/wp-content/uploads/2022/02/4da507492c42e57c31ce49b02e50a992-800x213.jpg)
![](https://sakuralist.com/wp-content/uploads/2022/02/5437306b2122346787716bee89a1074c-800x348.jpg)
アップラードができたらプラグインを有効化します。
プラグインが有効化されたら今度はテーマに移動して、テーマを有効化しておきます。
![](https://sakuralist.com/wp-content/uploads/2022/02/ba5a1ebc3615de3b641cb16203cbe6b2.jpg)
SWELLでは子テーマも用意されています。
製品ダウンロードページからダウンロードできます。
▼子テーマを使用する理由
WordPressの親テーマを使用した状態でそのテーマのバージョンアップを行うと、今までのカスタマイズ内容が消えてしまう可能性があります。上記の様なトラブルは、親テーマから派生した『子テーマ』を使用することで回避できます。
SWELLユーザー認証設定
テーマを有効化すると「SWELLユーザー認証設定」を求められます。
「SWELLERS
![](https://sakuralist.com/wp-content/uploads/2022/02/67d016bf5e9cc44db04255de57da3ec2-800x189.jpg)
「ユーザー認証」をクリックします。
クリックするとSWELLERS’に登録してあればアクティベート設定画面に飛びます。
![](https://sakuralist.com/wp-content/uploads/2022/02/927e1285aba9c6fd6079b3ffa9a67531-800x454.jpg)
「ユーザー認証」のメールアドレスにSWELLERS’会員登録時のアドレスを入力します。
「認証リクエストを送信」のボタンをクリックします。
すると入力したメールアドレスに認証メールが届きます。
メールにある認証用のアドレスをクリックして認証完了です。
![](https://sakuralist.com/wp-content/uploads/2022/02/e5312adecdfb3ba84b3bf10637b2b4b0-800x356.jpg)
認証されて「✓認証完了」と表示されました。
また、認証されたサイトがSWELLERS’の会員サイトに表示されます。
![](https://sakuralist.com/wp-content/uploads/2022/02/3c0e4b7b19bff3bdc110691fb740e12d-800x348.jpg)
まとめ
CocoonからSWELLへ移行プラグインを使って移行する手順を紹介してきました。
SWELLには他のテーマからの乗り換えプラグインがあります。
本来ならばテーマ移行する際に起こるレイアウト崩れもあまりありません。
楽にテーマ移行ができます。
このサイトはSWELLを使用しています!
![](http://image.moshimo.com/af-img/3130/000000053838.jpg)