SWELL│CocoonからSWELLへ完全移行！乗り換え支援プラグインを解説

WordPressテーマ「Cocoon」から「SWELL」へ移行しようとしたとき、こんな悩みはありませんか？

• Cocoonで使っていたショートコードがSWELLでは使えなくなる…
• 過去記事のマーカーやランキングが崩れてしまう…
• アフィリエイトタグやタイムラインが正しく表示されない…

そんな不安を解消してくれるのが、「【SWELL】乗り換えサポート from Cocoon」という無料のプラグインです。

SWELL│乗り換えサポート from Cocoonはどんなプラグイン？

「【SWELL】乗り換えサポート from Cocoon」は、CocoonからSWELLへの移行をスムーズに行うために作られた公式の変換・互換性維持プラグインです。

このプラグインを使うことで、Cocoonで書いた過去の投稿がそのままSWELL上で違和感なく表示されるようになります。

導入手順

1. マイページからプラグインをダウンロード（Loos公式またはSWELL会員サイトより）
2. cocoon-to-swell を有効化
3. あとは何もしなくてもOK！

※SWELLテーマでのみ有効になります。他テーマでは動作しません。

SWELL│乗り換えサポート from Cocoonの主な機能一覧

以下、機能の詳細です。

Cocoonのショートコードに対応

以下のようなCocoon特有のショートコードをSWELL形式で再現できます：

• [blogcard] →
• [new_list], [popular_list] →
  • SWELL│スマホ表示で「上スクロール時のみヘッダー表示」にする方法

  • codoc│有料記事コンテンツ内でHighlighting Code Blockを表示する方法

  • WordPress│pre_get_posts フィルタで記事一覧表示を変更する方法

  • SWELL│テーマで出力される構造化データ一覧│JSON-LD

  • WordPress│プラグインや.htaccessを使わずに管理画面を除外して301リダイレクトする方法

• [affi]：アフィリエイトタグをDBから取得して表示
• [rank]：Cocoonのランキング表を再現
• [timeline] & [ti]：タイムラインUIを維持
• [author_box]：著者プロフィールボックス
• [countdown], [ago], [age]：時間・年齢系
• [login_user_only]：ログインユーザー制限
•       0点
  ：★評価表示
• [temp]：関数テキスト出力
• [toc]：目次は無効化（表示しない）

CSSクラスも自動変換

投稿本文に含まれるCocoon独自のスタイルもSWELL向けに自動置き換えされます。

Cocoonのクラス	変換後（SWELL）
.marker-red	.mark_orange
.marker-blue	.mark_blue
.marker	.mark_yellow

CocoonのDBテーブルに対応

• アフィリエイトタグ
• 商品ランキング
• 関数テキスト（テンプレート）

これらもCocoonが作成したテーブルからデータを取得し、そのまま再利用できます。

SWELLに最適化されたスタイルも自動読み込み

• fontawesome.min.css
• cocoon.css

これらのCSSがフロント／エディタ／ビジュアルエディタにも自動読み込みされ、表示崩れを回避します。

自動アップデート対応

LoosのCDN（https://looscdn.com）を通じて、プラグインの更新情報を自動取得。

SWELLテーマユーザーには嬉しい、メンテナンス性の高い設計です。

まとめ

Cocoonの資産をそのままSWELLで活かしたいなら、このプラグインは必須です！

移行のハードルが一気に下がるので、「CocoonからSWELLへ乗り換えたいけど不安…」という方はぜひ導入を検討してみてください。