MENU

当ブログ愛用のWordPressテーマ

広告

\乗り換え先おすすめテーマ!/

/ブロガーとして本格的に取り組む\

✓優秀なデザイン性 ✓最新のSEO ✓サイト高速化に対応|CocoonからSWELLに乗り換えた私の感想と口コミを見る >>

SWELLを使ってみた私の感想と口コミを見る >>

クリック

タップ

他テーマからSWELLへの移行手順|失敗しないための事前準備が大切!

「他テーマからSWELLへの移行方法を知りたい…」

「移行前にやっておくべきことはある?」

「移行後にすべきことを教えて?」

この記事ではそんな方に向けて、他テーマからSWELLへの移行手順を解説します。

かめコンパス

こんにちは、かめコンパスです!

この記事を読めば、あなたも簡単に

  • 失敗せずに他テーマからSWELLへ移行できる

ようになります。

私もあなたと同じことに悩んでたのですが、本記事の方法でサクッと解決でき、今ではSWELLで楽しくブログ運営しています。

どこよりも分かりやすく書いている自信がありますので、あなたもパパッと解決してみてください!

WordPressテーマ「SWELL」
  • プロのデザイナーが作ったかのようなオシャレなデザイン性
  • SWELL独自のブロックエディターが優秀!
  • 専門家との提携でサイトの表示速度が圧倒的に速い
  • 専用プラグインでSEO評価が向上
  • 記事を書くスピードが1段階アップする!
  • 計測機能付きでアフィリエイトで稼ぎやすい

\もっと早く乗り換えればよかった…/

/テーマ移行も5ステップのみ!\

>>SWELLを利用した私の感想レビューと口コミ・評判を詳しく知りたい方はこちら

以下の記事では、より具体的な移行手順をまとめてますので、ご自身にあった記事があれば参考にしてください。

目次

SWELLへ移行する前にやるべきこと5選

他テーマからSWELLへ移行する前準備をしておかないと、設定が初期化されたり、データが消滅してしまう可能性があります。

そこで、他テーマからSWELLへ移行する前にやるべきことを5つにまとめました。

それぞれ詳しく解説します。

乗り換えサポートプラグインがあるか確認する

まず、現在利用しているWordPressテーマ専用の乗り換えサポートプラグインがあるか確認していきます。

乗り換えサポートプラグインとは…旧テーマ(=今利用しているテーマ)のデザインを最低限維持したまま新テーマ(=SWELL)へ乗り換えることができるプラグイン

通常、他テーマからSWELLへ乗り換える場合、以下のような作業が必要になってきます。

  • 既存記事で利用している旧テーマ専用の装飾のリライト
  • メタディスクリプションなどSEO関連の移行
  • GoogleサーチコンソールやGoogleアナリティクスの再設定

上記これらの作業のうち、既存記事で利用している装飾をなるべく崩さず、自分のペースでリライトを進めることを可能にするのが乗り換えサポートプラグインの役目になります。

かめコンパス

これがメチャクチャ便利!

装飾が崩れた記事は読みづらく、ユーザーの利便性低下につながる可能性があるので、乗り換えサポートプラグインに対応しているテーマを利用中の方は必ず導入しましょう。

乗り換えサポートプラグインに対応しているテーマはSWELL公式サイトで確認できますが、本記事でも紹介します。

乗り換えサポートプラグインがあるテーマ乗り換えサポートプラグインのないテーマ
CocoonLightning
JINSnow Monkey
SANGOEmanon Premium
STORKAstra
THE THOR賢威
AFFINGER5ここに書かれていないテーマ

参考:公式サイト>>他テーマからSWELLへの「乗り換えサポートプラグイン」一覧

ちなみに、 乗り換えサポートプラグインに対応していないテーマでもSWELLへ移行できますが、どのくらい移行に時間がかかるのかを計算しておいた方がいいですよ。(後ほど詳しく解説)

プラグイン「SEO SIMPLE PACK」を導入・有効化する

SEO SIMPLE PACK」は、SWELL開発者である了さん(@ddryo_loos)が作ったSEO対策用のプラグインです。

