【徹底比較】テーマをCocoonからSANGOに乗り換えるメリットまとめ

どうもおはようポテト(@ohayoupoteto22)です。

先日、テーマをCocoonからSANGOに変更しました。

ということで今回は

という方に向けて、「実際にCocoonからSANGOに変更してみて良かった点・不便な点」に加えて「テーマ移行の際に大変だった点」もまとめてみました。

参考になれば幸いです⸝⸝- ̫ -⸝⸝

CocoonとSANGOを徹底比較してみた

Cocoonのメリット

まずはCocoonにするメリットから見ていきましょう。

Cocoonほど詳細な設定ができない

Cocoonでは「Cocoon設定」という項目から色々な設定をすることができました。

しかしSANGOでは「カスタマイズ」の画面で設定を行い、設定できる項目の数もCocoonと比べると少ないです。

SEOタイトルを変更できない

Cocoonでは記事のタイトルとSEOタイトルを別々に設定することができましたが、SANGOはできません。アーメン。

カルーセル

CocoonではワンタッチでTOPページの上や各記事の上に記事を設置できましたが、SANGOではできません。

PHP云々を触りたくない人にとっては嬉しくないかもね…

カラム幅・ヘッダー

まあこちらはCSSをいじればいいわけですが設定画面で気楽にカスタマイズ、みたいな感じで出来ないのは少し歯痒いです。

プラグインの数が増える

Cocoonは高速化のためのテーマの機能として

が元々備わっていますが、SANGOにはありません。

故に「WP Fastest Cache」といったキャッシュ系のプラグインや、「Autoptimize」のようなリソースを最適化してくれるプラグインを追加しなければいけません。

まあ四の五の言わずプラグインを入れればいいだけの話なんですが、あまりプラグイン詰め込みすぎたくないタイプの方は嬉しくないかもですね。

SANGOのメリット

今まで散々マイナスなこと(?)ばかり書き連ねてきましたが、このサイトのテーマが今現在SANGOを使っているのはそれらのマイナス点を差し引いても十分魅力に溢れているからに他なりません。

マテリアルデザイン

ブログ主がSANGOを選んだ一番の理由でもある「心地よいデザイン」。

サルワカさんのサイトデザインのような、いわゆる「マテリアルデザイン」を簡単に再現できる点はやはり大きかったです。

しかもこれが要所要所まで作り込まれており、今でもカスタマイズするたびに「こんな細かい点までデザインこだわっとるんか…」と驚くことがあります。

カテゴリ別人気記事

これは子テーマの「PORIPU」の機能ですが、カテゴリ毎の人気記事ウィジェットを設置することが可能です。

「人気記事を設置してもその記事と関連性低いからクリックしてもらいにくいよなぁ…」という点を解消できるのはとても大きかったです。控えめに言って神。

サイト速度

(※モバイルの点数)

若干ではありますが、サイトの速度も上がりました。

Cocoonでは60点台だったのが70点台に。

CocoonからSANGOに移行する際に大変だった点

次は、ここまで読んで「じゃあSANGOに変えてみようかな」と思った方向け。
実際にCocoonからSANGOに移行する際に苦労した点をまとめました。

テーマ変更の際に大変だったことは大きく分けて3つ。

吹き出しとタイムラインの修正

テーマごとによって挿入の方法が大きく異なり、かつ記事内で頻繁に使われるのが

この2つだと思われます。

一番地獄だったのが、この記事内の吹き出しとタイムラインを全部手作業で修正しなければいけなかったことです。

そう、確かにショートコードなどを一括で変更するときに便利な「Search Regex」というプラグインはあります。

しかし…

[say name="名前" img="画像"]ここに文章[/say]

SANGOはこのようなショートコードで吹き出しを挿入するのに比べて

<div class="speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf">
  <div class="speech-person">
    <figure class="speech-icon"><img src="画像" alt="" class="" /></figure>
    <div class="speech-name">名前</div>
  </div>
  <div class="speech-balloon">ここに文章</div>
</div>

Cocoonで挿入される吹き出しはショートコードではなく普通にHTML要素です。

故に、一括置換がものすごく大変。

そう、ブログ主の場合もSearch Regexにて正規表現を使ってこのHTML要素をショートコードに置換しようとしましたが…

検索できない(›´ω`‹ )

どうやらSearch Regexではとあるタグの中に同じタグがあると検索できないようです。(上でいうとdivタグが入れ子になってる)

もっと策を寝るもしくはもっと優秀な頭脳があれば一括置換できる方法が見つかったかもしれませんが、ブログ主は凡人。

更に一刻も早く吹き出しを修正して記事の崩れを直したい気持ちで一杯だったので…

全記事を手作業で修正することに。ついでにタイムラインも。

テーブルのレイアウトが崩れる

Cocoon使用時にはいい感じにレスポンシブだった表がSANGOにした途端上のような感じに。

スマホの横幅に収まりきらず崩れてしまいました。

そこで、編集画面の「スタイル」→「表をレスポンシブに変える」を適用すると

無事、スマホから見ても崩れずスクロールできるようになりました。

子テーマのCSSが効かない

ブログ主は子テーマとして「PORIPU」を使わせていただいていたのですが、何故か子テーマのstyle.cssが反映されずに右往左往しました。

試しにSANGOの子テーマに変えてみたらその点は解消されましたが、せっかくお金を払って買ったのでPORIPUに戻すことに。便利な機能も多かったので。

ちなみに原因は謎…

CocoonからSANGOに変えるべき？

まとめ

テーマ移行でとても苦労したのも事実ですが僕自身、SANGOに変えてとても満足してます！
改めて気づいたのは「Cocoonが恐ろしすぎる」ということ。あれなんで無料なんや…(困惑)

テーマ選び・テーマ変更の際の参考になれば幸いです！では⸝⸝- ̫ -⸝⸝