MENU
おすすめの記事
WordPressテーマ『SWELL』を使った素敵なサイト、ブログを集めました!!

2024年4月にリニューアルしました!絞り込み検索やお気に入り機能もあります。ぜひ見ていってください!

さとしん
WordPressとSWELLが好きなブロガー。
ブロックエディターに出会ってWordPressが楽しくなりました。
WordPressのこと、SWELLのこと、ブロックエディターのことを熱く語るブログです。
【2024/9/22】SWELLサイト事例集を更新しました!→【20240922】SWELLサイト集更新!→クリックタップ

全テーマ共通のSWELLへの移行方法と注意点!準備をしっかりして移行作業を!

当ページのリンクには広告が含まれています。
  • URLをコピーしました!

他テーマからSWELLに移行する方向けに、移行方法、手順と注意点をまとめました。

全てのテーマからの移行に対応できるように書いていきます。

みにしん

テーマの移行って難しいの?

さとしん

正しい手順で進めれば難しくないですよ…!

テーマの移行自体は、事前に必要な作業をしっかりしてムダなく作業を進めていけばすぐに完了します。

この記事の内容
  • 他テーマからSWELLへの移行方法
  • 移行作業を開始する前の事前準備と注意点
  • SWELL移行後の設定とやるべきこと

この記事では、他テーマからSWELLに移行する方法と事前にやっておきたい準備を紹介します。

さらにテーマをSWELLに切り替えた後にやっておくべき設定やリライトについてもまとめていきます。

テーマを変更する際に大変なのは、移行作業自体ではなく移行後のリライトだと僕は思っています。

記事数が多いほど、テーマ変更によって崩れた記事内の装飾の変更が大変になります。

なるべくスムーズにリライトが進められるように、リライトのポイントもこの記事で紹介します。

さとしん

SWELLは、リライトの手間をかけてでも移行する価値があると思うのでがんばりましょう…!


一部のテーマについては、より専用の移行手順をまとめた記事があるので、ご自身の状況が当てはまる記事があればそちらを参考にしてください。

では、さっそくSWELLへのテーマ移行作業を進めていきましょう。


記事内で使用しているキャプチャは全て2021/12/9時点のバージョンのものですが、作業内容は2024年10月時点の最新の内容になっているのでご安心ください。

目次

SWELLへ移行する前の事前準備

SWELLへの移行作業を開始する前に、今の状態の確認と事前準備をしておきましょう。

以下2つを見ていきます。

  1. 移行サポートプラグインの有無
  2. SEO関連の設定方法の確認

それぞれ説明します。

使用しているテーマの移行サポートプラグインがあるか確認

SWELLにはテーマ移行時の負担を軽くしてくれる、があります。

まずは、現在使っているテーマのサポートプラグインがあるか確認しましょう。

さとしん

サポートプラグインの有無で移行手順が少し変わってきます…!

サポートプラグインが用意されているテーマは以下です。

例えば、STORKはありますが、STORK19は対象外です。

また、AFFINGER5はありますが、AFFINGER6も対象外です。

STORKとSTORK19、AFFINGER5とAFFINGER6で共通の部分はサポートプラグインの効果があるかもしれませんが、僕の方では未確認です。

みにしん

対象のテーマを使っている人は間違わないように注意…!

確認ができたところで次の準備を進めていきます。

SEO関連の移行方針決め

SWELLへの移行を開始する前に、SEO関連のデータの管理方法についても確認しておきましょう。

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

SWELLでは、SEO関連の設定はテーマではなくプラグインで管理していくことになります。

プラグインはSEO SIMPLE PACKというプラグインを推奨します。

参考SEO SIMPLE PACKの導入方法

SWELL開発者の了さんのプラグインなので、SWELLとの相性も良いですし、何よりシンプルで使いやすいのでおすすめです。

現状、以下のどちらでSEOの設定をしているか確認しておきましょう。

  1. テーマの機能で設定している
  2. プラグインで設定している

それぞれのおすすめの対応方法を紹介します。

テーマの機能でSEO関連の設定をしている場合

今使っているテーマの機能でSEO設定をしている場合は移行が必要になります。