後ほど解説しますが、SWELLへの移行後にやるべき以下4項目の設定に、このプラグインが必要になってきます。

  • Googleサーチコンソールの再設定
  • Googleアナリティクスの再設定
  • OGP設定
  • メタディスクリプションの再設定

ですので、「SEO SIMPLE PACK」は必ず導入しておきましょう。

「SEO SIMPLE PACK」の導入・有効化する方法は下記のとおりです。

STEP

プラグイン新規プラグインを追加の順にクリックする

プラグイン「SEO SIMPLE PACK」を導入・有効化する手順-1
STEP

検索窓に「SEO SIMPLE PACK」と入力する

プラグイン「SEO SIMPLE PACK」を導入・有効化する手順-2
STEP

「SEO SIMPLE PACK」の今すぐインストールをクリックする

プラグイン「SEO SIMPLE PACK」を導入・有効化する手順-3
STEP

有効化をクリックする

プラグイン「SEO SIMPLE PACK」を導入・有効化する手順-4

これで「SEO SIMPLE PACK」の導入・有効化できます。

メタディスクリプションをメモに残しておく

メタディスクリプションとは…記事の内容を50~120文字にまとめた文章のこと。Googleなどの検索結果に表示される。

Googleの検索結果画面にメタディスクリプションが表示されている様子

SWELLの標準機能ではメタディスクリプションを設定できません。

ただ、プラグイン「SEO SIMPLE PACK」を導入することで、SWELLへ移行した後もメタディスクリプションを設定することができます。

「SEO SIMPLE PACK」を導入しただけではメタディスクリプションを移行できません。必ず移行前にメモ帳にコピーしておいてください。

かめコンパス

設定した全記事のメタディスクリプションを忘れず残しておいてね

独自で記述したCSSをメモに残しておく

独自で記述したCSSがある場合は、SWELLへ移行する前にメモ帳にコピーしてください。

多くの場合、WordPress管理画面のカスタマイザーにある追加CSSに記述していると思います。

スクロールできます
STEP
他テーマで記述しているCSSコードを確認する場所を表示する手順-1
STEP
他テーマで記述しているCSSコードを確認する場所を表示する手順-2
STEP
他テーマで記述しているCSSコードを確認する場所を表示する手順-3
かめコンパス

利用中のテーマで記述したCSSがSWELLで必要になるか分からないけど、念のため残しておいてね

移行にかかる時間を計算する

他テーマからSWELLへの移行を早めに行うために、移行にかかる時間の計算してください。

なぜなら、移行する作業はかなり大変な単純作業になります。

終わりが見えないとダラダラやってしまったり、途中で投げ出す可能性があるでしょう。

かめコンパス

私も移行作業がつまらなくて挫折しそうになりました(笑)

移行にかかる時間を計算できていれば、完全に移行できるまでの日数や日付が分かり、集中して作業に取り込めます。

かめコンパス

終わりの見えない作業をたんたんと行うのは苦痛だよね

私が移行にかかった時間

私はサラリーマンで、副業でブログを運営しています。週休2日なので移行に1か月以上もかかりました。

  • 移行前の記事数:90ページ
  • 1記事当たりのリライト時間:平均30分

全記事のリライトに45時間かかった計算です。

  • 本記事にあるその他諸々の設定に1日を費やす

他テーマからSWELLへの移行手順

いよいよ他テーマからSWELLへ移行していきます。(手順は以下の5ステップ)

移行手順
  • SWELLを購入する
  • SWELL会員サイトに登録する
  • 乗り換えサポートプラグインを導入・有効化する
  • SWELLテーマを導入・有効化する
  • SWELLのユーザー認証をする

それぞれの手順を詳しく解説します。

移行手順1:SWELLを購入する

まず始めにSWELLを購入します。

STEP

SWELL公式サイトにアクセスし、DOWNLOADもしくは購入するをクリックする

他テーマからSWELLへの移行手順-1

\ここからSWELL購入画面へジャンプ!/

STEP

「利用規約に同意します。」に✔を入れ、SWELLを購入するをクリックする

他テーマからSWELLへの移行手順-2
STEP

メールアドレスとクレジットカード情報を入力し、支払うをクリックする

他テーマからSWELLへの移行手順-3

クレジットカードを持っていない場合は、プリペイドカードのバンドルカードでも決済できます。

