JINからSWELLへの移行手順!5ステップでわかりやすく解説

記事内にプロモーションを含む場合があります
JINからSWELLへの移行手順!5ステップでわかりやすく解説
初心者さん

JINからSWELLに移行したいけどよくわからない

このような悩みを解決します。

JINからSWELLへの移行は5ステップで完了!

まず「乗り換えサポートプラグイン」の概要を紹介し、次に移行手順や移行後にやること、ポイントを解説。

この記事を読めば、JINからSWELLへスムーズに移行できますよ!

JINとSWELLの比較はこちら

プロフィールカード

\国内人気No.1/

目次

JIN専用「乗り換えサポートプラグイン」の概要

SWELLにはJIN専用の「乗り換えサポートプラグイン」があります。

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

他テーマからSWELLに移行するときに生じるデザイン崩れを、最小限に抑えられるプラグイン。

SWELL製品ダウンロードページ
「乗り換えサポートプラグイン」のダウンロード画面

SWELL購入者限定の会員サイト「SWELLERS’」にてダウンロード可能。

乗り換えサポートプラグインを利用することで、移行作業の負担を大幅に軽減できます。

エイタ

リライト時間をかなり短縮できるよ

JINからSWELLへの移行手順

JINからSWELLへの移行手順は以下のとおりです。

SWELLを購入

SWELLの購入は公式サイトからどうぞ。

SWELL公式サイト

STEP
SWELL購入画面を開く
SWELL公式サイト|SWELL購入手順1
STEP
利用規約に同意しSWELLを購入
SWELL公式サイト|SWELL購入手順2
STEP
クレジットカード情報を入力し「支払う」をクリック
SWELL公式サイト|SWELL購入手順3
エイタ

SWELLの購入完了
メールアドレスに領収書が届くよ

SWELLの会員登録

SWELLを購入したら、会員サイト「SWELLERS’」に登録します。

会員登録するとできること
  • 製品ダウンロード・インストール
  • SWELLのユーザー認証
  • フォーラムでSWELLに関する質問
  • オンラインコミュニティへの参加
  • デモサイトデータのダウンロード
STEP
SWELL公式サイトの「フォーラム」をクリック
SWELL公式サイト|会員登録手順1
STEP
「会員登録はこちらから」をクリック
SWELL公式サイト|会員登録手順2
STEP
必要情報を入力、利用規約に同意したら「登録する」をクリック
SWELL公式サイト|会員登録手順3

SWELLのダウンロード・インストール

続いて、SWELLをダウンロード・インストールします。

STEP
SWELL公式サイトでの「フォーラム」をクリック
SWELLのダウンロード・インストール手順1
STEP
「ログイン」をクリック
SWELLのダウンロード・インストール手順2
STEP
SWELL本体・子テーマをダウンロード
SWELLのダウンロード・インストール手順3
STEP
WordPressダッシュボードの「テーマ」をクリック
SWELLのダウンロード・インストール手順4
STEP
新しいテーマを追加
SWELLのダウンロード・インストール手順5
STEP
テーマのアップロード
SWELLのダウンロード・インストール手順6
STEP
ファイルを選択
SWELLのダウンロード・インストール手順7
STEP
「SWELL-◯.◯.◯.zip」を選択
SWELLのダウンロード・インストール手順8
STEP
今すぐインストール
SWELLのダウンロード・インストール手順9
STEP
テーマページへ移動
SWELLのダウンロード・インストール手順10
STEP
子テーマのインストール
SWELLのダウンロード・インストール手順12

先ほどと同じ手順で子テーマ(swell_child.zip)もインストールします。

STEP
子テーマを有効化
SWELLのダウンロード・インストール手順11
STEP
「SWELL CHILD」の有効化を確認
SWELLのダウンロード・インストール手順13

子テーマを使う理由は、子テーマを利用すれば親テーマの更新に影響を受けず、テーマのカスタマイズができるからです。

SWELLの子テーマについてはこちらで解説

JIN用「乗り換えサポートプラグイン」の有効化

会員サイト「SWELLERS’」のマイページに戻り、JIN用【乗り換えサポートプラグイン】をダウンロードします。

