JINからSWELLへの移行手順や注意点を紹介！準備をしっかりして移行に取り掛かろう！

JINからSWELLへの移行、乗り換えの手順や、移行後にやっておいた方が良い設定などを紹介していきます。

有料テーマから有料テーマへの移行を決断するのはかなり勇気が必要だったと思います。
安い買い物ではないですし…。

ご存知の方も多いと思いますが、SWELLには他テーマからの移行用プラグインがあり、移行時の負担をかなり軽減してくれます。

ただ、それでも移行作業はやはり大変ですし、SWELL移行前に確認しておいた方が良い項目や注意点もあります。

この記事では、思い切って決断したJINからSWELLへの移行が不具合なくスムーズに進められるように、単純な移行手順に加えて、移行時の注意点なども紹介していきます。

---

JIN以外のテーマからの移行や、移行ではなく新規サイトでSWELLを導入する場合は、以下の関連記事も参考にしてください。

JINからSWELLへの乗り換えをサポートしてくれるプラグインがある！

SWELLにはJINからの乗り換えをサポートしてくれるプラグインがあります。

JINも含めて、以下テーマのサポートプラグインが用意されています。

このサポートプラグインのおかげでテーマ移行の負担がとても軽くなります。

本来、テーマの移行作業はとても大変です。各テーマが独自に持たせている機能や装飾は、移行後のテーマに引き継ぐことはできません。

例えば以下赤枠部のJIN専用ブロックなどは、通常のテーマ移行時にはデザインが全て崩れてしまいます。

そのため、テーマを切り替えた後に、大急ぎで崩れた装飾を修正する必要があります。

ですが、JIN移行用サポートプラグインを使用すると、JINブロックの装飾をある程度保った状態でSWELLに移行することができます。

つまり、テーマを切り替えた後にゆっくり自分のペースで記事内の装飾の修正を進めることできるイメージです。

ただし、最終的にはSWELLの装飾にリライトし直すことをおすすめします。
詳細は記事後半の「JIN独自の装飾をSWELLのスタイルにリライト」で説明します。

では、さっそくJINからSWELLへの移行手順を解説していきます。

JINからSWELLへの移行手順！SWELLの導入&有効化まで！

SWELLを購入してテーマを有効化するまで、大きく以下の5つの手順で進めていきます。

移行手順1 : SWELLのダウンロード

SWELLをダウンロードしていきます。以下の手順です。

次はSWELL会員サイトへの登録を進めていきます。

移行手順2 : 会員サイト「SWELLERS’」への会員登録

SWELLにはユーザー専用の会員サイト「SWELLERS’」があります。

フォーラムへの投稿や、以下のようなデータをダウンロードするために会員登録は必須ですので、もれなく対応しましょう。

• SWELL親テーマ
• SWELL子テーマ
• 乗り換えサポートプラグイン
• デモサイト着せ替えデータ

会員サイトへの登録手順は以下のとおりです。

これで会員登録作業は完了です。

移行手順3 : JIN乗り換えサポートプラグインの有効化

次は乗り換え用のサポートプラグインをダウンロードします。以下の手順です。

移行手順4 : JINからSWELLへSEO関連データの引き継ぎ【重要】

SWELLテーマを有効化する前にSEO関連のデータについて確認していきます。

サイト全体のSEO設定や、各記事で設定しているディスクリプションなどのメタタグをSWELL移行後にどの方法で管理、設定するか決めておいた方が良いです。

JINではテーマの機能で以下のようなSEOの設定ができました。

このメタタグなどの情報は、乗り換えサポートプラグインを有効化している間のみ引き継がれます。

このSEO関連の設定をSWELLでどのように管理していくかの方針次第で移行作業の内容が少し変わります。

JINはテーマの機能でSEO関連の設定ができましたが、SWELLではプラグインで管理することになります。

もし、JIN時代からAll in One SEOなどのプラグインでSEO設定をしていた場合はここはスルーしてもOKです。
次の「SWELLテーマの有効化」に進みましょう。