バンドルカードの詳細はこちら

STEP

これでSWELLの購入完了です。

他テーマからSWELLへの移行手順-4

登録したメールアドレス宛にも決済完了メールが届きます。

かめコンパス

メールにはSWELLのファイルが添付されてるけど、今は使わないよ

移行手順2:SWELL会員サイトに登録する

つぎはSWELL会員サイト「SWELLERS’」へ登録しましょう。

STEP

SWELL公式サイトで、フォーラムをクリックする

他テーマからSWELLへの移行手順-5
STEP

会員登録はこちらからをクリックする

他テーマからSWELLへの移行手順-6
STEP
  1. 「ユーザー名」「メールアドレス」「パスワード」を入力する
  2. 「当サイトの利用規約に同意します。」にチェックを入れ、登録するをクリックする

メールアドレスはSWELLダウンロード時に入力したものにしてください。

他テーマからSWELLへの移行手順-7

これで会員登録の完了です。

移行手順3:乗り換えサポートプラグインを導入・有効化する

現在利用しているテーマが乗り換えサポートプラグインに対応している方のみ必要な手順です。

乗り換えサポートプラグイン対応のテーマ一覧
  • Cocoon 
  • JIN 
  • SANGO 
  • STORK 
  • THE THOR 
  • AFFINGER5

乗り換えサポートプラグインに対応していないテーマを利用中の方は、「移行手順4:SWELLテーマをダウンロード・有効化する」に進んでください。

登録したSWELL会員サイト「SWELLERS’」内にある乗り換えサポートプラグインを導入・有効化します。

STEP

会員ページからログインし、「SWELL製品ダウンロード」内で利用テーマの乗り換えサポートプラグインをクリックする

他テーマからSWELLへの移行手順-8

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

STEP

WordPress管理画面を開き、プラグイン新規プラグインを追加の順にクリックする

他テーマからSWELLへの移行手順-9
STEP

プラグインのアップロードをクリックする

ファイルを選択をクリックし、サポートプラグインのzipファイルを選択する

今すぐインストールをクリックする

他テーマからSWELLへの移行手順-10
STEP

プラグインを有効化をクリックする

他テーマからSWELLへの移行手順-11

これで乗り換えサポートプラグインの導入・有効化できます。

移行手順4:SWELLテーマを導入・有効化する

同じくSWELL会員サイト「SWELLERS’」内にあるSWELL本体・子テーマを導入・有効化してください。

STEP

会員ページの「SWELL製品ダウンロード」にあるSWELL本体と子テーマを導入する

他テーマからSWELLへの移行手順-12

zipファイルでダウンロードされますが、解凍しないでください。解凍するとWordPressにインストールできなくなります。

STEP

WordPress管理画面を開き、外観テーマの順にクリックする

他テーマからSWELLへの移行手順-13
STEP

新しいテーマを追加をクリックする

他テーマからSWELLへの移行手順-14
STEP

テーマのアップロードをクリックする

ファイルを選択をクリックして、SWELL本体を選択する

今すぐインストールをクリックする

他テーマからSWELLへの移行手順-15

これでSWELL本体テーマの導入完了です。

子テーマも同様に導入してください。

STEP

インストールした子テーマ有効化をクリックする

他テーマからSWELLへの移行手順-16

これで子テーマの有効化も完了です。

移行手順5:SWELLのユーザー認証をする

最後にWordPress管理画面でSWELLのユーザー認証をしましょう。

STEP

WordPress管理画面で、ダッシュボードホームの順にクリックする

「SWELLのユーザー認証」をクリックする

他テーマからSWELLへの移行手順-17
STEP

登録したメールアドレスを入力し、認証リクエストを送信をクリックする

他テーマからSWELLへの移行手順-18
STEP

届いたメールを開き、URLをクリックする

他テーマからSWELLへの移行手順-19
STEP

これでユーザー認証の完了です。

他テーマからSWELLへの移行手順-20
かめコンパス

他テーマからSWELLへの移行は以上です。お疲れさまでした!

SWELLへ移行した後にやったほうがいいこと7選

他テーマからSWELLへ移行後、始めにやっておきたい項目を以下の7つ紹介します。

