SWELLのテーマ乗り換えサポートプラグインの凄さを画像付きで紹介！

WordPressテーマ「SWELL」にはテーマの乗り換えをサポートしてくれるプラグインがあります。

他テーマからSWELLに移行する時の負担を軽減してくれるとても素敵なプラグインです。

本来、テーマの変更はとても大変ですが、このサポートプラグインを使うことで余裕をもったテーマ変更ができるようになります。

SWELLへの乗り換えを検討している方の背中を押してくれるプラグインだと思います。

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

SWELLテーマ乗り換えサポートプラグインは、旧テーマのデザインをある程度維持したままSWELLを使うことができるようになるプラグインです。

以下、公式サイトでも詳しく説明されているので見てみてください。

>>乗り換えサポートプラグイン

現状、以下のテーマからの乗り換えプラグインが用意されています。

テーマを変更する際、通常は旧テーマの装飾やデザインを引き継ぐことができません。

そのため、テーマ移行直後は装飾が無く読みにくい記事になってしまうことがあるので、大急ぎでリライトする必要があります。

WordPress側で用意しているブロックや装飾はテーマを変更しても引き継がれます。

実際にCocoonからSWELLにテーマを乗り換えた動画を撮ってみたので見てみてください。

動画では以下の順でテーマやプラグインを切り替えています。

乗り換えサポートプラグインを使用しないと、全ての装飾が消えてしまっています。

一方で、乗り換えサポートプラグインを有効化すると、Cocoonのデザインが引き継がれているのが分かると思います。

ひとつだけ覚えておいていただきたいことは、本来テーマの乗り換えはもの凄く大変な作業だということです。これは全てのテーマに当てはまります。

その中でSWELLは、乗り換えサポートプラグインがあることでかなり負担を減らすことができます。

サポートプラグインの使い方

まず、テーマ乗り換えサポートプラグインの使い方をご紹介しておきます。

事前にSWELLの購入を完了させる必要があります。

SWELLの購入がまだの方は、以下ダウンロードページから処理を進めましょう。

＼ DLページに飛びます！ ／

SWELLの導入が完了している方は、以下の手順でプラグインのダウンロードから有効化まで進めていきましょう。

この手順が完了した後にSWELLを有効化しましょう。

これで旧テーマのデザインをある程度維持したまま、SWELLにテーマを乗り換えることができます。

乗り換えサポートプラグインの効果をCocoonを例に紹介！

実際にサポートプラグインを使用すると、旧テーマのデザインがどのように表示されるか、無料テーマ「Cocoon」を例に画像付きで紹介していきます。

CocoonからSWELLへの移行サポートプラグインは以下の公式マニュアルに詳しい説明があります。

>>CocoonからSWELLへ乗り換えるためのサポート用プラグイン

全く崩れないものと、少し崩れるもの、それぞれが分かればSWELL移行後にリライトする優先順位を付けることができます。

あくまで僕の環境での結果なので、異なる点もあるかもしれません。必ずご自身のサイトの状態をご確認ください。

僕の環境では、以下のコンテンツの装飾が一部崩れました。

リライトが必須なもの、気になるならリライトした方が良いものと、コンテンツの状態は様々なのでご自身の環境で一度確認をしてリライトするかどうか判断してもらえれば良いかなと思います。

CocoonのデザインとSWELL移行後のデザインを並べて紹介していくので、移行時の参考にしてください。

赤背景にしている部分は急ぎリライトした方がよさそうなコンテンツです。

文字装飾系のコンテンツ

まずは、文字装飾系のコンテンツから見ていきましょう。

文字色+太字

テキストの文字色と太字の装飾はデザインが維持されません。 キーボードキーの装飾のみ装飾が引き継がれました。

ちなみに上記はブロックツールバーの「A」タブから設定した装飾です。

ツールバーの「B」タブもしくは、Ctrl+Bで太字にした装飾は移行後も引き継がれます。

マーカー

バッジ

フォントサイズ

ショートコード

新着記事一覧

人気記事一覧

ナビカード一覧

プロフィールボックス

過去日時&過去日時(年)

ページ読み込み時の日付

カウントダウン

評価スター

ログインコンテンツ

テンプレート

アフィリエイトタグ

更新日ショートコード(寄付特典)

HTML挿入ボタン(寄付特典)

Cocoonブロック

アイコンボックス

案内ボックス

白抜きボックス

付箋風ボックス

タブボックス

ふきだし

PC表示で見ると特に違和感なく問題ないかと思います。

SWELL移行後、スマホ表示のふきだしは以下画像のようなイメージになります。

少し窮屈な印象にはなるので、気になる方は急ぎリライトしてあげましょう。

ブログカード

ボタン

囲みボタン

アコーディオン(トグル)

検索案内

タイムライン

アイコンリスト

FAQ

Cocoon汎用ブロック

見出しボックス、タブ見出しボックス、ラベルボックス

Cocoonマイクロコピー

