WordPressを無料テーマから「スワロー」に変更する流れとは?

どうも!いっくんです!(@ikkun_blog

 

ブロガーのみなさんは、ワードプレスのテーマって変更したことありますか?

私は先日、無料テーマから有料テーマの「スワロー」に変更しましたよ!

 

テーマの変更って色々と段取りがあるので、簡単にまとめていきますね!


ワードプレスのテーマを変更したい!

みなさんはワードプレスのテーマって、変えたことありますか?

 

きっと「プラグイン」なんかは色々いじるでしょうけど。

テーマは最初に選んだモノから変更してない人も多いと思います!

 

私はブログを始めて2年が経ちますけど、これまでずっと無料テーマを使ってました。

しかし物足りなさを感じ始めてしまったので・・・

 

今回、無料の「Simplicity2」から有料テーマに変えようと思いました!

 

有料テーマの「スワロー」を購入した!

変えようと思った理由はハッキリしてます。

「自分ではこれ以上、ブログのレイアウト綺麗にできない」って思ったからです!

 

プロの方ならCSSやPHPをいじって、いくらでもレイアウトは変えられるんでしょうけど。

WEBに詳しくない私には限界があります笑


シンプルで洗練されたテーマを探した結果・・・有料テーマの「スワロー」を買うことに決めました!

 

ちなみに「テーマを変更するとSEOでマイナスに働くかも」って話もありますけど。

私はまったく感じませんでしたよ。

 

テーマをスワローに変えた時は10万PVで、その4ヶ月後には20万PVを超えましたし!

いっくん
有料テーマは先行投資。長い目で見ればプラス!

テーマの変更直後にどうなるのか知っておくべき!

テーマの変更って「引っ越し」するようなもんなのでね。

事前にどんな流れか把握してないと痛い目に遭います!

 

有料テーマに変えることで、より洗練されたデザインや機能を利用できるのは間違いないですけど・・・

「変更した瞬間にブログがレベルアップする!」ってものじゃないですからね笑

 

いいですかみなさん、テーマを変更した時って・・・

これまでカスタマイズした「ウィジェット」「ブログレイアウト」「CSS」の設定が消えます!

 

つまり乗り換えた瞬間は、デザインが崩れちゃいます。

いっくん
これはシステムとして当然のことなんです。

そこを事前に理解しておかないと、変更して呆然とするはずです笑

引っ越す前には準備や対策をする必要がありますよ!

 

後で困らないように、ちゃんと準備していきましょう。

 

テーマ変更までの流れはこんな感じ!

①まずは「バックアップ」をしましょう!

まずテーマ変更する前にすべきなのは「バックアップ」ですね。

 

テーマ変更するときには、CSSを移し替える作業が入ってくるのでね。

バグった時のために、直近のバックアップを取っておくべきですよ!

 

人気の高いバックアップ専用プラグインの「BackWPup」を使うのがおすすめです!

ちなみに私はサーバー「ロリポップ」のオプションで、バックアップをとってます。

 

②CSSのコピーをとる

さっきもいった通り、テーマを変更するとCSSは消えてしまいます。

 

だからテーマを変更する前に、CSSの内容はメモにコピーしておきましょうね!

そしてテーマを変更した後に、それをスワローのCSSにコピペすればOKです。

 

めっちゃ簡単ですよね?

一から書き直すのとかマジでめんどくさいので、必ずコピーを忘れずに!

 

③レイアウトの参考として、画面をスクリーンショット!

これが以前使ってた「Simplisity2」の時のレイアウトです!

 

さっきテーマを変更すると「ウィジェット」「ブログレイアウト」も消えるって説明しましたけど。

つまりはブログのヘッダーデザインとか、サイドバーの並び順が分からなくなるってこと笑

 

そのために前のブログレイアウトをスクリーンショットしておくと便利です!

コレを見ながら再現すればそっこーで効率がよくなります。

 

全体像さえしっかり把握できてれば、レイアウトの調整は簡単です!

ちなみにレイアウトは崩れても、プラグインのデータ内容はちゃんと保存されてるので安心してOK!

 

④テーマの購入&インストール!

スワローは有料テーマなので、購入ページから入って手続きしていきます!

WordPressテーマ「スワロー」

 

購入したら「Zipファイル」でダウンロードできるようになります。

 

続いて、親テーマと子テーマをそれぞれワードプレスの「テーマ」にアップロードして追加します!

 

アップロードすると、こんな感じで「swallow」と「swallow_custom(子テーマ)」というのが追加されるので。

テーマは絶対、子テーマ(swallow_custom)を選んで有効化します。

 

なんでかというと・・・

親テーマを使うと、テーマのアップデートをする時にCSSの内容が初期化されちゃうんですよ!

いっくん
子テーマならアップデートしても影響なし!

これでスワローのインストールは無事に完了です!


⑤読者にメンテの様子を見られないように意識して!

私がSimplisity2からスワローに変更したとして・・・

その直後はレイアウトは崩れて、ウィジェットも外れてる状態から修正していきますよね。

 

つまりテーマを変更直後に、ブログにアクセスした読者がいれば影響するってこと!

 

その間に記事を見に来た人には、ゴチャゴチャした状態が丸見えです笑

それってよくないですよね?

 

ちなみにこれは変更直後のフッターですね・・・

私的にはこのまま放っておきたくないレイアウトです笑

 

こういったところを微調整する作業が必要になるので。

アクセスが少ない夜中とかにやるのがおすすめです!

 

私は1時ぐらいからアクセスが下がるのを知ってるので、その時間にやりました笑

 

もしくは、対策としてプラグインの「Theme Test Drive」を使うのもアリです。

これを使えば新しいテーマをいじってる間に訪れた読者には、前のテーマのレイアウトで表示されます。

 

新テーマのカスタマイズ!

テーマを変更した直後はこんな感じです!

この画像はスワローに変更直後のモノです!

 

いよいよテーマのカスタマイズとして、細かい調整をしていきます。

 

ちなみに有料テーマでは、これまでプラグインで補ってた機能が初期搭載されてたりします。

その場合だと、そのまま放置してると「競合」してトラブルの原因になるのでね。

 

必要がないと思うプラグインは早めに停止しておきましょう!

 

テーマデザインを修正していく!

まずは手を付けやすいテーマデザインから、どんどん変更していきましょう!

「ロゴ・フォント・見出しデザインの変更や、ウィジェットの配置設定」とかね。

 

また、肝心のCSSですけど・・・

ご覧の通りでまっさらな状態になっちゃうんですよ。

 

なので事前にコピーしてたCSSから、必要なところだけコピペして貼り付けます!

バグらずに反映されるかどうか、この瞬間が一番ヒヤヒヤします笑

 

「Googleアドセンス」や「アナリティクス」の設定も!

テーマ変更後は「Googleアドセンス」や「アナリティクス」も外れてるので。

また位置を指定していきましょうね!

 

あとアナリティクスで、アクセスをチェックするための「トラッキングコード」ってありますよね?

スワローでは「カスタマイズ」の画面に、入力できる箇所がありますよ!

いっくん
この2つの設定は超重要なので忘れずに!

手を加えることで形になっていく!

これはスワローに変更して、1日しか経ってない時点のレイアウトです笑

まだまだこれからキレイになっていきますよ!

 

ザックリここまで達するのにかかった時間は2時間です!

これからちょいちょい細かいところをいじってく感じですね。

 

「Simplicity2」は無料テーマの中ではお気に入りではありましたが・・・

以前はCSSで、文字や見出しタグなどのデザインをけっこーいじって使ってました。

 

それが今はほぼデフォルトで使えてます!

最初から視認性の良い計算されたデザインなので、変更する必要がほとんどないんです笑

 

そういったところでも、やっぱり有料テーマは優れてると実感しますね!

 

いっくんのまとめ

今回は、ワードプレスのテーマを「Simplisity2」から「スワロー」へ乗り換えた話でした。

 

テーマの乗り換えってなかなかやる機会がないので、やる前は不安を感じると思います。

実際これをやる時には、色々と調べて準備しないと痛い目に遭うしね笑



スワローへの変更には、テーマの購入費用9900円と初期設定の2時間ぐらいは必要になりますけど。

そこをやり切れば、より理想に近いブログ運営ができるはずですよ!

 

わたしも結果としては満足してます!