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

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

 

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

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

 

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


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

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

 

「テーマは最初に選んだモノから変更してないよ!」って人は多いはず!

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

 

でも段々と物足りなさ&力不足感を抱き始めてしまったので・・・

有料テーマの「スワロー」に変えようと思いました!

 

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

私が「スワロー」に変えようと思った理由はハッキリしてます。

 

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

WEBに詳しい人は自分でCSSやPHPをいじって、いくらでもレイアウトは変えられますけど。

 

私みたいにド素人がブログを始めた場合、手を出せる範囲には限界があります笑


そしてシンプルで洗練されたテーマを探した結果・・・

有料テーマの「スワロー」を買うことに決めました!

 

ちなみに私は有料テーマは先行投資だと思ってます。

テーマのおかげとは一概には言えませんけど・・・

スワローに変えた当時10万PVだったのが、その4ヶ月後には20万PVを超えました!

 

より優れたテーマに変更することで、ユーザビリティ向上によるアクセスアップは見込めます。

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

有料テーマに変えれば、より洗練されたデザインや機能を利用できるようになります。

 

でも「変更した瞬間に、何もせずにすべてが向上する!」ってものでもないですからね笑

テーマの変更は引っ越しと同じで、多少の苦労は伴います。

 

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

いいですかみなさん。テーマを変更した時には、これまでカスタマイズした「ウィジェット」「ブログレイアウト」「CSS」の設定が消えます!

 

つまり乗り換えた瞬間は、デザインが崩れるってこと。

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

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

 

引っ越す前には準備や対策をする必要があるので、困らないようにちゃんと準備しましょうね。

 

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

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

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

 

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

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

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

ちなみに私はサーバー「ロリポップ」の有料オプションでも2重にバックアップをとってます笑

 

②CSSのコピーをとる

さっきもいった通り、テーマを変更するとこんな感じでCSSは消えちゃいます。

 

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

テーマ変更後に、スワローに必要そうなところだけコピペで貼り付ければ簡単です。

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

③以前のテーマ画面をスクリーンショットしておく。

上の画像は、以前使ってたテーマ「Simplisity2」の時のレイアウトです!

 

テーマを変更した時に困るのが、ブログ全体のデザインや、サイドバーの並び順が分からなくなるってことです笑

だからレイアウトの参考として、変更前のブログレイアウトをスクリーンショットしておくのをおすすめします!

 

こんな感じでスクショしておけば、コレを見ながらスワローのデザインを調整できるので効率的ですよ。

 

④テーマ「スワロー」の購入

WordPressテーマ「スワロー」を買うには「OPENCAGE」のホームページから手続きしていきますよ。

 

スワローの購入ページから、カートへ入れて購入手続きへ進みます!

購入手続きが完了すると「Zipファイル」でテーマをダウンロードできるようになります。

いっくん
親テーマと子テーマの2つがあるので、2つともダウンロードします!

⑤テーマのアップロード!

ダウンロードしておいたファイル2つを、ワードプレスにアップロードしましょう!

やり方は簡単ですよ。

 

ワードプレスの「外観」⇒「テーマ」へと進んでいって・・・

「新規追加」⇒「テーマのアップロード」と進むと、こんな画面が出てきますよ!

 

ここでファイルを続いて、スワローの親テーマと子テーマをそれぞれアップロードして追加します!

 

アップロードできると「swallow」と「swallow_custom(子テーマ)」が追加されます。

ここで有効化するのは必ず子テーマ(swallow_custom)にします!

 

なぜかというと、親テーマだとテーマのアップデートをする時にCSSやPHPが初期化されちゃうんですよ!

せっかく記載した内容が、テーマの更新のたびに消えるのはバカバカしいので笑

 

それを回避するために子テーマを有効化しましょうね!

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

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

 

スワローに変更したらカスタマイズしていく!

どんどんカスタマイズしましょう!

スワローに変更した直後はこんな感じです!

 

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

手を付けやすいテーマデザインから、どんどん変更していくことになります。

 

スワローの細かなカスタマイズはこちらで説明してますよ!

テーマ変更後は「Googleアドセンス」や「アナリティクス」も外れてるので、しっかり設定しておきましょうね。

 

テーマ変更のタイミングは意識すべき。

テーマを変更した直後はレイアウトは崩れます。

 

例えばにこれは変更直後のフッターですけど、個人的にはこのまま放っておきたくない状態です笑

こういうのを微調整する作業が必要になるワケですけど。

 

ポイントは、テーマを変更直後にアクセスした読者はモロに影響を受けるってこと!

いっくん
ゴチャゴチャした状態が丸見えです笑

だからできるだけ読者にメンテの様子を見られないように意識しましょうね。

 

テーマ変更はアクセスが少ない夜中とかにやるのがおすすめ!

私は読者が減る時間帯(夜中の1時頃)を狙ってテーマ変更しましたよ。

 

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

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

 

シンプルで綺麗なデザインが手に入ります!

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

 

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

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

 

「Simplicity2」は無料テーマの中では優れてましたけど・・・

デフォルトはイマイチパッとせずに、見よう見まねでCSSをいじりまくってました。

 

スワローでは、ほぼデフォルトで使えてます!

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

 

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

いっくんのまとめ

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

 

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

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



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

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

 

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