STEP
JIN用「乗り換えサポートプラグイン」をダウンロード
JIN用乗り換えサポートプラグインのダウンロード・インストール手順1
STEP
WordPressダッシュボードの「新規プラグインを追加」をクリック
JIN用乗り換えサポートプラグインのダウンロード・インストール手順2
STEP
プラグインのアップロード
JIN用乗り換えサポートプラグインのダウンロード・インストール手順3
STEP
乗り換えサポートプラグインのファイルを選択し「今すぐインストール」
JIN用乗り換えサポートプラグインのダウンロード・インストール手順4
STEP
プラグインを有効化
JIN用乗り換えサポートプラグインのダウンロード・インストール手順5

プラグインの最適化

JINで使っていたプラグインは、SWELLには不要な場合もあります。

一方、SWELLに必須のプラグインも。

こちらでは、SWELL公式サイトで導入を推奨されているプラグイン、非推奨のプラグインを紹介します。

ほぼ必須のプラグイン

SWELLにほぼ必須のプラグインは1つ。

SEO SIMPLE PACK

必要最低限の機能が搭載されたSEOプラグインです。

SWELLでは不具合を回避するため、メタタグを出力できる機能が元々ありませんのでこちらをどうぞ。

開発者はSWELL製作者と同じということもあり、相性の良いプラグインです。

推奨プラグイン

SWELLで推奨されているプラグインです。

推奨されてはいますが、今後WordPressのアップデートにより不具合のでる可能性もある、という点にご留意ください。

バックアップ系プラグイン
その他のおすすめプラグイン
開発者が同じプラグイン

非推奨プラグイン

一方、SWELLで非推奨されているプラグインはこちら。

SWELLで使うと不具合を起こす原因になったり、機能が被っているプラグインです。

おすすめしないプラグイン
  • Gutenberg…不具合の原因
  • WooCommerce…EC系のプラグインは動作保証していない
  • Elementor…ページビルダー系プラグインはSWELLに必要なし
相性の悪い高速系プラグイン
  • Flying Scripts
  • Autoptimize
  • Async JavasScript
SWELLの機能と被っているプラグイン
  • 目次生成プラグイン(Table of Contents Plus、RTOCなど)
  • 画像遅延読み込みプラグイン(Lazy Load、Jetpack内の一部など)
  • ふきだしプラグイン(Speech bubbleなど)
SWELLには不要なプラグイン
  • Classic Editor…SWELLではブロックエディターの使用を推奨
  • AddQuicktag…ブロックエディターには不要
  • TinyMCE Advanced…ブロックエディターには不要
「何となく」で入れないほうがいいプラグイン
  • Jetpack
  • キャッシュ系プラグイン(WP Super Cache、W3 Total Cacheなど)
不具合を起こす可能性があるプラグイン

最後に紹介した「EWWW Image Optimizer」は当サイトで使用しています。

画像をワンクリックでWebp化できる便利な機能なので、個人的にはおすすめです。

SWELLのプラグインについてはこちらで解説

JINからSWELL移行後にやること

JINからSWELL移行後にやることは6つあります。

SWELLユーザー認証

まずはSWELLのユーザー認証を済ませましょう。

SWELLではユーザー認証しないと、本体のアップデートがされません。

STEP
WordPressダッシュボードからSWELL設定の「アクティベート」へ
SWELLユーザー認証手順1
STEP
メールアドレスを入力し「認証リクエストを送信」をクリック
SWELLユーザー認証手順2
STEP
メールが届いたら「認証用URL」をクリック
SWELLユーザー認証手順3
STEP
会員サイトに遷移するので認証を確認
SWELLユーザー認証手順4
STEP
WordPressに戻り「アクティベートを完了」をクリック
SWELLユーザー認証手順5
STEP
認証完了
SWELLユーザー認証手順6

Googleアナリティクス設定

Googleアナリティクス設定をしましょう。

STEP
プラグイン「SEO SIMPLE PACK」のインストール・有効化
Googleアナリティクス設定1
STEP
Googleアナリティクスの「測定ID」をコピー
Googleアナリティクス設定2
測定IDの確認方法

