【JINからSWELLへ】テーマ移行の注意点や事前にやっておきたいこと、移行後に必要な作業について【WordPressおすすめテーマ】

この度、WordPressで使っているテーマをJIN(ジン)からSWELL(スウェル)に移行いたしました!

シンプル美と機能性を両立させた、最高峰の国産WordPressテーマ『SWELL』と公式でうたっている通り、本当にレベチな使い心地に驚きました。

SWELLの使い勝手を表現するとしたら「痒い所に手が届くブログテーマ」と表現したいです。

ですが、元々使っていたテーマからは、どうしてもある程度の移行作業が必要になります。

実はここ数ヶ月ずっとSWELLに移行したいと思っていたのですが、移行作業が大変かも?と思いタイミングをはかっていました。

そこで実際にテーマを移行して分かった必要な事前準備や移行時の手順についてまとめていきますので、これからSWELLにテーマを移行したいなと思っている方の参考にしていただければと思います!

にほんブログ村 猫ブログ 猫好きへ 
目次

事前にやっておいた方が良いと思ったこと

後から直すので十分なこともあれば、事前にやっておいたほうがいいと思うこともありました。

SWELLではJINへの移行サポートをするプラグインを配布していますが、カバーしきれない点も。

ここでは事前準備としてやっておいたほうがいいことについて書いてみました。

ふきだしを整理する

JINのふきだし機能はふきだし内に文字を入れられるだけでなく、アイコンの下にもコメントが入れられました。

これをSWELLに移行した場合、移行サポートプラグインを適用した状態でもこのようになります。

そのためできれば移行する前にアイコン下のコメントは消しておく方がスムーズに移行できます。

変なこだわりを持って全ふきだしにコメントつけてたので地味に辛かったです・・・

ディスクリプションなどの設定をプラグインに移す

SWELLはその設計思想から、テーマ側にmetaタグの内容を保存しない作りになっています。

JINでは記事下にディスクリプションを入れる場所がありましたが、そのままテーマを移行すると設定が消滅してしまいます。

SWELLで推奨されているSEO用のプラグインはJINでも使えるものなので、先にプラグインを入れてSEO関係の設定をそちらに保存しておくと安心かと思います。

SEOのプラグインは公式でも紹介されている「SEO SIMPLE PACK」というものを使うのがよいでしょう。

プロフィールや広告タグなど、移行後に設定が必要なものを保存しておく

テーマ移行後に改めて設定が必要そうな入力系のものは、一旦どこかにコピペして保存しておくと便利です。

個人的に保存しておくと便利だと思ったのは次のようなもの。

  • プロフィール
  • サイドバーの並び順
  • GTMタグ、AdSenseタグ
  • 色の設定の保存(カラーコード)
  • タブ切り替えに設定している記事カテゴリーID
  • SNSに設定しているURL各種

保存し忘れて、何度かJINに戻って取りに行ったりもしていました。

テーマ移行する際の具体的なテーマの入れ替え手順

ではいよいよ具体的な移行作業の話に移りたいと思います。

まずSWELLのテーマをSWELLのサイトから購入します。

そして購入後、

  • 親テーマ
  • 子テーマ
  • JINからSWELLに移行するためのサポートプラグイン

の3種類のzipファイルをダウンロードします。

SWELLの親子はWordPressのテーマページから新規追加し、移行サポート用のプラグインはプラグインページから追加します。

(これはJINと同様ですが、親テーマと子テーマを入れたのち、子テーマを有効化しています)

テーマを入れ替えると管理画面の左メニューもJINのものからSWELLのものにガラッと変更になります。

これはJINの時のメディア以下のメニュー

目次のために「Rich Table of Contents」を使っていましたが、SWELLではデフォルトで目次機能があるのでプラグインを無効化しました。

SWELLに変えた後のメディア以下のメニュー

メニューの中にある「SWELL設定」に「アクティベート」というのがあるので、ここから購入時に使用したメールアドレスを入力してアクティベートを完了させます。

アクティベート画面でアドレスを入れると、認証メールが届くのでURLをクリックします。

無事認証されるとアクティベートが完了します。

これでSWELLを使う準備が整いました!

もしも一旦JINに戻したい!という時は、再びテーマページでJINを有効化するとJINに戻ることもできます。

ただしテーマの切り戻しをするとサイドバーなどのウィジェットの保存がうまくされておらず何度かやり直すことになったので、一部の設定が戻ってしまう可能性がある点に注意して切り戻しを行った方が良さそうです。

移行サポートプラグインを使っても崩れるのはどこ?

ありがたいことに、SWELLでは各テーマからの乗り換えをサポートするプラグインが配布されています。

ただそれを使っても「ここは結構しっかり崩れるな」と思ったポイントがあったので、その点についてまとめました。

