SWELLのテーマ乗り換えサポートプラグインでデザイン崩れを最小限に！おすすめなリライト例も紹介

「乗り換えサポートプラグインとは？」

「なるべくデザインを崩さずに他テーマから変更したい」

「乗り換えサポートプラグインを利用したときのデザインの変化は？」

この記事では、そんな方に向けて、他WordPressテーマからSWELLへの乗り換えサポートプラグインの機能性について解説します。

この記事を読めば、あなたも簡単に

• デザイン崩れを最小限に抑えてテーマ乗り換えできる

ようになります。

私もあなたと同じことに悩んでたのですが、本記事の方法でサクッと解決でき、他テーマからSWELLへ完全移行できました。

どこよりも分かりやすく書いている自信がありますので、あなたもパパッと解決してみてください！

＼SWELL購入を検討中の人はこちらもご覧ください！／

SWELLの乗り換えサポートプラグインとは？

SWELLの乗り換えサポートプラグインとは、旧テーマ（＝今利用しているテーマ）のデザインを最低限維持したまま新テーマ（＝SWELL）へ乗り換えることができるプラグインです。

通常テーマを乗り換える場合、

• 過去に書いた記事で利用している装飾をすべてリライトする
• 広告コードや独自のCSSコードなどを新テーマに再追加する
• GoogleサーチコンソールやGoogleアナリティクスを再設定する

といった作業が必要になります。

これらの作業のうち、過去に書いた記事で利用している装飾をなるべく崩さず、自分のペースでリライトを進めることを可能にするのが乗り換えサポートプラグインの役目になります。

SWELL公式サイトでも紹介されているので、あわせて見てみてください。

公式サイト：他テーマからSWELLへの「乗り換えサポートプラグイン」一覧

乗り換えサポートプラグインがあるテーマとないテーマ

SWELLの乗り換えサポートプラグインがあるテーマとないテーマは以下のとおりです。

乗り換えサポートプラグインがあるテーマ	乗り換えサポートプラグインのないテーマ
Cocoon	Lightning
JIN	Snow Monkey
SANGO	Emanon Premium
STORK	Astra
THE THOR	賢威
AFFINGER5	ここに書かれていないテーマ

プラグインがないテーマだと乗り換えができないのかというとそうではありません。

時間と手間はかかりますが、すべてのWordPressテーマで乗り換えは可能です。

つぎに乗り換えサポートプラグインを利用する場合としない場合の違いを見ていきましょう。

乗り換えサポートプラグインを利用する場合としない場合の違い

SWELLの乗り換えサポートプラグインを利用する場合としない場合の違いを以下にまとめてみました。

このようにメリット・デメリットはありますが、基本的にプラグインを利用できるテーマであれば利用しましょう。

SWELLで乗り換えサポートプラグインを導入・有効化する方法

乗り換えサポートプラグインを導入するには、WordPressテーマ「SWELL」を購入する必要があります。

SWELL紹介記事：SWELLの評判レビュー｜メリットとデメリットも紹介

SWELLの購入がまだの人は、以下のボタンからダウンロードしてください。

_{＼ここからSWELL購入画面へジャンプ！／}

SWELLの購入・導入を終えている人は、下記の方法で乗り換えサポートプラグインを導入・有効化していきましょう。

では実際に、テーマを乗り換えた後のデザインがどうなっているのか見ていきましょう。

乗り換えサポートプラグイン利用中のデザインの変化【Cocoon編】

SWELLの乗り換えサポートプラグインを利用すると旧テーマのデザインがどのように変化するのか、Cocoonテーマを例に見ていきます。

旧テーマ	新テーマ
Cocoon	SWELL

Cocoonには専用のエディター機能が下記3つあり、すべてリライトする必要があります。

乗り換えサポートプラグインを利用すれば、上記3つの中でデザインが崩れるものと崩れないものがあります。

崩れるものから優先的にリライトして、崩れないものはゆっくりリライトするといいでしょう。

そこで3つあるCocoon専用のエディター機能それぞれに分けて、デザインの変化を詳しく解説していきます。

2024年8月に私の環境で調べた結果です。実際のデザインの状態はご自身のサイトをご確認ください。

比較1：Cocoon専用のブロック

乗り換えサポートプラグインを利用してSWELLに変更するときの、Cocoon専用ブロックの変化は以下のとおりです。

各Cocoon専用ブロックのデザイン崩れの度合いとリライトの優先度を以下の表にまとめました。

Cocoon専用のブロックではデザイン崩れが多く見られました。

比較2：Cocoon専用の装飾

乗り換えサポートプラグインを利用してSWELLに変更するときの、Cocoon専用装飾の変化は以下のとおりです。

各Cocoon専用装飾のデザイン崩れの度合いとリライトの優先度を以下の表にまとめました。

Cocoon専用の装飾ではデザイン崩れが多く見られました。

比較3：Cocoon専用のツールバー

乗り換えサポートプラグインを利用してSWELLに変更するときの、Cocoon専用ツールバーの変化は以下のとおりです。

各Cocoon専用ツールバーのデザイン崩れの度合いとリライトの優先度を以下の表にまとめました。