Googleアナリティクス「管理」>「データストリーム」>「ストリームの詳細」

STEP
WordPressダッシュボードからSEO SIMPLE PACKの「一般設定」をクリック
Googleアナリティクス設定3
STEP
測定IDを貼付け「設定を保存する」をクリック
Googleアナリティクス設定4

Googleサーチコンソール設定

Googleサーチコンソールの設定もします。

STEP
Googleサーチコンソールの「メタタグ」をコピー
Googleサーチコンソール設定1

<meta name=”google-site-verification”content=”このなかだけコピー” />

メタタグの確認方法

Googleサーチコンソール「設定」>「所有権の確認」>「HTMLタグ」

STEP
WordPressダッシュボードからSEO SIMPLE PACKの「一般設定」をクリック
Googleサーチコンソール設定2
STEP
入力コード(メタタグ)を貼付け「設定を保存する」をクリック
Googleサーチコンソール設定3

記事のリライト

記事のリライトをしてデザインを整えましょう。

「乗り換えサポートプラグイン」を使用しても、すべてのデザイン崩れを防げるわけではありません。

3,000〜5,000文字の記事であれば、記事修正に目安として20分ほどかかります。

PVの多い記事、収益性の高い記事から優先的にリライトするといいですよ。

乗り換えサポートプラグインの削除

乗り換えサポートプラグインの削除画面

記事のリライトが終わったら「乗り換えサポート from JIN」を削除。

有効化したままだと2テーマ同時に存在することになり、サイトが重くなる可能性があります。

JINの削除

WordPressテーマ「JIN」削除画面

すべての作業が終わったら、テーマ一覧よりJINを削除しましょう。

有効化したテーマが複数残っていると、ダッシュボードの「サイトヘルスステータス」に警告が表示され続けてしまいます。

最後に、JINを削除したらブラウザのキャッシュをクリアすれば完了です。(正しく表示させるため)

エイタ

お疲れさまでした

JINからSWELLへ移行するときのポイント

JINからSWELLへ移行するときのポイントは5つです。

デザインは崩れるので要修正

乗り換えサポートプラグインをオンにした状態でも、多少デザインは崩れます。

以下はJINからSWELLに移行したときの変化です。

デザインの変化

JINのデザイン装飾before
移行前(JIN)
JINのデザイン装飾after
移行後(SWELL)
変化した箇所
  • 装飾、アイコンボックスのアイコンが文字化け
  • 行の余白間隔

思ったよりもデザインは崩れませんでした。

ただし、すべての装飾で試したわけではないのでご注意ください。

SWELLのエディターでは以下のように表示されます。

エディター画面

SWELLのエディター画面

「このブロックには、想定されていないか無効なコンテンツが含まれています」と表示されるのは、SWELLにJINのブロック情報がないため。

公開画面ではキレイに表示されるのでご安心ください。

エイタ

CocoonやAFFINGER6よりデザイン崩れはすくない

メタディスクリプションが消える

JINからSWELLに移行すると、JINのエディターに記載したメタディスクリプションは消えてしまいます。

JINのディスクリプション
JINのメタディスクリプション

ですから、先ほどGoogleアナリティクス設定で導入した「SEO SIMPLE PACK」のディスクリプションに移行前にコピペするといいですよ。

「SEO SIMPLE PACK」でメタディスクリプションを保存

「SEO SIMPLE PACK」でメタディスクリプションをコピペ、保存する手順です。

STEP
SEO SIMPLE PACKの有効化

SEO SIMPLE PACKをインストールしていない方は新規追加、有効化してください。

STEP
【JIN】メタディスクリプションをコピペ
SWELLのメタディスクリプションコピペ画面

投稿記事の「description設定」に記載されている内容をコピーし、「このページのディスクリプション」に貼り付けます。

これで、JINからSWELLに移行してもメタディスクリプションは引き継がれます。

STEP
JINからSWELLへ移行

すべての記事でメタディスクリプションのコピペできたら、テーマ一覧でSWELLを有効化しましょう。

STEP
【SWELL】メタディスクリプションの確認
SWELLのディスクリプション