それぞれ詳しく解説します。

PR表記の設定

アフィリアエイトをしている人は、PR表記でステマ規制への対応を早めにやりましょう。

なぜなら、旧テーマでPR表記を設定していても、SWELLへ移行した後に設定が解除される可能性があるからです。

もし、PR表記を忘れてステマ規制に違反すると、以下のようなペナルティが課せられます。

  • 広告主である事業者が罰せられる
  • アフィリエイト案件の提携解除になる
  • ASPから強制退会になる
かめコンパス

自分だけでなく第三者にも迷惑をかけてしまうよ

ステマ規制への対応は、アフィリエイト広告が貼られているページに「広告」や「プロモーション」といった表記をすればOKです。

PR表記の例
SWELLのPR表記のスタイル「小」
SWELLのPR表記のスタイル「大」

では実際に、SWELLでPR表記を設定していきましょう。

STEP

WordPress管理画面で、外観カスタマイズの順にクリックする

SWELLでPR表記の設定手順-1
STEP

投稿・固定ページをクリックする

SWELLでPR表記の設定手順-2
STEP

PR表記をクリックする

SWELLでPR表記の設定手順-3
STEP

表示されたページでPR表記を設定する

SWELLでPR表記の設定手順-4
STEP

設定し終えたら、公開をクリックする

SWELLでPR表記の設定手順-5

これで、PR表記の設定完了です。

また、以下の記事ではページごとにPR表記を設定する方法やPR表記が必要なページを詳しく解説しています。

プラグインの整理

SWELLには多くの機能が標準搭載されているので、旧テーマでは必要だったプラグインがSWELLでは必要なかったりします。

また、旧テーマに使用していたプラグインがSWELLの標準機能と被ってしまうと不具合が生じる可能性が出てくるので、移行後はプラグインを整理しましょう。

かめコンパス

私も2~3つ整理したよ

SWELLで推奨・非推奨のプラグインについて公式サイトでも紹介されてますが、本記事でもかんたんにまとめました。

推奨な機能プラグインの例
SEOSEO SIMPLE PACK
セキュリティ対策Wordfence Security
お問い合わせフォームの設置Contact Form 7
検索エンジン向けサイトマップの作成XML Sitemap & Google News
バックアップBackWPup
非推奨な機能プラグインの例
サイト高速化Autoptimize
目次生成Table of Contents Plus
画像遅延読み込みLazy Load
キャッシュ系WP Super Cache
W3 Total Cache
画像軽量化EWWW Image Optimizer

参考:公式サイト>>推奨プラグインと非推奨・不要・注意すべきプラグインについて

プラグインの導入方法と削除方法については、下のアイコーディオンをクリックして開閉してください。

クリックで開く

プラグインの導入・削除方法はこちら
STEP

プラグイン新規プラグインを追加の順にクリックする

SWELLでプラグインの導入手順-1
STEP

検索窓に導入したいプラグイン名を入力する

SWELLでプラグインの導入手順-2
STEP

今すぐインストールをクリックする

SWELLでプラグインの導入手順-3
STEP

有効化をクリックする

SWELLでプラグインの導入手順-4

これでプラグインを導入できます

また、以下の記事ではSWELL利用歴1年以上の私がおすすめするプラグインと非推奨のプラグインを紹介していますので、あわせてご覧ください。

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

旧テーマからSWELLへ移行後は、Googleサーチコンソールの再設定もしましょう。

そもそもGoogleサーチコンソールへの登録がまだな人は、下の記事を参考に設定してください。

Googleサーチコンソールの設定は、プラグイン「SEO SIMPLE PACK」を使って行います。

STEP

WordPress管理画面で、SEO PACK一般設定の順にクリックする

SWELLでGoogleサーチコンソールの設定手順-1

プラグイン「SEO SIMPLE PACK」を導入していなければ、SEO PACKは表示されません。

「SEO SIMPLE PACK」の導入方法はこちら

STEP

ウェブマスターツールをクリックし、「Googleサーチコンソールの認証コード」に認証IDをペーストする

SWELLでGoogleサーチコンソールの設定手順-2
STEP

設定を保存するをクリックする

SWELLでGoogleサーチコンソールの設定手順-3