Cocoon専用のツールバーではデザイン崩れが少なかったです。

SWELL専用エディター機能へのおすすめなリライト例【Cocoon編】

乗り換えサポートプラグイン利用中でもデザイン崩れが生じる項目が分かったら、Cocoon専用からSWELL専用のエディター機能へリライトしましょう。

ここで私が思うよく使われていそうなエディター10項目に絞って、SWELLへのおすすめなリライト例を紹介します。

Cocoon専用エディター機能 -リライト前-		SWELL専用エディター機能 -リライト後-
ブロック	「ふきだし」	ブロック	「ふきだし」
ブロック	「アイコンボックス」 「案内ボックス」 「白抜きボックス」 「付箋風ボックス」 「タブボックス」 「見出しボックス」 「タブ見出しボックス」 「ラベルボックス」	ブロック	「キャプションボックス」
ブロック	「(囲み)ボタン」	ブロック	「SWELLボタン」
ブロック	「広告」	ブロック	「記事内広告」
ブロック	「ブログカード」	ブロック	「関連記事」
ブロック	「タイムライン」	ブロック	「ステップ」
ブロック	「マイクロバルーン」 「マイクロテキスト」	ツールバー	「上付き」 「下付き」
ブロック	「2カラム」 「3カラム」	ブロック	「リッチカラム」
装飾	「ボーダー」 「スタイル」	装飾	「ボーダー設定」 「スタイル」
ツールバー	「マーカー」 「太字」	ツールバー	「マーカー」 「太字」

それぞれ解説します。

テーマ専用のエディター項目はすべてリライトが必要です。本記事では10つ紹介しますが、それ以外のエディター項目もリライトしてください。

「ふきだし」はSWELL対応に置き換える

Cocoon専用のブロック「ふきだし」をSWELL専用のブロック「ふきだし」に置き換えましょう。

ふきだしブロックの使い方は、下の記事を参考にしてください。

「〇〇ボックス」は「キャプションボックス」に置き換える

Cocoon専用のボックスブロックは全8種類あり、すべてSWELL専用のブロック「キャプションボックス」に置き換えてください。

キャプションボックスブロックの使い方は、下の記事を参考にしてください。

「(囲み)ボタン」は「SWELLボタン」に置き換える

Cocoon専用のブロック「ボタン」「囲みボタン」をSWELL専用のブロック「SWELLボタン」に置き換えます。

SWELLボタンブロックの使い方は、下の記事を参考にしてください。

「広告」は「記事内広告」に置き換える

Cocoon専用のブロック「広告」はSWELL専用のブロック「記事内広告」に置き換えましょう。

「ブログカード」は「関連記事」に置き換える

Cocoon専用のブロック「ブログカード」をSWELL専用のブロック「関連記事」に置き換えてください。

関連記事ブロックの使い方は、下の記事を参考にしてください。

「タイムライン」は「ステップ」に置き換える

Cocoon専用のブロック「タイムライン」をSWELL専用のブロック「ステップ」に置き換えます。

ステップブロックの使い方は、下の記事を参考にしてください。

「マイクロバルーン」「マイクロテキスト」は「上付き」「下付き」に置き換える

Cocoon専用のブロック「マイクロバルーン」「マイクロテキスト」はSWELL専用のツールバー「上付き」「下付き」に置き換えましょう。

「2カラム」「3カラム」は「リッチカラム」に置き換える

Cocoon専用のブロック「2カラム」「3カラム」をSWELL専用のブロック「リッチカラム」に置き換えてください。

リッチカラムブロックの使い方は、下の記事を参考にしてください。

「ボーダー」「スタイル」はSWELL対応に置き換える

Cocoon専用の装飾「ボーダー」「スタイル」はSWELL専用の装飾「ボーダー設定」「スタイル」に置き換えます。

「マーカー」「太字」はSWELL対応に置き換える

Cocoon専用のツールバー「マーカー」「太字」をSWELL専用のツールバー「マーカー」「太字」に置き換えましょう。

リライト後は乗り換えサポートプラグインの削除を忘れずに！

デザイン崩れを修正し終えたら、乗り換えサポートプラグインを削除しましょう。

乗り換えサポートプラグインをそのまま残しておくと、

• SWELLと旧テーマの両方を読み込むのでサイトが重くなる
• 単純にプラグイン数が1つ増えるのでサイトが重くなる

からです。

つまりサイトの表示速度が遅くなり、ユーザーの利便性を損ねてしまったり、SEO評価に悪影響を及ぼす可能性も出てきます。

ですので、デザイン崩れを修正し終えたら乗り換えサポートプラグインを削除しましょう。

_{＼クリックで開く／}

SWELLの乗り換えサポートプラグインでよくある質問

ここからはSWELLの乗り換えサポートプラグインでよくある質問に回答します。

SWELLの乗り換えサポートプラグインまとめ

今回は、他WordPressテーマからSWELLへの乗り換えサポートプラグインの機能性について紹介しました。

当ブログでは、SWELLに関する記事をいくつか書いてます。

下のカテゴリーページにまとめていますので、のぞいてみてください。