ミオ(SWELL使い)悟フィさん、最近AFFINGER6からSWELLに移行したんですよね？
悟フィあ、よ、よく知ってるね。このブログをまさしく移行したよ。
これまでAFFINGER5,6を約2年間使ってきました。
AFFINGERこそ最高のテーマと思っていたんですが、このところ評判がいいのは、SWELL。
SWELLで作ったブログを見ると、なんともおしゃれ！
悟フィあんな軟派野郎･･･、おれは、硬派のAFFINGERでいくんだぁ…！
とは思ってたのですが、ライバルを知ることも重要･･･
ということで、意を決してSWELLを購入しちゃいました･･･。
チャリーン！！💰
悟フィあぁ・・・、17,600円
悟フィは、SWELLを手に入れた
ミオ(SWELL使い)テーマ移行って、記事修正大変なんですよね･･･？
どれぐらい修正が必要でした？
悟フィ記事修正が結構必要だった。AFFINGERでできてたことができなくなったこともあるよ！
ミオ(SWELL使い)SWELLにはAFFINGERからの乗り換えサポートプラグインありましたけど、それでも大変なんですね！？
悟フィある程度はプラグインで対応できるんだけど、細々できないところがあって、修正する必要があるんだよね。
この記事にまとめるね。
AFFINGERからSWELLへの移行を検討する人もいると思います。
移行には、記事修正作業が伴います。
あと、AFFINGERでできたことがSWELLでできないこともあります。
SWELLに乗り換え検討中の方は、ご参考にしてください。
悟フィSWELLについて、以下の記事も参照ください。
この記事の信ぴょう性
【この記事を書いた人】
✅ITメーカー勤務 開発/SE歴 28年
✅副業3年目
✅ブログ３サイト運営（月最高3万PV）
✅アドセンス合格実績３サイト
✅Twitterフォロワー2,000人以上
✅AFFINGER使用歴2年
AFFINGERからSWELLに移行してみて分かったこと
今回AFFINGER6からSWELLに移行してみて分かったことは以下の通りです。
- １．乗り換えサポートプラグインだけでは全て対応できず、記事修正が必要である
-
SWELLでは、AFFINGERからの乗り換えサポートプラグインが提供されていますが、これだけでは十分に対応できません。ボタンやリストなども見栄えが悪くなったりして、手直しが必要です。
悟フィサポートプラグインの解説にはできると書いてるようなこともできないことが多かった
- ２．AFFINGERでできていたことがSWELLでできないことがいくつかある
-
AFFINGERでできていたことのいくつかはSWELLでできなくなります。
※まだ全部洗い出せていない可能性があります。①吹き出しのアニメーション
②アニメーション
③流れる文字
④こんな方におすすめ
AFFINGERからSWELLに移行した場合のサンプル記事
まずは、百聞は一見にしかず、ということで、AFFINGERの記事がSWELLに移行すると、どのようになるのか、サンプルサイトをご用意したので、紹介します。
悟フィサンプル３つ用意しています。
1.AFFINGER6での記事
2.SWELL(乗り換えサポートプラグイン未適用)の記事
3.SWELL(乗り換えサポートプラグイン適用)の記事
乗り換えサポートプラグインでどこまで対応できるかが一目瞭然！
AFFINGER6 サンプル記事
まず、AFFINGER6の記事がこちら
悟フィAFFINGER6の全パーツ記事だよ！
SWELL(乗り換えサポートプラグイン未適用) サンプル記事
AFFINGERで作成した記事をSWELL(乗り換えサポートプラグイン適用)で表示した場合の記事がこちら
悟フィこの時点では、乗り換えサポートプラグインを適用していないので、表示できていないパーツも多いよ！
SWELL(乗り換えサポートプラグイン適用) サンプル記事
AFFINGERで作成した記事をSWELL(乗り換えサポートプラグイン未適用)で表示した場合の記事がこちら
悟フィ乗り換えサポートプラグインで使えるようになるパーツもあるよ！
ただ、ボタンとかリストとか見映えが悪くなってるものもあるね。
AFFINGERからSWELLに移行した際の記事修正内容
乗り換えサポートプラグインを使う前提で、記事の修正要否をまとめました。
乗り換えサポートプラグイン(AFFINGER)での対応可否一覧
SWELLにはAFFINGERからSWELLへの乗り換えをサポートするプラグインが用意されています。
プラグインで対応できるものもあれば、対応できないものもあります。
悟フィAFFINGERの各パーツの乗り換えサポートプラグインでの移行可否をまとめたよ！
結構できないものも多いので、注意が必要だよ！
| パーツ | サポートプラグイン対応可否 | 記事修正要否 | 備考 |
|---|---|---|---|
| (1)テキスト | 不可 | 要 | |
| (2)アニメーション | 不可 | 要(※) | ※ SWELLではアニメーションはサポートなし。移行後は動作しなくなりますので、必要に応じて記事を修正が必要になります。 |
| (3)アイコン | 不可 | 要 | |
| (4)ランキング | 可(※) | 不要 | ※AFFINGER6とは表示イメージが異なります。 |
| (5)マーカー | 不可 | 要 | |
| (6)ボックス | 不可 | 要 | |
| (7)リスト | 不可 | 要 | |
| (8)カードスタイル | 可 | 不要 | |
| (9)テーブル | 一部可 | 要 | |
| (10)クリップメモ | 一部可(※) | 要 | ※ アイコンの対応は不可 |
| (11)ミニふきだし | 可 | 要(※) | ※ AFFINGER6とは吹き出しのイメージが異なるため、必要に応じて修正が必要 |
| (12)複合 | 一部可(※1) | 要(※2) | ※1 アイコンの対応は不可 ※2 AFFINGER6とは吹き出しのイメージが異なるため、必要に応じて修正が必要 |
| (13)複合アイコンなし | 一部可(※1) | 要(※2) | ※1 アイコンの対応は不可 ※2 AFFINGER6とは吹き出しのイメージが異なるため、必要に応じて修正が必要 |
| (14)まるもじ | 可 | 要 | ※ AFFINGER6とは吹き出しのイメージが異なるため、必要に応じて修正が必要 |
| (15)カスタムフォント | 可 | 不要 | |
| (16)ステップ | 不可 | 要 | |
| (17)ポイント | 可 | 要(※) | ※ AFFINGER6とイメージが異なるため、必要に応じて修正が必要 |
| (18)ラベル | 不可 | 要 | |
| (19)流れる文字 | 不可 | 要(※) | ※ SWELLでは流れる文字はサポートなし。移行後は動作しなくなりますので、必要に応じて記事を修正が必要になります。 |
| (20)バナー風ボックス | 一部可(※) | 要 | ※ 中央配置は対応不可 |
| (21)マイボックス | 一部可(※) | 要 | ※ 中央配置は対応不可 |
| (22)マイボックス(CSSクラス) | 不可 | 要 | |
| (23)見出しフリーボックス | 一部可(※) | 要 | ※ AFFINGER6とは表示イメージが異なりますので、必要に応じて記事修正が必要となります。 |
| (24)メモボックス | 不可 | 要 | |
| (25)スライドボックス | 不可 | 要 | |
| (26)チェックボックス | 不可 | 要 | |
| (27)こんな方におすすめ | 不可 | 要 | |
| (28)カスタムボタン | 可 | 要 | ※ AFFINGER6とはボタンのイメージが異なるため、必要に応じて記事修正が必要。 |
| (29)会話吹き出し | 一部可(※) | 要(※) | ※ 吹き出しの枠線は移行不可 |
| (30)ランキング見出し | 一部可(※) | 要 | ※ AFFINGER6とはボタンのイメージが異なるため、必要に応じて記事修正が必要。 |
| (31)レイアウト | 不可 | 要 | |
| (32)YouTube動画 | 可 | 不要 | |
| (33)記事一覧/カテゴリ一覧 | 不可 | 要 |
パーツ別AFFINGER6記事とSWELL記事(プラグイン適用後)画像比較
悟フィAFFINGER6の記事がSWELLでどのように表示されるかまとめました！
(1)テキスト
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(2)アニメーション
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要(※)
※ SWELLにアニメーション機能サポートなし。移行後は動作しなくなりますので、必要に応じて記事を修正が必要になります。
AFFINGER6
SWELL
アニメーションは動作しません
(3)アイコン
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(4)ランキング
乗り換えサポートブラグイン対応可否：可(※)
記事修正要否：不要(※)
※ AFFINGER6とは表示イメージが異なります。
AFFINGER6
SWELL
(5)マーカー
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(6)ボックス
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(7)リスト
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(8)カードスタイル
乗り換えサポートブラグイン対応可否：可
記事修正要否：不要
AFFINGER6
SWELL
(9)テーブル
乗り換えサポートブラグイン対応可否：一部可(※)
記事修正要否：要
※ 中央配置は対応不可
AFFINGER6
SWELL
(10)クリップメモ
乗り換えサポートブラグイン対応可否：一部可(※)
記事修正要否：要
※ アイコンの対応は不可
AFFINGER6
SWELL
(11)ミニふきだし
乗り換えサポートブラグイン対応可否：可
記事修正要否：必要に応じて要(※)
※ AFFINGER6とは吹き出しのイメージが異なるため、必要に応じて修正が必要
AFFINGER6
SWELL
(12)複合
乗り換えサポートブラグイン対応可否：一部可(※1)
記事修正要否：要(※2)
※1 アイコンの対応は不可
※2 AFFINGER6とは吹き出しのイメージが異なるため、必要に応じて修正が必要
AFFINGER6
SWELL
(13)複合アイコンなし
乗り換えサポートブラグイン対応可否：一部可(※1)
記事修正要否：要(※2)
※1 アイコンの対応は不可
※2 AFFINGER6とは吹き出しのイメージが異なるため、必要に応じて修正が必要
AFFINGER6
SWELL
(14)まるもじ
乗り換えサポートブラグイン対応可否：可
記事修正要否：必要に応じて要(※)
※ AFFINGER6とは吹き出しのイメージが異なるため、必要に応じて修正が必要
AFFINGER6
SWELL
(15)カスタムフォント
乗り換えサポートブラグイン対応可否：可
記事修正要否：不要
AFFINGER6
SWELL
(16)ステップ
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(17)ポイント
乗り換えサポートブラグイン対応可否：可
記事修正要否：要(※)
※ AFFINGER6とイメージが異なるため、必要に応じて修正が必要
AFFINGER6
SWELL
(18)ラベル
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(19)流れる文字
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要(※)
※ SWELLでは流れる文字はサポートなし。移行後は動作しなくなりますので、必要に応じて記事を修正が必要になります。
AFFINGER6
SWELL
(20)バナー風ボックス
乗り換えサポートブラグイン対応可否：一部可(※)
記事修正要否：要
※ 中央配置は対応不可
AFFINGER6
SWELL
(21)マイボックス
乗り換えサポートブラグイン対応可否：一部可(※)
記事修正要否：要(※)
※ 中央配置は対応不可
AFFINGER6
SWELL
(22)マイボックス(CSSクラス)
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(23)見出しフリーボックス
乗り換えサポートブラグイン対応可否：一部可(※)
記事修正要否：要
※ AFFINGER6とは表示イメージが異なりますので、必要に応じて記事修正が必要となります。
AFFINGER6
SWELL
(24)メモボックス
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(25)スライドボックス
乗り換えサポートブラグイン対応可否：可
記事修正要否：不要
AFFINGER6
SWELL
(26)チェックボックス
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(27)こんな方におすすめ
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
(28)カスタムボタン
乗り換えサポートブラグイン対応可否：可(※)
記事修正要否：要(※)
※ AFFINGER6とはボタンのイメージが異なるため、必要に応じて記事修正が必要。
AFFINGER6
SWELL
(29)会話吹き出し
乗り換えサポートブラグイン対応可否：一部可(※)
記事修正要否：要(※)
※ ボーダーラインの移行は不可
AFFINGER6
SWELL
(30)ランキング見出し
乗り換えサポートブラグイン対応可否：可(※)
記事修正要否：要(※)
※ AFFINGER6とはボタンのイメージが異なるため、必要に応じて記事修正が必要。
AFFINGER6
SWELL
(31)レイアウト
乗り換えサポートブラグイン対応可否：不可
記事修正要否：要
AFFINGER6
SWELL
AFFINGERからSWELLに移行してできなくなること
AFFINGER6からSWELLに移行してできなくこと。
- １．乗り換えサポートプラグインだけでは全て対応できず、記事修正が必要である
-
SWELLでは、AFFINGERからの乗り換えサポートプラグインが提供されていますが、これだけでは十分に対応できません。ボタンやリストなども見栄えが悪くなったりして、手直しが必要です。
- ２．AFFINGERでできていたことがSWELLでできないことがいくつかある
-
AFFINGERでできていたことのいくつかはSWELLでできなくなります。
※まだ全部洗い出せていない可能性があります。
上記２点について、後ほど詳細を解説します。
AFFINGERからSWELLに乗り換え手順概要
AFFINGERからSWELLに移行の以下の流れとなります。
１．SWELLを購入し、テーマにSWELLを適用する
SWELLの会員登録を行い、サイトで製品を購入して、会員ページからダウンロードします。
ダウンロードしたテーマをWordPressのテーマに適用します。
SWELLのテーマは、親テーマ(本体最新版)と子テーマがあり、親テーマ、子テーマの順で適用します。
２．乗り換えサポートプラグイン（AFFINGER用）を適用する
乗り換えサポートプラグインを適用します。
３．記事を修正する
SWELLに移行することでうまく表示されなくなった部分の記事を修正します。
AFFINGERからSWELLに乗り換え手順詳細
１．SWELLを購入し、テーマにSWELLを適用する
以下の記事を参考にしてください。
２．乗り換えサポートプラグイン（AFFINGER用）を適用する
この時点では、AFFINGER独自のコードは、うまく表示されていません。
悟フィブログカード表示されてない･･･
乗り換えサポートプラグイン適用後はこうなります。
悟フィブログカード表示された！！
それでは、乗り換えサポートプラグイン(AFFINGER用)の適用方法を解説します。
SWELLの会員ページにアクセスし、ログインします。
SWELL製品ダウンロードの『SWLL本体最新版』と『子テーマ』をダウンロードします。
WordPressの[プラグイン]メニューを選択し、『プラグイン』のアップロードをクリックします。
①[ファイルを選択]ボタンをクリックし、STEP1でダウンロードした乗り換えサポートプラグイン(AFFINGER用)のファイル(af5-to-swell-1-0-1.zip(※))を選択します。
②[今すぐインストール]をクリックします。
インストールが実行されます。
インストールが完了したら、『プラグインを有効化』ボタンをクリックします。
これで、乗り換えサポートプラグインの適用は完了です。
３．記事を修正する
ボタンの修正例）
以下は、角丸ボタン修正の例です。
ボタンの見映えがおかしいので、SWELLボタンに置き換えます。
悟フィこのような形で記事を修正していきます。
慣れれば、１記事５分程度ぐらいでできるよ。
AFFINGERからSWELLに移行するメリット
SWELLに移行するメリットがないと、わざわざ記事を修正してまで移行するメリットがないが、SWELLには、メリットも多い。
大きく以下のようなものが挙げられます。
- 【メリット1】表示速度が速い
- 【メリット2】お洒落になる
- 【メリット3】プラグインが少なくて済む
- 【メリット4】設定がかんたん
- 【メリット5】吹き出しの数に制限がない
詳しくは、以下の記事を参照してください。
まとめ
今回SWELLに移行してみて、以下のことが分かりました。
１．乗り換えサポートプラグインだけでは全て対応できず、記事修正が必要である
２．AFFINGERでできていたことがSWELLでできないことがいくつかある
記事数が多いと、結構大変な修正になることは覚悟する必要がある。
SWELLにするメリットも多いので、メリットが大きいようであれば、SWELLへの移行も検討してみてはいかがでしょうか？
Originally posted 2023-06-17 07:42:10.