これでGoogleサーチコンソールの設定完了です。

Googleアナリティクスの設定

旧テーマからSWELLへ移行後は、Googleアナリティクスの再設定もしてください。

そもそもGoogleアナリティクスへの登録がまだな人は、下の記事を参考に設定してください。

Googleアナリティクスの設定も、プラグイン「SEO SIMPLE PACK」を使って行います。

STEP

WordPress管理画面で、SEO PACK一般設定の順にクリックする

SWELLでGoogleアナリティクスの設定手順-1

プラグイン「SEO SIMPLE PACK」を導入していなければ、SEO PACKは表示されません。

「SEO SIMPLE PACK」の導入方法はこちら

STEP

Googleアナリティクスをクリックし、「”Measurement ID” for GA4」にトラッキングIDをペーストする

SWELLでGoogleアナリティクスの設定手順-2
STEP

設定を保存するをクリックする

SWELLでGoogleアナリティクスの設定手順-3

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

Googleアドセンスの設定

旧テーマからSWELLへ移行後は、Googleアドセンスの再設定が必要です。

かめコンパス

アドセンス審査に合格と合格で設定方法が違うから注意してね

Googleアドセンスの設定方法は長くなりそうなので、下の記事にまとめています。

OGP設定

OGP設定は、プラグイン「SEO SIMPLE PACK」で行います。

OGPとは…WebページのURLが𝕏(旧Twitter)やFacebookなどのSNSに投稿されたときに、ページタイトルやアイキャッチ画像などの情報を表示させるための仕組み

SWELLへ移行後は、OGPを設定していきましょう。

OGP設定するメリット

テキスト情報だけではなく、画像で情報を伝えることができるので、

  • 視認性がアップする
  • ユーザーが興味を持ちやすくなる
  • クリック率が上がる
かめコンパス

検索エンジンからではなく、SNSを通じて自サイトを見てくれたら嬉しいよね

旧テーマ利用時にOGP設定をしていなかった人も、この機会にやっておきましょう。

OGPの設定方法について、詳しくは下の記事を参考にしてください。

旧テーマで記述したCSSの追加

旧テーマ利用中に独自のCSSを記述していた人は、SWELLに再追加しましょう。

ただSWELL移行後はサイトデザインが変わるので、旧テーマで利用していたCSSコードが必要なくなる場合もあります。

SWELLのサイトデザインをみて、必要なCSSコードのみ追加してください。

かめコンパス

私も旧テーマで記述していたCSSが不要になったよ

CSSコードを追加する方法は下記のとおりです。

STEP

WordPress管理画面で、外観カスタマイズの順にクリックする

SWELLでCSSコードを記述する手順-1
STEP

追加CSSをクリックする

SWELLでCSSコードを記述する手順-2
STEP

表示されたページに独自のCSSコードを貼り付ける

SWELLでCSSコードを記述する手順-3
STEP

設定し終えたら、公開をクリックする

SWELLでCSSコードを記述する手順-4

これでCSSコードを設定できます。

SWELL移行後のリライトはお早めに!

SWELLへ移行後は、以前に使用していた旧テーマ専用の装飾をSWELL対応の装飾へリライトしていきましょう。

リライトに関しても、乗り換えサポートプラグインを利用すればデザイン崩れを最小限に抑えることができます。

ただこのリライトがテーマ移行で1番大変な作業です。

移行前の記事数にもよりますが、私の場合リライトを完全に終えるまで1カ月以上もの時間を費やしてしまいました。(笑)

かめコンパス

リライト中は新しい記事を書くこともできなかったな…

またリライトを早めに終わらせないと、以下のようなデメリットが出てきます。

  • SWELLで利用できない旧テーマ専用の装飾がありデザインが崩れる
  • デザイン崩れにより離脱率が上がる
  • 旧テーマ専用の広告ブロックが機能せず収益が下がる

乗り換えサポートプラグインを利用しても修正しないといけない装飾があり、1記事当たり30分くらい時間がかかります。

かめコンパス

記事数が多ければ多いほど大変な作業だよ

ですので、優先順位をつけて、全ページのリライトを早めに終わらせましょう。

リライトの優先順位

リライトの優先順位を以下の表にまとめてみました。