JINやSANGOなどのテーマの場合は、移行サポートプラグインを有効化している間のみメタタグの情報が引き継がれます。

他のテーマでは基本的にテーマ側のSEO設定はSWELLに引き継がれません。

なので、SEO SIMPLE PACKに事前に必要なメタタグの情報を移行しておきましょう。

方法は単純に、手動でSEO SIMPLE PACKの設定欄にコピペしていくのが無難です。

投稿画面の下部に以下のような「SEO SIMPLE PACK設定」の欄があるので、そこに入力していきましょう。

SEO SIMPLE PACKのSEO設定
さとしん

もちろん、メタタグを引き継がずに新規で入力したい方はここはスルーでOKです…!

プラグインでSEO関連の設定をしている場合

既にプラグインでSEO関連の設定をしている場合は、以下の2つの選択肢があると思います。

  1. 現状のSEOプラグインを継続使用する
  2. SEO SIMPLE PACKに移行する

今お使いのプラグインがSEO SIMPLE PACKではなく、All in One SEOなどを使っている場合は、そのまま継続して使い続けるかSEO SIMPLE PACKに乗り換えるかを検討してください。

僕のおすすめは②のSEO SIMPLE PACKへの移行です。

この移行作業も基本的には手作業でSEO SIMPLE PACKのSEO欄にコピペしていくことになります。

PHPをコピペして、自動でAll in One SEOから移行する方法は以下公式のマニュアルを参考にしてみてください。

>>

他テーマからSWELLに移行する方法

では、さっそく他のテーマからSWELLへ移行する手順を紹介していきます。

以下の5ステップで進めていきましょう。

  1. SWELLを購入する
  2. 会員サイトに登録する
  3. SWELLテーマをダウンロードする
  4. 移行サポートをダウンロードする ←旧テーマによる
  5. SWELLテーマを有効化する

移行サポートプラグインがない場合は、ステップ④は無視してください。

SWELLを購入する

STEP
SWELLの購入ページにアクセスする

\ ここからアクセスできます! /

URL:

STEP
利用規約を確認し、「SWELLを購入する」ボタンをクリック
SWELLのインストール方法-2
STEP
Stripeの決済画面で必要事項を入力する
SWELLのインストール方法-3
STEP
入力したアドレス宛にメールが届けばOK!

メール内のリンクからSWELL親テーマのzipファイルがPCにダウンロードできますが、ここではダウンロードしなくてもOKです。

先に会員サイトの登録を進めていきましょう。

会員サイトに登録する

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

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

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

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

STEP
SWELLERS’にアクセスする

SWELL公式サイトのヘッダーにある「フォーラム」をクリック。

SWELLERS'への会員登録
STEP
SWELLERS’ のサイドバーにある「会員登録はこちらから」をクリック
SWELLERS'への会員登録-2
STEP
会員登録画面で必要事項を入力し、「登録する」ボタンをクリック

メールアドレスはSWELL購入時のものを入力してください。
ユーザー名とパスワードは任意でOKです。

SWELLERS'への会員登録-3

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

開発者さんからのSWELLや関連製品の情報発信や、ユーザー同士のやりとりができるDiscordコミュニティができました。興味のある方は、以下のボタンリンクからアクセスしてぜひ参加しておきましょう。

SWELLERS'への会員登録-4

コミュニティと言っても、特に強制的に発言をする必要は無く、情報入手目的だけでも大丈夫なので安心してください。

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

SWELLの公式サイトでは以下の2種類をダウンロードすることができます。

  • SWELL親テーマ
  • SWELL子テーマ

それぞれ、さきほど登録した会員サイトのマイページからダウンロードできます。

SWELLテーマのダウンロード

移行サポートプラグインがある場合

ここは現在使っているテーマに移行サポートプラグインがある場合だけ対象になります。
移行サポートプラグインが無い場合は「SWELLテーマの有効化」に進んでください。

現時点では、テーマは元々お使いのものを有効化したままでOKです。

以下の手順でサポートプラグインをダウンロードして、WordPress上にインストール&有効化まで進めていきます。

STEP
SWELLERS’マイページで対象の乗り換えサポートプラグインをクリック

zipファイルがダウンロードされます。