テーマをSWELLへ変更したら、投稿記事のメタディスクリプションが引き継がれているか確認してください。

SEO SIMPLE PACKについてはこちら

バックアップをとる

移行前にバックアップをとっておくと安心です。

レンタルサーバー側にもバックアップ機能があるので心配ありませんが、念のため。

SWELL公式でおすすめのバックアップ系プラグイン

上記のプラグインは無料で使用できますが、機能に制限がかかります。(復元に手間が多い)

有料版はかんたんに復元できますが費用が発生するので、お財布と相談してから導入を検討してください。

JINを削除するのはリライト後

テーマ一覧よりJINを削除するのはリライトが終わってから。

リライト途中で削除してしまうとデザインが崩れます。

リライトが終わってからJINを削除しましょう。

乗り換えサポートプラグインの削除

最後に「乗り換えサポート from JIN」を削除。

有効化している間は、JINとSWELLのデータを読み込んでいるためサイトが重くなります。

サイトの表示速度に悪影響を出さないためにも、「乗り換えサポート from JIN」の削除を忘れずに。

JINからSWELLへの移行でアップデートする点

JINからSWELLへの移行でバージョンアップする点は3つあります。

表示スピードUP!

SWELLに移行すると表示スピードが上がります。

以下はサイトの読み込み時間を計測できる「PageSpeed Insights」で、JINとSWELLを計測した結果。

JINのスマホ表示速度
スマホ
JINのPC表示速度
PC
エイタ

JINも十分速いけど、SWELLはさらに高速

SWELLの高速化設定についてはこちら

記事の書きやすさUP!

JINからSWELLに移行しておどろくのが記事のかきやすさ。

なぜなら、SWELLはブロックエディターに完全対応しているから。

JINでもブロックエディターは使えますが完全対応していません。

というより、クラシックエディター利用者のほうが多いでしょう。

慣れるまで数日かかるかもしれませんが、完全対応しているブロックエディターの使い心地は最高ですよ。

カスタマイズ性UP!

JINでは大変だったカスタマイズも、SWELLではかんたんにできます。

たとえばトップページをサイト型にするなど。

サイト型ブログの例

POINT OF VIEW
POINT OF VIEW
つきみにまる
つきみにまる
枚方テイクアウト
枚方テイクアウト
misclog
misclog

上記のようなおしゃれなブログがかんたんに作成できます。

サイト型のカスタマイズについてはこちら

JINからSWELLへの移行に関するよくある質問

最後に、JINからSWELLへの移行に関するよくある質問をまとめておきます。

「乗り換えサポート from JIN」は無料ですか?

「乗り換えサポートプラグイン」は無料です。

ただし、SWELL購入者限定になります。

プログラミング知識がなくても、JINからSWELLへ移行できますか?

できます。

ボタンをポチポチしていくだけなのでご安心ください。

SWELLの操作がわからないときはどうすればいい?

SWELLに関する質問は、会員サイト「SWELLERS’」で質問できます。

SWELLERS’にアクセスし【フォーラム】からどうぞ。

SWELLのアフィリエイトプログラムに参加するには?

会員サイト「SWELLERS’」のマイページに、SWELLアフィリエイトへの参加リンクがあります。

SWELLのアフィリエイトについてはこちら

SWELLからJINに戻すのは大変ですか?

JINからSWELLへの移行に比べかなり大変です。

なぜかというと、JINには「乗り換えサポートプラグイン」がないから。

デザイン崩れする箇所が増えるので、リライトに膨大な時間がかかります。

まとめ|JINからSWELLへの移行手順

今回はJINからSWELLへの移行手順をまとめました。

おさらい

SWELLを購入してしまえば、移行作業自体は10分もかかりません。

時間がかかるのはリライトです。

手順を参考に移行作業を済ませ、なるべく早く記事修正に取りかかりましょう。

それでは素晴らしいブログライフを!

\国内人気No.1/

あわせて読みたい

JINからSWELLへの移行手順!5ステップでわかりやすく解説

この記事が気に入ったら
フォローしてね!

よかったらシェア!
  • URLをコピーしました!
目次