【全テーマ対応】他テーマからSWELL乗り換えの移行手順【図解あり】

悩んでる人

SWELLに乗り換えたいけど、どうやって移行すればいいの？

本記事では他テーマからSWELLに移行する手順と、移行後にやりたい基本設定を詳しくご説明します。

この記事の執筆者

WordPressテーマ利用実績→詳しくは▼をクリック

利用テーマ一覧

• SWELL（本ブログ）
• AFFINGER6
• MERIL
• Cocoon
• 賢威

くぼたつ

私がブログ運営で学んだ知識を記事にしています！ぜひブログ運営の参考にしてみてください！

＼本サイトで利用しているWordPressテーマ／

他テーマからSWELLに乗り換える移行手順【概要】

【移行前】SWELLテーマ乗り換えに関する注意事項

くぼたつ

SWELLへの乗り換え移行作業を始める前に確認いただきたい注意事項、またはいつ移行しようかな？と悩んでいる人に対する注意事項をご紹介します

SWELLに乗り換える移行タイミングは早い方がいい

テーマをSWELLに乗り換えるタイミングはできるだけ早い方がいいです。

テーマの乗り換えは基本的にどのテーマからどのテーマに乗り換える場合でも、早い方がいいという点については同じです。
テーマの移行作業（特に移行後の装飾崩れ修正など）は、ブログを作り込めば作り込むほど、記事を書けば書けば書くほど時間がかかってしまうからです。

ただし、SWELLへの乗り換えの場合は特に作業時間が伸びてしまう傾向にあります。

その理由は「SWELL以外のテーマを使っている人はクラシックエディターを使っている」ことが多く、SWELLへの移行を機にブロックエディターへ移る人が多いからです。
各テーマ専用の設定や装飾を使っている場合、テーマ移行後にSWELL用に修正やリライトをする必要がありますが、クラシックエディターからブロックエディターに修正する作業はより時間を要してしまいます。

そのため、他テーマからSWELLへの乗り換えを検討している人は、できるだけ早い移行をおすすめします。

移行に時間がかかるならクラシックエディターからSWELLに乗り換えないほうがいい？

答えはNoです。
WordPressは公式エディターとしてブロックエディターに移行しており、公式にクラシックエディターのサポートが終了することが公開されています。遅かれ早かれブロックエディターが主流となります。

SWELLに乗り換える移行作業時間【１日〜数週間】

SWELLに乗り換える移行作業時間は１日〜数週間かかります。

SWELLへの移行作業自体は２時間程度で完了しますが、移行の際に発生してしまうレイアウト崩れを修正する作業がブログの完成度・記事数に応じて数日から数週間かかってしまいます。

くぼたつ

本ブログは３０記事程度の時にSWELLに移行しましたが、約２週間を要しました。

そのため、テーマ移行はある程度の時間を確保してから臨んでください。

ただし、SWELLの乗り換えサポートプラグインに対応しているテーマからSWELLへ移行する場合は、ある程度記事装飾崩れをカバーしてくれるためそこまで急ぐ必要がありません。

くぼたつ

ただブログも小さくPV数もそこまで多くない場合は作業時間を気にしなくてもいいですね

SWELL乗り換え後に発生するレイアウト崩れ

他テーマからSWELLに乗り換える際に、レイアウトや設定まわりの崩れ（不具合）が発生します。

このレイアウト崩れはSWELLの不具合ではなく、前のテーマ内で独自に設定していたものはSWELLでは同じ形で保持していないため、対応できない（＝崩れてしまう）ことで発生してしまいます。

これらのレイアウト崩れを事前に防ぐために、移行前にある程度準備したり、SWELL乗り換えサポートプラグイン利用したりとある程度カバーすることはできますが、少なからず発生してしまいます。

【移行前】SWELL乗り換え前にしておきたい準備

SWELLへの移行前に、移行することで発生しうる不具合を未然に防ぐための準備をご紹介します。

SWELLへの乗り換えをサポートしてくれる移行プラグイン