SWELLテーマ乗り換えサポートプラグインのダウンロード
STEP
管理画面→「プラグイン」→「新規追加」→「プラグインのアップロード」をクリック
Cocoonからの乗り換え用サポートプラグインのインストール-0
STEP
「ファイルを選択」欄でzipファイルを選択して「今すぐインストール」をクリック
JIN乗り換えサポートプラグインのインストール
STEP
乗り換えサポートプラグインを有効化
JIN乗り換えサポートプラグインの有効化
みにしん

これで事前の準備は完了…!

SWELLテーマの有効化

いよいよ、サイトのテーマをSWELLに切り替えます。

さとしん

いよいよサイトがSWELLに生まれ変わりますよ…!

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

SWELLのダウンロード方法-3

子テーマを使用する場合は、親テーマをインストール後に子テーマもインストールし、子テーマの方を有効化してください。

さとしん

無事にSWELLに切り替わっていれば成功です…!

SWELL移行直後にやること

無事にサイトのテーマがSWELLに切り替わったところで、初期設定を進めていきましょう。

今回は以下の6点について紹介していきます。

  1. SWELLユーザー認証設定
  2. プラグインの整理
  3. Googleアナリティクスの設定
  4. Googleサーチコンソールの設定
  5. OGP設定
  6. Googleアドセンスの設定
  7. SWELLテーマの基本設定

SWELLのユーザー認証

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

SWELLのアクティベート設定

ユーザー認証が完了しないと、SWELLをアップデートすることができず、最新の機能が使えなくなります。

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

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

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

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

SWELLのアクティベート設定-2

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

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

プラグインの整理

SWELLと今までみなさんがお使いだったテーマでは、用意されている機能が異なります。

そのため、SWELLにすることで不要になるプラグインや、逆に必要になるプラグインがあります。

公式サイトにSWELLの推奨、非推奨のプラグインが紹介されているので参考にしてください。

>>

さとしん

このマニュアルは必読だと思います…!

Googleアナリティクスの設定

Googleアナリティクスの計測用コードを旧テーマの機能で入力していた場合は、再設定が必要です。

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

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

STEP
管理画面→「SEO PACK」→「一般設定」→「Googleアナリティクス」をクリック
WordPressとGoogleアナリティクスの連携-14
STEP
“Measurement ID” for GA4」または「“Tracking ID” for UA」欄にIDを入力

Googleアナリティクス4(GA4)を使っている方は「G-」から始まるID、ユニバーサルアナリティクス(UA)を使っている方は「UA-」から始まるIDです。

WordPressとGoogleアナリティクスの連携-16

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

さとしん

正しく計測されているかの確認も忘れずに…!

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

同じくGoogleサーチコンソールのコードについても、テーマ側の機能で設定していた場合は再設定が必要になります。

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

STEP
管理画面→「SEO PACK」→「一般設定」→「ウェブマスターツール」をクリック
SEO SIMPLE PACKのサーチコンソール設定-1
STEP
Googleサーチコンソールの認証コード」欄にコードを入力
SEO SIMPLE PACKのサーチコンソール設定-2

Bingのウェブマスターツールを使っている方は同様に設定しておきましょう。

OGP設定

これまで使っていたテーマ合わせた方法でOGP設定をしていたと思います。

SWELLでは、「SEO SIMPLE PACK」プラグインでOGP設定をするのが僕のおすすめです。

必要に応じてOGP設定もSWELLへの移行に合わせて見直しておきましょう。

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

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

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

SEO SIMPLE PACKのOGP設定

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

Googleアドセンスの設定

サイト内にアドセンス広告を設置していた場合も再度設定し直す必要があります。

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

STEP
管理画面→「SWELL設定」→「広告コード」をクリック
アドセンス広告の貼り方
STEP
お好みの広告の入力欄に広告コードを入力
アドセンス広告の貼り方-2

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

SWELLテーマの基本設定

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

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

SWELLの初期設定は、基本的にの内容に沿って設定を進めていけばOKです。

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

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

  1. サイト全体のデザイン設定
  2. メニュー、ウィジェットの設定
  3. サイトの高速化設定
  4. プロフィールの設定と表示
  5. PR表記

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

SWELL移行後の記事のリライト方法