優先順位種類緊急性
1位収益用記事
2位PV数の多い記事
3位デザイン崩れが多い記事
4位おすすめの記事
5位上記以外の記事
6位ヘッダーやフッターなどサイト全体のデザイン
リライト優先順位の決め方3つのポイント
  • 収益に影響はないか
  • 滞在時間に影響はないか
  • 回遊率に影響はないか

もしGoogleアドセンス広告やアフィリエイトなどで収益がある場合は、収益用記事からリライトしてください。

SWELLへ移行したとき、旧テーマ専用の広告ブロックなどが機能しなくなり、収益が発生しなくなるからです。

代わりにSWELL専用のブロック「広告タグ」や「SWELLボタン」で置き換えましょう。

かめコンパス

アフィリエイトをする人はPR表記も忘れずに…

つぎはPV数の多い記事・デザイン崩れが多い記事を優先にリライトするといいでしょう。

デザインが崩れると記事が読みづらくなり、離脱率が高くなる可能性があります。

かめコンパス

ページの滞在時間や回遊率も悪くなってSEO的にも良くないよ

SEO評価が悪くなれば検索順位も下がり、PV数も少なくなります。

PV数が少なくなれば収益にも影響が出てくるでしょう。

ですので、PV数の多い記事・デザイン崩れが多い記事は優先的にリライトしてください。

リライトすべきブロックエディター

リライトすべきブロックエディターは以下の3つです。

  • 旧テーマ専用のブロック
  • 旧テーマ専用の装飾
  • 旧テーマ専用のツールバー

乗り換えサポートプラグインを利用すればSWELLへ移行時にデザインの崩れを最小限に抑えることができますが、デザイン崩れが起きてしまう装飾もあります。

また、のちに乗り換えサポートプラグインを削除する必要があり、その時にデザイン崩れが抑えられていた装飾がデザイン崩れを起こしてしまいます。

優先順位として、デザイン崩れが起こっている装飾⇒乗り換えサポートプラグイン削除後にデザイン崩れが起こる旧テーマ専用の装飾の順番でリライトしてください。

リライトすべきSWELLでサポートされていないブロックの確認方法

記事をプレビューで確認してデザイン崩れがないブロックエディターでも、ページ編集画面で確認するとSWELLではサポートされていないブロックエディターがあります。

Cocoon専用のブロック「ふきだし」を例に、サポートされていない場合どういう風に表示されるかを示した画像です。

クリックで拡大

CocoonからSWELLへ移行前のCocoon専用ブロックエディター「ふきだし」の表示例
SWELL移行のプレビュー
CocoonからSWELLへ移行後のCocoon専用ブロックエディター「ふきだし」の表示例
SWELL移行のプレビュー
CocoonからSWELLへ移行後にSWELL記事編集画面で「ふきだし」がサポート外と表示されている様子
SWELLページ編集画面

「”〇〇” ブロックはサイトでサポートされていません。そのまま残すか、カスタム HTML ブロックへ変換、または完全に削除してください。」と表示される

どのブロックエディターをリライトすべきかは、ページ編集画面で「サポートされていません。」という表示があるかどうかで判断してください。

かめコンパス

サポート対象外のブロックエディターをリライトしないと乗り換えサポートプラグインを無効化した後に表示がおかしくなるよ

旧テーマの代わりとなるSWELLブロック

SWELLには以下21種類の専用ブロックがあります。

リッチカラムブロックとは…複数のコンテンツを横並びに配置できるSWELL専用カスタムブロック

4つのカラムをPC4列・タブレット2列・スマホ2列に表示

6つのカラムを横スクロール表示

スクロールできます

旧テーマで利用していたブロックと似たようなブロックがあれば、SWELL専用に置き換えてください。

上記21種類のSWELL専用ブロックの使い方については、下のタグページにまとめてますので参考にしてみてください。

サイト全体のデザイン変更

SWELL移行後に崩れたサイトデザインを修正、もしくはよりオシャレにアップデートさせましょう。

本記事では、以下3つのテーマに絞って紹介します。

  • SWELL独自の着せ替えデータの利用
  • サイト型トップページの作成
  • ヘッダー・フッター周りとサイドバーの再構築