他テーマからSWELLへ移行する際に、レイアウト崩れを最小限にしてくれるSWELL公式の乗り換えサポートプラグインをインストール・有効化します。

SWELL公式「乗り換えサポート」プラグイン

乗り換えサポートプラグインはSWELL購入後にインストール可能となるため、移行手順で具体的に解説していきます。

WordPressのバックアップをとろう

テーマ移行に際し、乗り換え前後で予期せぬ不甲斐が発生した場合に備えてWordPressのバックアップをおすすめします。

バックアップはプラグインを利用したバックアップがおすすめです。特に「All-in-One WP Migration」が簡単で有名です。

WordPress・PHPを推奨バージョンに変更しよう

SWELLでサポートされているWordPress・PHPの推奨バージョンにアップデートしましょう。

WordPress：5.6以上

PHP：7.3以上

SWELL公式（2021.1時点）：https://swell-theme.com/download/

SEO設定の移行をしておこう

記事ごとのSEO設定（タイトルタグ/ディスクリプション/キーワードなど）を旧テーマ内で管理している場合、SWELLに移行後は消えてしまいます（乗り換えサポートプラグインでも引き継がれません）。

そのためSWELL公式で推奨されているSEO用のプラグインを使って、SEO設定を退避しましょう。（このプラグインは移行用のプラグインではなく、SWELL利用後はずっと使っていくプラグインになります）

SEO設定の移行手順は以下

1. SEO設定用プラグインのインストール・有効化
2. 記事ごとのSEO設定を手動で移行する

SEO設定の詳しい移行手順を確認する

SEO設定の移行手順

STEP

SEO設定用プラグインのインストール・有効化

SEO設定用のプラグインをインストールします。

1. 「ダッシュボード＞プラグイン」から新規追加でプラグインを検索します。
2. 「キーワード検索」で「SEO SIMPLE PACK」と検索します。
3. 検索結果から「SEO SIMPLE PACK」をインストール→有効化します。

STEP

記事ごとのSEO設定を手動で移行する

記事ごとにSEO設定を「テーマ内設定」から「SEO SIMPLE PACK内設定」に移していきます。

1. 「ダッシュボード＞記事一覧＞各記事」からエディタを開きます。
2. エディタを下スクロールすると、「SEO設定（テーマによって表記は異なる）」と「SEO SIMPE PACK 設定」があります。
   「SEO設定（テーマ内設定）」のSEO設定を、「SEO SIMPE PACK 設定」に移していきます。
3. 記事ごとに①②を繰り返し、全ての記事のSEO設定を「SEO SIMPE PACK 設定」に移します。

全ての記事で移行作業が完了したら、SEO設定の移行は完了です。

【移行】SWELLに乗り換える移行手順

SWELLの移行手順を詳しく解説していきます。

移行手順①：最新版のSWELLを用意する

『https://swell-theme.com/download/』からSWELLを購入・ダウンロードします。

SWELL購入・ダウンロード手順

STEP

SWELLを購入する

以下の『SWELL購入ページ』をクリックしてSWELL公式サイトに入ってください。

＼総合力No.1の有料テーマ／

SWELL購入ページ

ボタンを押すとダウンロードページが開くので下にスクロールします。

商品情報・利用規約をよく読んで、利用規約に同意にチェックをして『SWELLを購入する』ボタンをクリックしてください。

購入ページが開くので、クレジットカード情報を入力して『支払う』ボタンをクリックしてください。

購入が完了すると、購入完了ページが開かれます。

これでSWELLの購入が完了しました。次にSTEP2：SWELLテーマをダウンロードするに移ります。

STEP

SWELLをダウンロードする

SWELLを購入すると登録メールアドレスに「送り主：WordPressテーマ SWELL」から「件名：SWELLを購入いただき、ありがとうございます。」というメールが届きます。

このメールに「【SWELLダウンロードリンク】」があるので、このリンクからSWELLテーマファイル（.zip）をダウンロードしてください。

（または、先ほどの購入完了ページの『SWELLをダウンロードする』ボタンからもダウンロードできます）

