CocoonからSWELLへ乗り換えた理由と移行時に修正したこと

こんにちは、ゆるミニマリスト主婦のくうかです。

当ブログの他にもう１つブログを運営しています。

そちらのブログは、はじめはワードプレスの無料テーマ「Cocoon」を使用していましたが、当ブログで使用している「SWELL」のエディターの使い勝手が良すぎて、同じくSWELLにすることにしました。

SWELLには”乗り換えサポート用プラグイン”があります。

こちらを使うことで大きな表示崩れを起こさず、細かい修正をすぐに行わずに済みます。（いずれはした方がいいけど…）

ということで乗り換えサポート用プラグインを使ってみました。

CocoonからSWELLへ乗り換えた理由と移行時に修正したこと

まずサブブログのテーマを無料のCocoonで始めました。
無料とは思えないほどの高機能なテーマで気に入っていました。

その後はてなブログで運営していた当ブログ（メイン）をワードプレスへ移行。テーマはSWELL。

リライト頑張ったのでSWELLのエディターに触れる時間がとても長く、完全に慣れてしまいました…！
時々Cocoonに戻ると、Cocoonの使い方がわからなくなってしまったり。汗

SWELLってね、本当に記事を書きやすい仕様になっているんですよ。
私が感じたCocoonとの違いを挙げてみると…

ざっと挙げてみましたが、きっとまだまだあると思います。
本当に、記事を書く人の使い勝手をよく考えていらっしゃるなぁと使っていて感じ取れます。

記事を書く時間も短縮できています…！

SWELLを詳しくレビューした記事はこちら

CocoonからSWELLへの乗り換えサポート用プラグインを使う際の注意点

乗り換えサポート用プラグインを使うと、完全ではありませんが表示の崩れをほぼ抑えることができます。

2021年1月4日現在で、以下のテーマからの乗り換えに対応しています。

子テーマはあれこれカスタマイズする方は入れた方が良いです！
Cocoonでは子テーマ必須だったので、その流れで私はSWELLも子テーマを入れてしまいました。

テーマの乗り換えは無事に成功！

カスタマイザーで見た目を整えていきます。Cocoonとは設定ページが違うので注意。

SEOプラグインが必要になるので追加

Cocoonでは元々SEO関連のプラグインは必要なかったのですが、SWELLに乗り換えたので必要になりました。

SWELL開発者の了さんが作ったプラグインなので安心感あり

基本の設定やアナリティクス・サーチコンソールなどの設定を行うことができます。

Googleアドセンスの設定

CocoonとSWELLではアドセンスの設定箇所が変わるので、こちらも要設定し直し！
【SWELL設定】→【広告コード】で設定することができます。

乗り換え後の記事の修正

Cocoon独自のブロックを使っているところはこのような状態になっていました。

上記はブログカードを使用していた部分です。

プレビューすると表示はちゃんと出ますが、エディターではこのメッセージが出ています。

• そのまま残す
• カスタムHTMLブロックへ変換
• 完全に削除

という選択肢です。

SWELLのブロックに修正していきます

ブロックはこのように少しずつ修正していけば良いかと思いますが、SEOの設定はCocoon独自の設定箇所だったので、まっさらです。
SEO SIMPLE PACKでは投稿画面の下部に設定箇所があります。

なおSWELLではAMPもなくなるので、CocoonでAMPを使用していた場合はサーチコンソールからエラーが出てしまいますが、記事修正後サーチコンソールで修正を検証してもらい、問題がなければエラーは消えます。

CocoonからSWELLへの修正が終わったらプラグインを削除してもOK

記事の修正がすべて終わったら、移行プラグインを消しても大丈夫です。

逆に、修正が終わる前に消してしまうと表示が崩れてしまうので注意です！

最後に

テーマの乗り換えは、いつかはやりたいなと思いつつ、２つのテーマを同時進行するのも良いのではと考えていました。
それぞれのテーマの良いところがわかるし。

でも実際やってみると、私はそんなに器用ではなかった。笑

別のテーマを同時進行するのは無理…。

使いやすいテーマでガンガン記事を書く方が楽しいと気づきました。

そんな、移行したサブブログはこちら