SWELL移行後のSEO関連データ管理方法の案を2つ紹介します。

僕は①のSEO SIMPLE PACKプラグインで管理する方法を推奨します。

SEO SIMPLE PACKはSWELL開発者の了さんが開発しているプラグインですし、他のSEOプラグインより使いやすいと感じています。

ちなみに、SEO機能をあえてプラグインに任せる理由を開発者の了さんが説明してくれています。

興味がある方は以下のアコーディオンを開いて確認してください。

では、さっそくJINで設定していたSEO関連の設定をSEO SIMPLE PACKに移行する作業を進めていきましょう。

以下2パターンの方法を紹介します。

1. 手動でSEO SIMPLE PACKにデータを移行する　←推奨
2. コードを追記してSEO SIMPLE PACKにデータを移行する

【推奨】手動でSEO SIMPLE PACKにデータを移行する場合

JINテーマの機能、もしくはその他SEOプラグインから手動でSEO SIMPLE PACKへデータを移行する方法を紹介します。

このSTEP3以降の手順を全ての記事で行えば完了です。

もちろん必須ではないので、メタディスクリプションが不要な場合や、改めて設定し直したい記事ではこの手順は省略してOKです。

コードを追記してSEO SIMPLE PACKにデータを移行する場合

上記の手順に沿って手動で移行した方はこの作業は不要です！

こちらの方法では、子テーマなどのfunctions.phpにコードを追記することで、SEO SIMPLE PACKでメタタグの情報を出力することができるようになります。

乗り換えサポートプラグインにはあらかじめコードが含まれているので、有効化している間はユーザー側でコードを追記する必要ありません。

しかし、最終的には乗り換えサポートプラグインは無効化することを推奨しているので、その場合は後々コードを自分で追記する必要はでてきます。

実際に入力するコードについては以下の公式マニュアルを参考にしてください。

>>テーマ乗り換え時にメタディスクリプションなどの設定をSEO SIMPLE PACKに引き継ぐ方法
>>「All in One SEO Pack」の各記事の設定を引き継いで「SEO SIMPLE PACK」へ乗り換える方法

移行手順5 : SWELLテーマの有効化

ここまで完了したら、SWELLテーマを有効化しましょう。

管理画面→「外観」→「テーマ」から『SWELL』を探して「有効化」をクリックすればOKです。

ちなみに、SWELLでは子テーマも用意されています。

会員サイトのマイページからダウンロードできます。

テーマエディターなどでコードを記述してカスタマイズする予定がある場合は、子テーマをインストール、有効化しておきましょう。

追加CSSや、プラグインを使ってコードを記述する場合は、子テーマのインストールはしなくてもOKです。

JINからSWELLに移行した後の設定

ついにブログがSWELLに変わりました。初めに最低限の環境を整えておきましょう。

JINからSWELLに移行したあとにやっておきたい以下の項目について説明します。

SWELLユーザー認証設定

SWELLを有効化した直後は管理画面に「SWELLのユーザー認証が完了していません」と警告文が表示されます。

この状態だと、SWELLをアップデートできず、最新の機能を使うことができなくなります。

SWELLを常に最新版にアップデートするために、ユーザー認証(アクティベート設定)をしておきましょう。

以下の画面でアクティベート設定をすることができます。

WordPress管理画面→「SWELL設定」→「アクティベート」に進む。

「ユーザー認証」の欄に、先ほどSWELLERS’会員登録に使用したメールアドレスを入力して「認証リクエストを送信」をクリックしましょう。

正しいメールアドレスが入力されれば、そのアドレス宛にメールが届きます。

メール内に記載のある、認証を完了させるためのURLをクリックして、アクティベート設定も完了です。

次は、サイトに関わる設定を行っていきます。

プラグインの整理

SWELLとJINでは、テーマ側に含まれる機能が異なるので、JINで使っていたプラグインで不要になるものや、新たにインストールしたほうが良いプラグインもあります。