SWELLテーマファイルをダウンロードできたら、STEP3：SWELL子テーマをダウンロードするに移ります。

STEP

SWELL子テーマをダウンロードする

SWELL子テーマダウンロードページに移ります。

『SWELL子テーマのダウンロード』から『子テーマをダウンロード』ボタンをクリックして、SWELL子テーマファイル（swell_child.zip）をダウンロードしてください。

これでSWELLテーマファイル、子テーマファイルのダウンロードが完了です。

移行手順②：SWELLユーザー限定会員サイトへ会員登録する

SWELLユーザー限定会員サイト（SWELLERS’）へ会員登録していきます。

SWELLERS’会員登録手順

手順の概要

1. 会員登録情報を確認する
2. 会員登録をする

手順の詳しい説明

手順の詳しい説明を開く（→の▼から開けます）

STEP

会員登録情報を確認する

SWELLユーザー限定会員サイト（SWELLERS’）の会員登録に必要な、購入情報を確認します。

SWELL購入時に「件名：SWELLをご購入いただき、ありがとうございます。」のメールが来ているので、本文の「購入者限定パスワード」を控えます。

STEP

会員登録をする

SWELLERS’新規会員登録ページから会員登録をします。

＞＞新規会員登録ページ

「パスワード」欄にSTEP1で控えた「購入者限定パスワード」を設定します。

「登録する」を選択したらマイページに遷移するので、これでSWELLERS’の会員登録が完了です。

移行手順③：移行プラグインをダウンロード・インストール・有効化する

SWELL公式の乗り換えサポートプラグインをダウンロード・インストール・有効化します。

サポートプラグインがないテーマを利用している方はこの手順は不要です。

移行プラグインのインストール手順

手順の詳細

1. 移行プラグインをダウンロードする
2. 移行プラグインをインストール・有効化する

手順の詳しい説明

手順の詳しい説明を開く（→の▼から開けます）

STEP

移行プラグインをダウンロードする

『SWELLERS’マイページ』より対象の乗り換えサポートプラグインをダウンロードする。

STEP

移行プラグインをインストール・有効化する

STEP1でダウンロードした「XXX.zip」ファイルを、「ダッシュボード＞プラグイン＞新規追加＞プラグインのアップロード」の「ファイルを選択」でアップロードします。
アップロード後に「今すぐインストール」をクリックし、インストールを開始します。

インストールが完了したら、「プラグインを有効化」をクリックして有効化します。

乗り換えサポートプラグインの有効化が完了したら、本手順は完了です。
（有効化後に特別な設定などは不要です）

移行手順④：SWELLテーマをインストール・有効化する

SWELLテーマをWordPressにインストール・有効化します。

SWELLインストール手順

手順の詳細

1. SWELL（親）テーマをインストールする
2. SWELL（子）テーマをインストール・有効化する

手順の詳しい説明

手順の詳しい説明を開く（→の▼から開けます）

STEP

SWELL（親）テーマをインストールする

移行手順①でダウンロードした「swell-X-Y-Z.zip」ファイルをインストールします。

「ダッシュボード＞外観＞テーマ＞新規追加」から「テーマのアップロード」を選択し、「ファイルを選択」をクリックして「swell-X-Y-Z.zip」ファイルを選択します。
ファイルをアップロードすると「今すぐインストール」をクリックし、SWELL（親）テーマのインストールを行います。

以下の画面で「テーマのインストールが完了しました。」と表示されるとインストール完了です。この時「有効化」は押さなくて大丈夫です。

STEP

SWELL（子）テーマをインストール・有効化する

次にSWELL（子）テーマの「swell_child.zip」ファイルをインストール・有効化します。

STEP1の要領で、同様にSWELL（子）テーマをインストールします。
インストールが完了すると「ダッシュボード＞外観＞テーマ」では以下の状態になるので、SWELL CHILDを有効化します。

SWELL CHILDを有効化できたら本手順は完了です。

現段階のテーマ状況

• 旧テーマ（親）
• 旧テーマ（子）※ある場合は
• SWELLテーマ（親）
• SWELL子テーマ（子：SWELL CHILD）←有効化