入力画面のふきだし

前述したようにアイコン下のコメントを削除しておけば、一見通常通りのふきだしが適用されているように見えます。

しかし、ひとたび入力画面を開けば・・・

じゃーん!

画面一面の巨大アイコン表示。

これは大人しく一つずつ、新たなSWELL用のふきだしに設定し直していく必要があります。

実際にはそのままでも表示はそこそこおかしくない状態なのですが、かなり邪魔なので入れ替えたくなること間違いなし。

見出し付きボックス

JINの頃に使っていた見出し付きのボックス。

これに近しいものがSWELLにもあるにはあるのですが機能がスライドされるわけではなく・・・

SWELLに切り替えるとスタイルが崩れ、このような状態に。

これも一つずつ設定し直していく必要があります。

崩れてはいるもののリンク自体はできるので、機能が失われていないのはよかったです。

見た目も・・・おかしいながらもギリセーフかなと思うので、優先度的に後回しにするのもありでしょう。

ブログカード

ちょっと意外だったのが、ブログカードがこのようにしてリンクもできない状態になってしまうということ。

これもSWELLのブログカードに一つずつ置き換えていく必要があります。

移行する前にJINで何か対策をした方がいいのかもしれない、とも思いましたが・・・

いずれにしても結局二度手間になるし、どこに何を入れていたのかわからなくなりそうなので、大人しくSWELLに切り替えてから一つずつ修正しました。

入力画面で以下のように対応していないブロックは教えてもらえるため、探しやすいです。

たくさんのブログカードを並べていたところが一部ありまして、そのような場合はこんなことになってしまってました。

リンクもできない状態になっているので早めに直したほうが良いと思った箇所です。

移行後に必要な作業について

目立って崩れた場所の他にも、いくつか移行が必要な箇所があったので、それについてまとめました。

マーカーのスタイルを置き換えていく

文字のアンダーラインを引いていたマーカーですが、SWELLに移行しても一応引き継がれています。

ですが色をデフォルトから変更していた場合でも、デフォルトに戻ってしまいました。

仕方がないので、これは一つずつSWELLの設定に置き換えていきました。

機能的には破綻してないので後回しにすることができそうではありました。

それに正直、直す場所の数が多くて地味に飽きてくる作業です。

でもSWELLは単なるアンダーラインだけでなく、このような斜めストライプのスタイルが適用できたりしたので、なんとか頑張れました。

広告タグの設置などを行う

JINの頃には管理画面の左メニューに「HTMLタグ管理」というメニューがあり、ここにいろいろなタグを入れていました。

SWELLでは「外観>カスタマイズ>高度な設定」の中に同じ機能があります。

ですので改めてタグ類などを新しい場所に設定する必要があります。

AdSenseはもちろん、GoogleAnalyticsの計測も私はタグマネ(GTM)経由で行っていたので、それも移行する必要がありました。

しかしいざ保存しようとするとうまくいきません。

この他にもありとあらゆる場面でもし保存ができないことがありましたが、WAFの設定を一時的にオフにすると保存できるようになりました。

とにかく設定系の保存で躓いたら、まずWAFをオフにしてみてください。

ConoHa WINGの管理画面です

WAFのオフで乗り切れなかった箇所はなかったので、とにかく何かあればまずWAFを疑ってみましょう。

設定が完了した後は、再びONにするのをお忘れなく!

SEOの設定を行う

事前にディスクリプションなどをプラグインに移したほうがいいという話をしましたが、JINと設定が異なる点があるため移行した後にそのプラグインの設定も確認しておいたほうがよさそうです。

例えばデフォルトでは月別のアーカイブページはインデックスさせない(noindex)設定になっていたりしました。

これに気づかず、そのままにしておいたらGoogleから通知が。

該当ページのソースを見てみると、noindexタグが設置されていました。

これをオフにするには「SEO SIMPLE PACK」の設定画面で修正します。

この月別アーカイブについては日付のアーカイブページのインデックス設定が反映されています。

他にも細かくインデックスさせるかどうかを制御できるので、確認しておくとよさそうです。

JINからSWELLに移行してよかったこと

覚悟していたとはいえ、移行作業は地道で飽きてくる作業でした。

でもその甲斐あって「こんなことができるなんて!」と思える機能がたくさんあり、移行してよかったと感じています。

移行作業が終わった後は、今後ブログを書くのが間違いなく楽になることを確信していますし、今まで以上に「書きたいように書ける」状態になると感じています。

特に「移行してよかった!」と思ったポイントについてまとめてみました。

余白が自在につけられるのがいい!

SWELLにして実は一番感動したのがこれかもしれません。

一つ一つのブロックに対して、ブロック下の余白をどのくらいにするか、細かく指定ができるんです。

これ結構感動しました。

画面上の余白ってすごく大事なんですよね。

