JINからSWELLへテーマを変更した際に起こる、ショートコードの見た目崩れや表示不具合を解決するための乗り換えサポートプラグイン「【SWELL】乗り換えサポート from JIN」について、機能と対応コードの詳細を解説します。
目次
SWELL│乗り換えサポート from JINはどんなプラグイン？
「【SWELL】乗り換えサポート from JIN」は、JINからSWELLへの移行をスムーズに行うために作られた公式の変換・互換性維持プラグインです。
このプラグインを使うことで、JINで書いた過去の投稿がそのままSWELL上で違和感なく表示されるようになります。
導入手順
- マイページからプラグインをダウンロード（Loos公式またはSWELL会員サイトより）
jin-to-swellを有効化- あとは何もしなくてもOK！
※SWELLテーマでのみ有効になります。他テーマでは動作しません。
SWELL│乗り換えサポート from JINの主な機能一覧
以下、機能の詳細です。
1. CSSのインライン出力による再現
JINのテーマカラーやボックス装飾などのCSSを再現し、SWELLでもJIN風の見た目を保持。
get_jin_custom_style()によってJIN時代のカスタムカラーやボックス装飾を復元wp_headおよびadmin_headにCSSをインライン挿入
2. JINのアイコンフォント読み込み
JIN独自のアイコンフォントも再利用可能。
/font/jin-icons/fonts/配下のフォントを@font-faceで読み込み
3. 旧テーマスタイルの読み込み
style.cssを読み込み、必要なセレクタだけを抽出してjin-styleに適用
4. Gutenberg・クラシックエディタ対応
- TinyMCEの
content_styleにJINのスタイルを反映 - ブロックエディタには
editor.cssを読み込み
対応ショートコード一覧
| 種類 | ショートコード例 | クラス/機能 |
|---|---|---|
| ボックス1〜9 | [jin-box01]〜[jin-box09] | simple-box クラスによる装飾 |
| コンセプトボックス | [jin-box10]〜[jin-box15] | concept-box 各種 |
| SWELL風キャプションボックス | [box01]〜[box06] | SWELLの .cap_box スタイルに対応 |
| フキダシ | [chat] | speech_balloon の再現 |
| アイコンボックス | [jin-iconbox01]〜[jin-iconbox16] | 注意・ヒント・チェック等 |
| ランキング | [jin-rank1]〜[jin-rank10g] | JIN風ランキング画像アイコン |
| 星評価 | [star1.0]〜[star5.0] | SWELLの |
| ボタン | [jin-button-flat], [jin-button-gradation] など | 見た目・ホバー効果付きボタン |
| 余白 | [jin-yohaku10]〜[jin-yohaku50] | .jin-yohakuXX クラスで上下余白を調整 |
| 見出しデザイン | [lp-h2 style="1"]タイトル[/lp-h2] | LP風の大見出し |
| フセン見出し | [jin-fusen1-down text="ポイント"] など | jin-photo-title を再現 |
| カラムレイアウト | [2col-box], [3col-box], [2-left], [3-right] など | 2〜3カラム構造再現 |
| 線 | [jin-sen size="3px" color="#000"] | 実線/点線/二重線の装飾線 |
| アイコン | [jin_icon_home size="18px"] 等 | JIN独自アイコンフォントをショートコード化 |
※ ショートコードはすべて do_shortcode() で呼び出され、WYSIWYGエディターやHTMLブロックでも使用可能。
カスタマイザーとの連携
get_option( 'theme_mods_jin' )でJINテーマ時代のカスタマイズ設定を取得し、CSSとして反映。- SWELL上でもJINのカラー設定をそのまま引き継げるよう配慮。
注意点
- 本プラグインは SWELL テーマでのみ有効になります。
get_template()がswell以外の場合は自動的に処理を中止します。- CSSはインライン出力されるため、キャッシュ系プラグインとの併用に注意が必要です。
まとめ
JINからSWELLへの移行時における「デザインの崩れ」「ショートコードの無効化」を最小限に抑えるこのプラグインは、JIN利用歴のあるユーザーにとって非常にありがたい存在です。
膨大なショートコード対応が組み込まれており、手動での書き換え作業を大幅に削減します。
JIN→SWELL移行時には、ぜひこの乗り換えサポートプラグインを導入しましょう。