この時点では、旧テーマは削除しないでください。

【移行後急】SWELL移行後にやること

下記手順の詳しい解説は『【図解で簡単】SWELLの初期設定と基本的な設定・使い方まとめ』にまとめています。

あわせて読みたい

【図解で簡単】SWELLの初期設定と基本的な設定・使い方まとめ SWELLの設定や困りごとに対する回答がまとまっている所ないかな〜 この記事にまとめました！（自分のためにも…） 随時「気づき」があり次第、追加しています。もしこ…

SWELL推奨プラグインのインストール・非推奨プラグインのアンインストール

SWELL利用と一緒に使いたいおすすめの推奨プラグインのインストールと、SWELLに合わない非推奨プラグインのアンインストールを実施します。

特に非推奨プラグインは、SWELLを正常に動作できなくする可能性もあるため、急ぎアンインストールが必要です。

推奨プラグイン・非推奨プラグインについては以下の記事で詳しく説明しているので、参考にしながら作業を進めてください。

SWELLの高速化オプション設定

SWELLはテーマ標準機能として、多様な高速化機能を持っています。
そのため、前節の「プラグインのインストール・アンインストール」で高速化プラグインをアンインストールしましたが、ここではSWELLテーマ標準機能内の高速化設定を行います。

本ブログの設定内容です。あくまで参考程度でお願いします。