SWELL独自の着せ替えデータの利用

SWELLには独自のデモサイト着せ替えデータが以下の6つあります。

デモサイト着せ替えデータ…サイトデザインを変更できる機能のこと

※下の画像はスクロールできます

SWELLのデモサイト着せ替えデータ01

画像引用:SWELL DEMO 01

SWELLのデモサイト着せ替えデータ02

画像引用:SWELL DEMO 02

SWELLのデモサイト着せ替えデータ03

画像引用:SWELL DEMO 03

SWELLのデモサイト着せ替えデータ04

画像引用:SWELL DEMO 04

SWELLのデモサイト着せ替えデータ05

画像引用:SWELL DEMO 05

SWELLのデモサイト着せ替えデータ06

画像引用:SWELL DEMO 06

公式SWELLのデモサイト一覧

これらのデモサイトと同じデザインを利用できるので、

デザインが苦手なあなたでも、プロのデザイナーが作ったかのような美しいサイトを作ることができます。

かめコンパス

利用する人は、これらデモサイトに変更してからサイトデザインを修正してね

サイト型トップページの作成

SWELLではオシャレなサイト型トップページを作成できるので、サイトデザインが崩れたことをきっかけに、トップページをサイト型にしてみましょう。

サイト型トップページとは…目的や好みに合わせて記事やコンテンツが配置されたトップページのこと

当ブログもブログ型からサイト型へトップページを作成しました。

before / ブログ型

当ブログのブログ型トップページの例-1
当ブログのブログ型トップページの例-2
当ブログのブログ型トップページの例-3
当ブログのブログ型トップページの例-4

after / サイト型

当ブログのサイト型トップページの例-1
当ブログのサイト型トップページの例-2
当ブログのサイト型トップページの例-3
当ブログのサイト型トップページの例-4

>>当ブログのサイト型トップページを見る

サイト型トップページにしたいという方は、下の記事を参考にしてください。

ヘッダー・フッター周りとサイドバーの再構築

ヘッダー・フッター・サイドバーの場所

ヘッダーやフッター周り、サイドバーでデザイン崩れを起こしている場合は、下の記事を参考にリライトしてみてください。

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

全記事のリライトを終えたら、乗り換えサポートプラグインを削除しましょう。

乗り換えサポートプラグインをそのまま残しておくと、

  • SWELLと旧テーマの両方を読み込むのでサイトが重くなる
  • 単純にプラグイン数が1つ増えるのでサイトが重くなる

からです。

つまりサイトの表示速度が遅くなり、ユーザーの利便性を損ねてしまったり、SEO評価に悪影響を及ぼす可能性も出てきます。

かめコンパス

リライト後は残しておいても意味ないよ

ですので、全記事のリライトを終えたら、乗り換えサポートプラグインを削除しましょう。

プラグインの削除方法はこちら

キャッシュクリア&全ページの最終チェック

全記事のリライトを終え、乗り換えサポートプラグインを削除後、リライト漏れがないか最終チェックをしましょう。

最終チェックをする前は必ずキャッシュクリアしてください。

キャッシュクリアとは…アクセスしたWebページの情報を一時的にデバイス内に保存すること

キャッシュクリアしないとリライト前の装飾の情報が表示される可能性があり、チェック中にリライト済みかどうか分からなくなるからです。

かめコンパス

入念にチェックしようね

キャッシュクリアする方法は、WordPress管理画面の上部にあるSWELL設定にカーソルを置くと表示されるキャッシュクリア(コンテンツ)キャッシュクリア(ブログカード)をクリックすればOKです。

「キャッシュクリア(コンテンツ)」「キャッシュクリア(ブログカード)」がある場所

全ページの最終チェックを終えたら、リライトの完全終了です。

かめコンパス

長い間お疲れさまでした…

他テーマからSWELLへの移行手順まとめ

今回は、他テーマからSWELLへの移行手順を紹介しました。

当ブログではSWELLに関する記事をいくつか書いてます。

下のページにまとめていますので、のぞいてみてください。

かめコンパス

ためになったという人は“Twitterフォロー”や“ブックマーク”してくれると嬉しいです!

他テーマからSWELLへの移行方法の記事

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

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

コメント

コメントする

目次