例えば、JIN公式で推奨されているプラグインで、SWELLでは使わなくても良いかなと思うプラグインの例は以下です。

公式サイトで推奨、非推奨のプラグインや注意が必要なプラグインが多数紹介されているので参考にしてください。

>>SWELLで非推奨・不必要なプラグインと、推奨プラグインについて

Googleアナリティクスの設定

Googleアナリティクスの計測用コードをJINの「HTMLタグ設定」から入力していた場合は、再設定が必要です。

以下の手順で設定できます。

事前にプラグイン「SEO SIMPLE PACK」をインストールしておいてください。

これだけでGoogleアナリティクスの設定は完了です。

Googleサーチコンソールの設定

続いて、Googleサーチコンソールの設定方法も紹介しておきます。

GoogleサーチコンソールもSEO SIMPLE PACKで設定できます。

OGP設定

JIN時代にWordPress管理画面の「外観」→「カスタマイズ」からOGP設定、Twitterカードの表示設定をしていた方は、改めてOGP設定をしておきましょう。

SWELLでは、「SEO SIMPLE PACK」プラグインでOGPを設定します。

以下の操作で設定できます。

管理画面→「SEO PACK」→「OGP設定」

基本設定とTwitterなどのアカウント情報とSNSでシェアされたときのカードの形式を選択してください。

SWELLのOGP設定については、以下の記事にもう少し詳しくまとめました。必要に応じて参考にしてください。

Googleアドセンスの設定

サイト内のアドセンス広告をJINの「広告管理」から設置していた場合も再度設定し直す必要があります。

SWELLでは以下の手順で各広告を設定することができます。

SWELLのアドセンス設定については、以下の記事でも紹介しています。必要に応じて参考にしてください。

SWELLテーマの基本設定

SWELLテーマ本体機能の設定を進めていきましょう。

主にサイトのデザインやレイアウトの設定、SWELL独自機能の設定を行います。

SWELLの初期設定は、基本的にSWELL公式のマニュアルの内容に沿って設定を進めていけばOKです。

ですが、SWELLは多機能なテーマのため全ての項目を最初に設定するのはとても大変です。

そこでまずは以下の項目を確認しておくと良いと思います。

上記の設定については、以下の記事で紹介しているのでぜひ参考にしてください。

JIN独自の装飾をSWELLのスタイルにリライト

JINからSWELLへの移行に伴い崩れた装飾をリライトしていきましょう。

JINからSWELLへの乗り換えサポートプラグインのお陰で、装飾の崩れがある程度抑えられているはずです。

それでも一部装飾は崩れてしまうので、優先順位を付けてリライトしていくことをおすすめします。

リライトを進めるにあたり、JINの装飾がSWELLに移行したあとどうなるのか？気になる方も多いと思います。

まずは公式サイトのマニュアルに目を通してみましょう。サポートプラグインが対応している装飾の一覧が記載されています。

僕の方でも実際に移行前後での装飾の変化を確認してみたので紹介していきます。

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

優先的にリライトしたい装飾

JINからSWELLに変更して、デザインが維持できない、崩れてしまう可能性のある装飾は以下のとおりです。

今回は、青マーカーを引いたコンテンツの移行前後の状態を画像で紹介していきます。

見出し付きボックス

見出し付きボックスは、特に黒板ボックス以外のボックスデザインが大きく崩れてしまいます。

テーマ移行前後の装飾の違いは以下のとおりです。

おすすめのリライト方法

SWELLにはキャプション付きブロックというブロックがあるので、そちらに置き換えると良いと思います。

アイコンボックス

アイコンボックスは、ボックスの左側に表示されるアイコンが表示されなくなりました。

それぞれ、 テーマ移行前後の装飾の違いは以下のとおりです。

このボックス系のブロックは使っている方も多いですよね。

アイコンが表示されないだけなので致命的ではないですが、アイコンでボックスの内容のイメージが掴めなくなるので早めに修正したほうが良いかなと感じました。

おすすめのリライト方法