次は、SWELLに移行したことにより崩れた装飾をリライトしていきましょう。

移行サポートプラグインの有無で少し状況が異なります。

移行サポートプラグインがある場合

ある程度旧テーマの装飾が引き継がれます。大きく崩れた装飾から優先的にリライトを進めていきましょう。

移行サポートプラグインがない場合

基本的に、旧テーマ固有の装飾は全て装飾が崩れています。全力で旧テーマの装飾部分をリライトしていきましょう。

ちなみに、SWELLはクラシックエディタ―とブロックエディターどちらも使うことができますが、絶対にブロックエディターがおすすめです。

よほどの理由がない限り、SWELLではブロックエディターを使うことを推奨します。

ブロックエディターを使う前提で、リライトのポイントを以下の2パターン紹介します。

クラシックエディターを使っていた場合

旧テーマでクラシックエディタ―を使っていた場合は、まずブロックに変換する作業を行いましょう。

以下の手順でブロックに変換できます。

STEP
エディター上の「クラシック」をクリック
クラシックエディターからブロックエディターへの変換
STEP
「ブロックに変換」をクリック
クラシックエディターからブロックエディターへの変換-2
STEP
ブロックへの変換が完了!
クラシックエディターからブロックエディターへの変換-3

一部、正常にブロックに変換されないことがあります。正常に変換されないものは手動でブロックに置き換えていきましょう。

記事を書く画面で崩れていても、プレビューでしっかり表示されていれば、とりあえずOKです。

ブロックに変換できたら、次は旧テーマからSWELLの独自の装飾にリライトをすすめていきます。

このあとの作業は、「ブロックエディターを使っていた場合」を参考にしてください。

ちなみに…!

ブロックエディターの基本的な使い方をある程度把握しておくと、このあとのリライト作業も少し楽になると思います。

>>WordPressブロックエディターの使い方!記事の書き方を覚えよう!

ブロックエディターを使っていた場合

旧テーマでもブロックエディターを使っていた場合や、クラシックエディターからブロックエディターへの変換が終わったあとは、旧テーマ時代の崩れた装飾をひたすらSWELLの装飾に置き換えていきましょう。

さとしん

地道ですが、ここはがんばりどころです…!

ここを乗り越えれば、SWELLのブロックエディターの機能も把握できて、今後の記事執筆にも活かせると思います。

SWELLのブロックエディターについては別記事にまとめているので、この記事を見ながらSWELL専用のブロックに修正していってください。

参考まで、良く使いそうなブロックだけこの記事でも紹介しておきます。

おそらく、SWELLの段落ブロックとキャプション付きブロックを使うと、旧テーマのボックス装飾(文字などを枠で囲む装飾)のほとんどは置き換えることができると思います。

SWELLの段落ブロックで設定できる装飾

SWELLのボックス装飾

SWELLのキャプション付きブロックの装飾

SWELLのキャプション付きボックス

>>SWELLのキャプション付きブロック
>>SWELLの段落ブロック

このほかにも、ふきだしブロックやSWELLボタンブロックなど、便利なブロックがあるのでいろいろ試してリライトしてください。

SWELLへの移行完了!あとは自由にサイトを育てていきましょう!

ここまでで、ひとまずSWELLへの移行作業は完了です。

この後は記事を書いたり、デザインを整えたり、みなさんのお好きな方法でSWELLのサイト運営を楽しんでいきましょう。

最後に当サイトWebNote+のおすすめ記事を3つご紹介します。

SWELLの使い方と設定ガイド

現時点で、他のテーマからSWELLに移行して、基本的な初期設定まで完了している状態です。

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

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

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

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

せっかくSWELLにテーマ変更したので、もし今までクラシックエディターを使っていた方もぜひSWELLのブロックエディターを使ってみて欲しいです。

さとしん

僕は初めて使った時、記事を書くのが楽しくなる感覚がありました…!

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

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

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

さとしん

SWELLのサイト型カスタマイズを楽しみにしている方も多いと思います…!

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

さとしん

お陰さまで200サイト以上紹介させてもらっています…!ぜひデザインの参考にしてください…!

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

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

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

はこちらからどうぞ…!

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

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