LuxeritasからSWELLへ移行する時にすべき事!
今まで愛用していたwordpressテーマの「Luxeritas」
作者の体調の問題から数年前から更新がされていない。
PHPやwordpressのバージョンもどんどんアップされているので、そろそろまずそう。
そこで一大決心してLuxeritasから離脱することを決定しました。
このブログも同じですが、まずはメインのブログを仕上げたいと思います。
SWELLを選択したのは、有料であっても表示スピードと 更新が頻繁である事。
有料テーマの中でも高価な方ではないかと思われます。
それでも記事上にウィジェットが置けるテーマが少なかったので迷わず選択した次第です。
Luxeritasからの脱却
Luxeritasは本当に良いテーマでした。
なんとか関係者の方が引き継いでいたら、継続していたと思います。
何よりも表示スピードが早く、無駄なものが少なかった。
プラグインなどは、ほんの数種類で事足りた。
Luxeritasで作成したように見せない為にかなりカスタマイズしたのが原因で、SWELLに乗り換えた時点で、デザインが総崩れしました。
SWELL乗り換えで起こった悲劇
まずはデザイン的にいろいろなものがコードで表示される。
Googleアイコンを使っていただけでなく、CSSもLuxeritasに寄せていたので、全部やり直しに。
CSSだから書き換えれば表示されるけれど、いっその事、刷新したかったから諦めました。
その修正記事の多いこと…
テーマを変えただけでいろいろなことが起こります。
見栄えはすぐに直せますので、それを直せば終わりと思いがち。
ところが裏ではいろいろなことが起こっているので、サイトのスピードチェックをすれば色々分かります。
特定のページをPageSpeed Insightsでテストすると、使われていないスクリプトがたくさん出てきます。
減点となるスクリプトを控えておき、
それが「Luxeritas」なのか「SWELL」のものなのかを判断してLuxeritasなら削除する事が先決です。
見た目だけで移行が終了したと思うのは、非常に勿体無い事をしています。
SWELL乗り換えで必要な処置
残念ですが、
SWELL公式サイトで配布されている公式の乗り換えサポートプラグインに Luxeritas用は存在しません(JIN、SANGO、STORK、Cocoon用などはありますが、Luxeritasは対象外です)。
1)サーバー環境の残骸撤去とクリーンアップ
Luxeritasには、サイトを高速に表示させる為のコードがあります。
それが残っていると、いくらSWELLが高速表示テーマでも邪魔してしまいます。
LuxeritasからSWELLに切り替えたらLuxeritasのテーマ自体も削除してサーバーに残さない。
ルートディレクトリにあるこのファイルを削除、またはリネームします。
Luxeritasが生成した独自のCSS・JSキャッシュフォルダです。SWELLでは不要です。
上記の処置をしないと、PageSpeed Insightsのテストで多くの減点対象になる可能性があります。
2)プラグインの精査と入れ替え
Luxeritasで「必須」だったものが、SWELLでは「不要(競合)」になるケースが多々あります。
その逆もありますので、プラグインの選定は重要です。
SWELLの標準機能(スクリプト遅延読み込み等)と重複し、表示崩れの原因になります。
SWELLに高機能な遅延読み込みが備わっています。
SWELL開発者のWordPress OrgによるSEOプラグイン。LuxeritasのSEO設定を引き継ぐために必要です。
3)SEO設定(メタデータ)の手動移行準備
Luxeritasの独自フィールドに保存されているデータは、テーマ変更後、表側(HTML)には出力されなくなります。
Luxeritasの「ディスクリプション」「タイトル」はDBの wp_postmeta に残っていますが、SWELL(SEO SIMPLE PACK)とは保存場所(メタキー)が異なります。
主要記事については、移行前に内容を控えておき、移行後に手動で再入力します。
大量の記事がある場合は、SQL等を用いて _thk_description(Luxeritas用)などの値を、SEO SIMPLE PACK用のメタキーへ移し替える作業を検討します。
4)ウィジェットとカスタマイザーの設定
テーマ独自のウィジェットエリア名は互換性がないため、配置がリセットされます。
追従サイドバー」や「記事下」などのパーツを、SWELLの対応するエリア(サイドバー・記事下・共通フッター等)へ配置し直します。
Luxeritasの管理画面で設定していたアドセンスコード等は、SWELLの「広告設定」またはウィジェットへ移行します。
5)CSS・高速化設定の再構築
Luxeritasの子テーマ(style.css)に記述していたカスタムCSSを、SWELLのセレクタに合わせて書き直し、「追加CSS」等へ移植します。
SWELL設定画面から「キャッシュ」「遅延読み込み(画像・スクリプト)」「ファイルの最適化」をサイトの挙動を見ながら有効にします。
Luxeritas内で推奨されていた「.htaccess」の内容を全て削除します。SWELLの高速化設定と両方を読み込むことになるので、無駄です。
6)記事内装飾(ショートコード等)の修正
Search Regex 等を使い、Luxeritas独自のショートコード(ブログカード等)をSWELL形式や標準リンクへ置換します。
SWELLの「ふきだしセット」で新規作成し、各記事のパーツを差し替えます。
SWELLのカスタマイズ
SWELLも他のテーマ同様、カラーや見せ方を自分の好みにカスタマイズする事ができます。
いろいろなサイトを拝見していると、SWELLで作成したサイトはすぐに分かってしまいます。
さほどカスタマイズはされていないようですが、さまざまなカスタマイズができますので挑戦してください。
LuxeritasからSWELLへ移行 まとめ
LuxeritasからSWELLへ移行した際に、たくさんの作業がありました。
それらをまとめてみましたが、私のサイトはまさに、その最中でもあります。
まずは、メインのサイトを最適化して、それに合わせてこのサイトも同様の処置をしています。
CSSもまだ弄っていないので、SWELLそのものが見えているかもしれません。
一番は、サーバー内から「Luxeritas」や「thk_」などのファイル名を見つけて削除するのが重要です。
さまざまな残骸がある事で「使用していないスクリプト」がページを重くしています。