SWELLは段落ブロックでアイコン付きのスタイルを設定できるので、そちらにリライトしましょう。

吹き出し

吹き出しもデザインが崩れてしまうので早めの修正がおすすめです。

テーマ移行前後の装飾の違いは以下のとおりです。

おすすめのリライト方法

SWELLにもふきだしブロックがあるので、そちらにリライトしましょう。

ちなみに、SWELLのふきだしはアイコンなどを事前に設定しておくことができるのでとても便利です。

ブログカード

ブログカードも移行後にはURLが表示されるだけの状態になりました。

テーマ移行前後の装飾の違いは以下のとおりです。

おすすめのリライト方法

SWELLには関連記事ブロックというブログカードが作れるブロックがあるので、そちらにリライトしましょう。

SWELLの関連記事ブロックは、内部リンクも外部リンクもブログカード化してくれるので、かなり便利です。

シンプルボタン

JINのシンプルボタンは、デザインは崩れませんが左寄せの状態になりました。

テーマ移行前後の装飾の違いは以下のとおりです。

ちなみに、ブロックエディター標準のボタンは問題なく移行できます。

おすすめのリライト方法

SWELLにはSWELLボタンというブロックがあるので、そちらにリライトしましょう。

便利な機能がたくさん用意されているので、ぜひSWELLボタンに置き換えると良いかなと思います。

ゆっくりでもリライトしておきたい装飾

上記で紹介したもの以外は、サポートプラグインのお陰でデザインが大きく崩れることなく維持されます。

ですが後述するとおり、最終的にサポートプラグインは削除することをおすすめします。

そのため、デザインが維持されていたとしても、JIN独自の装飾は全てリライトしたほうが良いです。

ですが、このリライトに緊急性はないので、新記事を書いたり他の作業をする合間にゆっくり進めても良いと思います。

無理のない程度にJIN時代の装飾を無くしていきましょう。

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

満足いくところまで装飾をリライトできたら、乗り換えサポートプラグインとJINテーマは削除してOKです。

乗り換えサポートプラグインを有効化している間は、JINとSWELLの2つのテーマを読み込むためサイトが重くなる懸念があります。

なので基本的には、最終的には移行サポートプラグインは停止することを推奨します。

いよいよSWELLのサイト運営がスタートです！！

ここまで「JIN」から「SWELL」にテーマを移行する手順を紹介してきました。

みなさん大きな問題なくSWELLに移行が完了できていれば嬉しいです。

これからいよいよ、SWELLのサイト運営がスタートです。素敵なWordPressテーマ「SWELL」を楽しんでいきましょう。

また、SWELLとJINではテーマが持っている機能や設定が大きく違うので、SWELLの便利な機能をこれから覚えていく必要があります。

そこで、SWELLの便利な使い方や機能を覚えていくために、当サイトWebNote+のおすすめ記事を紹介します。

SWELLの使い方と設定ガイド

現時点で、JINからSWELLに移行して、初期設定が完了している状態です。

この記事で設定した以外にも、SWELLの便利な設定や機能はたくさんあるので少しずつ覚えていきましょう。

SWELLの便利な使い方や設定を以下の記事にまとめているので参考にしてください。

SWELLのブロックエディターガイド

SWELLのブロックエディターの使い心地は本当に素晴らしいです。

JINではクラシックエディターを使っていた方も多いかもしれませんが、SWELLのブロックエディターはとても快適なのでぜひ使ってみて欲しいです。

SWELLのブロックエディターを快適に使いこなすために必要な情報をまとめたガイドを作成したので参考にしてもらえると嬉しいです。

公式サイトでも紹介されているSWELLデザイン集

SWELLでは、難しい操作も不要で簡単に綺麗なデザインのサイトを作ることができます。

当サイトではSWELLで作られたサイトを集めたサイト集を運営しています。

そして、SWELLで素敵なサイトが作れたらぜひサイト集で紹介させてください。

運営者さとしんの Twitter( @__satoshin) で掲載依頼を受け付けています。

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

---

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