当ブログでは、ボランティアライターさまを募集しています。CLICK!

[2021年最新版]CocoonからSWELLへの移行方法について

こんにちは!まったりです。

有料のブログテーマ「SWELL」を購入したブロガーさんの中には

悩む人

ブログテーマCocoonからどうやって移行すればいいんだろう…?

と悩んでいる方がいるのではないでしょうか。

本記事ではこのような悩みを解決するために

「ブログテーマCocoonからSWELLへ移行する方法」

について実際に行ったことを解説していきます。

本記事で学べること
  • ブログテーマCocoonからSWELLへ移行する方法

目次

1. CocoonからSWELLへの移行手順

ブログテーマをCocoonからSWELLへ以降する手順は簡単です。

全体の簡単な流れは

  1. 「SWELLテーマ」のダウンロード
  2. 「Cocoon乗り換えプラグイン」のインストール&有効化
  3. Cocoonで使用していたデザインの修正(独自ショートコード等の削除)
  4. 乗り換えプラグインの削除
  5. 「Cocoonテーマ」の削除

以上の7ステップで完了します。

ちなみに、SWELLには

『Cocoon乗り換えサポートプラグイン』

というプラグインを無料で提供しています。

これを使用することで、ブログテーマの移行時に発生しやすい

  • レイアウト崩れ
  • 既存のショートコードがうまく機能しない
  • 吹き出しなどが消える など

といった問題を抑えながらテーマ移行をすることが可能になります。

まったり

SWELLへ移行する際は必ずこちらのプラグインを使用してください!

以下ではCocoonからSWELLへ移行する手順について解説していきます。

1) SWELLテーマの最新版をインストール&有効化

ここでは

  • SWELLテーマの最新版をインストール&有効化

を行います。

はじめにSWELLテーマをWordPressに反映させるために

『SWELLテーマの最新版』

を公式サイトからダウンロードします。

まったり

まだSWELLを購入していない方も、以下のリンクから購入可能ですのでぜひご検討ください。

▼SWELLテーマの最新版ダウンロードはこちら▼

SWELLテーマ(zipファイル)をダウンロードしたら、このzipファイルをWordPressにアップロードします。

SWELLテーマのアップロード方法

SWELLテーマをアップロードする際は、WordPressのサイドバーから

「外観」→「テーマ」

を選択してアップロードを行います。

「テーマ」に移動したら

「新しいテーマを追加」→「テーマのアップロード」

と進んでください。

最後に「テーマの追加」の中にある、テーマのファイルをアップロードする場所に

『zipファイル形式』

のままアップロードして「今すぐインストール」を選択してください。

これでテーマのインストール自体は完了です。

テーマのインストールができたら「テーマの有効化」をしてブログのテーマをSWELLに切り替えてください。

2) 「Cocoon乗り換えサポートプラグイン」のインストール&有効化

続いて

  • 「Cocoon乗り換えサポートプラグイン」のインストール&有効化

を行います。

はじめに

『Cocoon乗り換えサポートプラグイン』

を公式サイトからダウンロードします。

▼Cocoon乗り換えサポートプラグインはこちら▼

Cocoon乗り換えプラグイン(zipファイル)をダウンロードしたら、このzipファイルをWordPressにアップロードします。

Cocoon乗り換えサポートプラグインのアップロード方法

プラグインをWordPressにアップロードする際は、サイドメニュー から

「プラグイン」→「新規追加」→「プラグインのアップロード」

と移動します。

あとは先ほどのテーマのアップロードと同様に

『zipファイル』

のままファイルをアップロードしてインストールします。

こちらもインストールが完了した後に必ず「プラグインの有効化」をしてください。

まったり

これでSWELLテーマの反映とCocoon乗り換えプラグインの有効化が完了になります。

3) Cocoonで使用していたデザインの修正(独自ショートコード等の削除)

ここまで完了したら、続いて

『Cocoonで使用していたデザインの修正(独自ショートコード等の削除)』

を行います。

SWELLテーマ、Cocoon乗り換えプラグインを有効化した状態で今まで投稿してきた記事を確認してみてください。

  • 吹き出し
  • 文字を囲っているグループ
  • ブログ内に記述しているURL
  • Cocoonで使用していたショートコード

などがSWELLに対応していない状態で残っています。

まったり

基本的にSWELLに対応していないこれらのブロックを、全てSWELLのブロックに書き換えてください。

書き換えなくてもある程度は整っていますが、それは「Cocoon乗り換えサポートプラグイン」が機能しているからです。

このプラグインは乗り換えのための補助的な役割なので、乗り換え作業が完了したあとは基本的に削除するものです。

まったり

プラグインの使用はサイトの表示速度の低下にも影響するので、できる限りSWELLに対応していないブロックを置き換えてください。

4) 乗り換えプラグインの削除

Cocoonで使用していたショートコードなどの、SWELLに対応していないブロックの削除が全て完了したら

『Cocoon乗り換えサポートプラグインの無効化&削除』

を行ってください。

プラグインの無効化&削除は

「プラグイン」→「インストール済みのプラグイン」

から「Cocoon乗り換えサポートプラグイン」の項目内にある「無効化」を選択した後に「削除」を押すことで完了します。

まったり

これでCocoon乗り換えサポートプラグインの削除は完了です。

5) Cocoonテーマの削除

SWELLへの移行作業の最後として

『Cocoonテーマの削除』

を行います。

Cocoonテーマの削除は

「外観」→「テーマ」

から「Cocoon」「Cocoon Child」をそれぞれ選択します。

選択したあとは、以下の画像の右下にある「削除」を押してテーマを削除してください。

まったり

CocoonとCocoon Childのそれぞれを削除したら終了です。

ここまで進めたらCocoonからSWELLへの移行は完了です。

お疲れ様でした。

2. 最後に

今回は

「ブログテーマCocoonからSWELLへ移行する手順」

について実際に行ったことを解説しました。

SWELLへの移行は「Cocoon乗り換えサポートプラグイン」のおかげで比較的簡単に進めることができます。

まったり

最後までご覧いただきありがとうございました!

よかったらシェアしてね!

コメント

コメント一覧 (2件)

  • 突然のメッセージ失礼します。
    前々から記事を読ませていただいていて、まったりさんの記事も参考にして私もSWELLを使ったブログを始めました!
    先日ついにGoogleアドセンスの審査にも合格し、感謝でいっぱいです😆

    私はまだ学部生ですが研究室に通っていて、院生の生活の記事もとっても役立ってます。

    今後の投稿も楽しみにしてます!

    • らんまるさん、コメントしていただきありがとうございます!

      Google Adsenseの合格おめでとうございます! 私のブログがお役に立ててとても光栄です。
      現在は大学院での活動で時間が取れずブログの更新ができていませんが、今後もしっかりと継続していく予定です。

      一緒にブログ運営頑張っていきましょう!

まったりさん へ返信する コメントをキャンセル

目次
閉じる