マイクロバルーン&マイクロテキスト

Cocoonレイアウト

2カラム、3カラム

SWELLブロックへのおすすめリライト方法

最終的には旧テーマの装飾は全てSWELLのスタイルに直して、サポートプラグインを停止することを推奨します。

サポートプラグインを有効化している間は、旧テーマとSWELLの2つのテーマを読み込むことになるので、処理が増えて動作が重くなってしまう可能性があります。

大急ぎで対応する必要はないですが、ゆっくりでもSWELLのスタイルにリライトをしていきましょう。

ここでは、先ほどのCocoonのスタイルをSWELLのどんなスタイルに置き換えていくか、それぞれ例を紹介したいと思います。

この記事ではSWELLの各ブロックを詳しく説明しないので、詳細は以下の記事を見てみてください。

SWELLのブロックエディターの機能について動画付きで詳しく紹介しています。

段落ブロック

SWELLの段落ブロックは、サイドバーから多数のスタイルをクリック操作だけで設定できます。

Cocoonの以下コンテンツは、SWELLの段落ブロックに置き換えるのもいいと思います。

SWELLの段落ブロックを使っている動画を用意しました。

段落ブロックで使える装飾については以下公式マニュアルでも紹介されています。

キャプション付きブロック

SWELLのキャプション付きブロックでは、見出し付きのボックススタイルを複数パターン作ることができます。

Cocoonの以下コンテンツは、SWELLのキャプション付きブロックで再現できます。

キャプション付きブロックは複数のスタイルを設定することができたり、アイコンもクリックだけで自由に切り替えられます。

キャプション付きブロックを使っている動画を用意しました。

キャプション付きブロックの公式マニュアルは以下です。

ふきだしブロック

ふきだしブロックもSWELLには用意されています。

SWELLのふきだしブロックは、事前に管理画面からアイコンやデザインの設定をしておくことができます。

そのため、記事内でふきだしを使用するときもボタン操作だけで簡単に呼び出すことができます。

ふきだしブロックの公式マニュアルは以下です。

SWELLボタンブロック

WordPress側で用意しているボタンブロックとは別に、SWELLボタンブロックというオリジナルのブロックがあります。

Cocoonのボタンブロック、囲みボタンブロックはSWELLボタンブロックに置き換えるのがおすすめです。

SWELLのボタンブロックでは、HTMLタグをそのまま貼り付けることができます。

その他にも、クリック率の計測機能が付いていたり、スタイルも複数選択できるのでかなり便利なブロックです。

SWELLボタンブロックの公式マニュアルは以下です。

ステップブロック

SWELLにはステップブロックというブロックがあります。

物事を順序立てて説明したいときや、時系列順で表示したいときに便利です。

Cocoonのタイムラインブロックは、ステップブロックに置き換えるといいと思います。

更にステップブロックでは、スタイルも3パターン選べるのでより見せ方の幅が広がるかなと思います。

ステップブロックの公式マニュアルは以下です。

関連記事ブロック

内部リンク、外部リンクともにブログカードを設置したいときは関連記事ブロックが便利です。

Cocoonのブログカードは関連記事ブロックに置き換えることができます。

関連記事ブロックは、リンクをテキスト表示にできたりなど、かなり多彩な設定が可能です。

以下の動画のようなイメージでリンクを設置することができます。

関連記事ブロックの公式マニュアルは以下です。

投稿リストブロック

SWELLにはいろいろなパターンで記事一覧を表示してくれる投稿リストブロックがあります。

Cocoonの以下コンテンツは投稿リストブロックに置き換えることができます。

SWELLの投稿リストブロックは、例えば以下の様に表示する記事の条件を指定できます。

記事一覧の表示スタイルも複数から選択できます。

動画を見てもらうと投稿リストブロックの便利さが伝わるかなと思います。

投稿リストブロックの公式マニュアルは以下です。

テーマ移行は早い方が良い！でもSWELLなら…！

今回はSWELLにテーマを移行する時に大活躍する、乗り換えサポートプラグインを紹介しました。

本来、テーマ移行はとても大変な作業です。これはSWELLに限らず全てのテーマに共通することです。

記事数が増えれば増えるほど、移行後の修正作業の量が増えるので、なるべく早い段階で移行を決断するのがおすすめです。

ですが、SWELLの乗り換えサポートプラグインを活用することで、旧テーマのスタイルをある程度維持したまま、SWELLを使い始めることができます。

大変な旧テーマのスタイルを修正する作業をゆっくり進められるようになるので、安心してテーマの乗り換えができるかなと思います。

SWELLへの乗り換えを検討している方は、ぜひ乗り換えサポートプラグインを活用してスムーズに移行を完了させましょう。

最後まで読んでいただきありがとうございました。

---

SWELL公式サイトはこちらからどうぞ…！

SWELL始め方の関連記事

これからSWELLを使い始める全ての方のためのSWELL始め方ガイド↓↓

SWELL全般の関連記事