本業だと「ここを1px詰めて欲しいです・・・」とかって調整をお願いしているくらいなのに。

ブログでは「ここをもうちょっと詰めたいのに!」とか「ここをもうちょっと開けたいのに!」とか思っていても妥協していた自分に気付きました。

これからはもっと思った通りの余白を調整できるんだと思ったら、すごく嬉しいです!

投稿リストがいい!

これも前述しましたが見出し付きボックスが崩れました。

Before

After

しかもこれ、手作業で一つずつコツコツ入力していたんですよね。

これも一つずつやり直しか・・・と思っていましたが、SWELLには神ブロックが存在していました。

それが「投稿リスト」ブロックです。

これを使うと指定したカテゴリーの記事を自在に呼び出すことができ、しかも見た目もこの通り!

むしろこれを求めてた!!やりたかったのこれです!!

という機能が動的に実現でき、さらにはこんなに美しい見た目になりました。

除外するIDなども細かく設定できたり、もっと見るボタンを付けることができたり、見た目のスタイルも変えられるので、SWELLの「痒い所に手が届く」感じにここでも感激しました。

表のスクロール設定がいい!

JINでは表を入れた際のスクロール設定も、自分で表の上下にスクロールさせるようの記述を追加しなければならず、それが非常に面倒に感じていました。

SWELLでは表の設定画面からありとあらゆる設定が自由自在にできます。

これも本当に表が作りやすくなって感動。感謝感激。

SPだけスクロールしたいとか、一番左だけ固定にしたいとかも、設定をポチポチっとするだけで設定完了します。

これは本当にラク!

ボックススタイルの適用が簡単でいい!

入力画面で普通に文字を打っている時でも、設定パネルに枠の設定やスタイルの設定が表示されていて、いつでも簡単に適用できます。

今までは「ブロックを呼び出してから・・・」とかしてたのに、その必要がないんです。

これはちょっとしたことですが、頻繁に使う機能なので、それがこんなに手軽に設定できるというのはかなりの時短。

しかも設定が面倒くさくないので、ちょっとしたお試しもしやすいです。

例えばこんなのとか

あとはこんなのとか

こんなこともすぐにできます!

この設定パネルが文字を打っているときに常に横で開けるのが見やすいし使いやすいです!

外部リンクの設定がいい!

外部にリンクを貼るときに埋め込もうとすると、JINの頃はこんなふうになってしまい埋め込めませんでした。

(もしかしたら方法があったのかもしれないですが、私は気付けないまま2年・・・)

結果的にただのURL表記でリンクを置いておくことも。

気づいてないだけで他のやり方あったんかな?

SWELLではブログカードが内部リンク用と外部リンク用で切り替えが可能。

そのためもち様のもちまる商店へのリンクもこんなに素敵に貼ることができるようになりました!

なんでこんなにブログ書く人のやりたいことや気持ちを理解してくれてるんだろう、と思うSWELLでした。

本当はもっともっと「これありがたい!」と思ったポイントがあるのですが、長くなりすぎそうなのでこの辺で。

その他、SWELLの専用機能はこちらから一覧で確認することができますので確認してみてください。

またSWELLのデモサイトはこちらから見ることができます。

WordPressテーマ「SWELL」はこちら

想像していた通りの、なんなら期待値以上のテーマに感じられるテーマ「SWELL」。

SWELLの価格は税込17,600円です。

この価格、SWELLで実現できることを考えたらむしろ安いと思ってしまいました。

もちろん複数サイトでの利用もOKです。

この価格でここまでの機能が使えるのが本当にありがたいです!

参考:SWELLへのテーマ移行で特に参考にしたページ

最後に、JINからSWELLにテーマを移行するにあたり、特に参考にしたページをまとめておきます。

JINからSWELLへの乗り換えサポート用プラグイン

このページはどんなふうに置き換えられるか一覧で見れるのが便利です!

ブロックエディターで使えるSWELLの専用機能まとめ

このページはSWELLの専用機能が一覧で見れるのが便利です!

推奨プラグインと非推奨・不要・注意すべきプラグイン

SWELLを利用するにあたってプラグインの見直しもあわせて行っておきましょう。

まとめ

JINはこのブログを立ち上げる時に、どれを買うか悩んで悩んで買った思い出のあるテーマです。

JINも良いテーマで、ブログを書くのに対して何か不足があったわけではありません。

でもブログを続ける中で「もっとこんなことがしたい!」という自分の思いを叶えてくれるのがSWELLでした。

今後ブログを書くのがもっともっと楽しくなる予感がしています。

この記事がこれからSWELLにテーマを移行したいと思っている方の参考になれば嬉しいです。

最後までお読みいただきありがとうございました!

にほんブログ村 猫ブログ 猫好きへ 

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

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