twitter.com/widgets.js,
instagram.com/embed.js,
connect.facebook.net,
assets.pinterest.com,
googletagmanager.com/gtag/js,
gtag(,
clipboard.min.js,
set_urlcopy.min.js,
luminous.min.js,
set_luminous.min.js,
rellax.min.js,
set_rellax.min.js,
prism.js,
hcb_script.js,

SWELLを使ったGoogleアナリティクスの紐付け

GoogleアナリティクスとWordPressを紐付けます。

GoogleアナリティクスとWordPressの紐付け方法は様々ありますが、今回はSWELL推奨プラグインの「SEO SIMPLE PACK」上で設定する方法をご紹介します。（SWELL利用者であれば最も王道の方法です）

本説明はGoogleアナリティクスのアカウント発行方法ではありません。既にアカウントが発行できている前提での説明となります。

Googleアナリティクスの設定手順

手順の詳細

1. Googleアナリティクスのトラッキングコードを確認する
2. SEO SIMPLE PACKにトラッキングコードを設定する

手順の詳しい説明

手順の詳しい説明を開く（→の▼から開けます）

STEP

Googleアナリティクスのトラッキングコードを確認する

トラッキングコードを確認します。

Googleアナリティクスを開き「管理＞プロパティ＞トラッキング情報＞トラッキングコード」から、「トラッキングID」を確認します。

STEP

SEO SIMPLE PACKにトラッキングコードを設定する

トラッキングコード（STEP1の「トラッキングID」）を、SEO SIMPLE PACK内に設定します。

「ダッシュボード＞SEO PACK＞一般設定＞Googleアナリティクス」を開き、「トラッキングID」を設定します。

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

設定が正常に完了したか確認するためには、Googleアナリティクスのトラッキング情報から「テスト トラフィックを送信」で設定したブログに遷移すればOKです。

SWELLを使ったGoogle Search Consoleの設定

Google Search Console（Googleサーチコンソール）とWordPressを紐付け（所有権の確認）をします。

Google Search ConsoleとWordPressの紐付け方法は様々ありますが、今回はSWELL推奨プラグインの「SEO SIMPLE PACK」上で設定する方法をご紹介します。（SWELL利用者であれば最も王道の方法です）

既に他の方法で所有権を設定している場合は特段必要ある設定ではありませんが、SEO SIMPLE PACKの設定方法に寄せることをおすすめします。

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

手順の詳細

1. TXTレコードを取得する
2. SEO SIMPLE PACKにTXTレコードを設定する
3. 所有権の確認をする

手順の詳しい説明

手順の詳しい説明を開く（→の▼から開けます）

STEP

TXTレコードを取得する

Googleサーチコンソールの「プロパティの追加＞プロパティの選択」を開き、「ドメイン」にブログのドメイン（https://example.com）を入力し「続行」を選択します。

TXTレコードが表示されるのでコピーします。

STEP

SEO SIMPLE PACKにTXTレコードを設定する

TXTレコードをSEO SIMPLE PACK内に設定します。

「ダッシュボード＞SEO PACK＞一般設定＞ウェブマスターツール」を開き、「Googleサーチコンソールの認証コード」にTXTレコードを設定します。

TXTレコードはGoogleサーチコンソール上では「google-site-verification=XXXXX」と表示されますが、SEO SIMPLE PACKには「XXXXX」の部分を入力してください。

STEP

所有権の確認をする

Googleサーチコンソールの「DNS レコードでのドメイン所有権の確認」で「確認」をクリックします。

確認が完了するとGoogleサーチコンソールのサマリーページに遷移します。これで本手順は完了です。

Googleアドセンスの設定

Googleアドセンスの設定をSWELL設定に定義します。

「ダッシュボード＞SWELL設定＞広告コード」から各配置場所に定義します。

詳しい手順は『SWELLで設定｜Googleアドセンス申請・広告配置設定手順』で解説しています。併せてチェックしてみてください。

あわせて読みたい

SWELLで設定｜Googleアドセンス申請・広告配置設定手順 Googleアドセンス広告をサイトに貼りたいけど、何すればいいの？ 本記事では、Googleアドセンス広告の貼り方をWordPressテーマ「SWELL」利用者に向けてご紹介します。 …

【移行後】移行前の旧テーマ装飾からSWELL装飾へのリライト

デザイン崩れ・旧テーマ装飾を修正

旧テーマ専用の設定や装飾がされていた記事は、装飾崩れが発生しているため修正する必要があります。

乗り換えサポートプラグイン対象の旧テーマの場合

乗り換えサポートプラグインにより、ブログ上は普通に表示されていますが、WordPressのエディタで見るとショートコードで表示されていたり少し変わった表示方法になっています。

そのため、ショートコードを削除し、SWELL標準の設定方法に変更していきます。

乗り換えサポートプラグイン対象外の旧テーマの場合

デザインの装飾が崩れており、ブログを表示するとデザインが変になっているorそもそも表示されていないです。

そのため、WordPressのエディタからSWELL標準の設定方法に変更していきます。

対象外の旧テーマの場合、ブログ表示上も大きく崩れいているため早急の対応が必要です。作業に期間を要する場合は、お知らせバー（テーマ移行作業中！など）を利用してユーザーにアナウンスすることもおすすめです。

移行プラグイン・旧テーマを削除

テーマ移行作業が全て完了したら、乗り換えサポートプラグイン・旧テーマを削除します。

乗り換えサポートプラグインが有効化のうちは、旧テーマとSWELLの両方が起動している状態のため、サイトが重くなる傾向にあります。そのため、利用が終了したプラグインは削除しましょう。

くぼたつ

これで移行作業が完了です！お疲れ様でした。

まとめ：【全テーマ対応】他テーマからSWELL乗り換えの移行手順【図解あり】

本記事では他テーマからのSWELLの移行作業手順をご紹介しました。

ただし、本記事ではあくまでSWELL移行後の最低限の作業手順になります。

ぜひ、SWELLを使ったサイトの全体レイアウトを整えて、おしゃれなサイト作成に挑戦してみてください。

あわせて読みたい

WordPressテーマ「SWELL」デモサイトの色カスタマイズ例一覧 SWELLでブログをオシャレにしたい、、、 WordPressテーマ「SWELL」でおしゃれなサイトを作ろうとしている皆さん SWELLで自分好みのサイトを作れるのか？SWELLはどんなサ…

あわせて読みたい

【図解で簡単】SWELLでサイト型トップページを作るカスタマイズ手順 よしSWELLを使っておしゃれなトップページを作るぞ！ SWELLを使ってトップページをおしゃれにカスタマイズしようとしている皆さん トップページには何が必要なんだろう…