CocoonからSWELLに移行！SWELLの美点を図解入りで解説

無料テーマをお使いの方。

「有料がテーマ気になるなあ…。」

と１度は思ったことありませんか？

　

ボクは約6か月間Cocoonを使いました。

記事の執筆になれてくると、今度はきれいに整ったサイトのトップページにあこがれるようになりました。

「自分もあんな風にしてみたい…」と思う反面…

「有料テーマに１.５万円（相場）も払いたくもない。」とも思っていました。

　

それは、今後もブログが継続できるか分からないという理由からです。

同じように思っている方もいるのでないでしょうか？

ですが、今ではSWELLに変えてみて良かったと思っています。

　

その理由を、この記事ではメリット、デメリットや使い心地の違いをご紹介します。

無料テーマからSWELLに移行してみて１番のメリットは＂初心者でもトップページが思いどおり自在に作れること＂だと感じています。

SWELLにしてよかった理由

一番やりたかったこと、それは「トップページのテコ入れ」です。

　

下調べを行い、トップページを編集しやすいのは＂SWELL＂でした。

ヘッダーに動画や画像のスライドの挿入、コンテンツエリアのデザインが自在でカンタンなのも魅力。

　

それだけでは、まだ不安があります。

　

この先、使い続けていくうえで使いやすさも重要です。

SWELLは＂頻繁に使うブロック＂を呼び出さなくても装飾できることを知り、購入に踏み切りました！

よく使いそうなブロックがデフォルトでサイドバーに表示されているのが魅力。

SWELLがおすすめな人

センスがなくても、勉強次第でいくらでもトップページを自分好みにカスタマイズできるのがSWELLの強みだと思います。

SWELLをおすすめしたい人は

　

逆に、移行をおすすめしない人は

ブログに対してやる気がなくなった人について

ボクはブログに対して、少しずつ熱が冷めていました。

ブログ運営でよくある話ですが、始めたころのモチベーションが保てず、更新が遅れていくようになります。

　

そんな時にテーマの変更は＂記事の修正（リライト）というムダな作業が発生する＂

さらに意欲がなくなると思っていました。

ですが、記事の修正はむしろプラス効果でした！

　

ブログを始めてから記事の修正をしてない方は、強制的に記事の修正をしなくていけなくなります。

過去の記事が客観的に見れて、わかりにくい文章や装飾の使い方に一貫性がないことに気づけました。

さらに成長したことが実感できて、やる気がでますよ。

サイトのイメージを一変する有能なブロック

　

オシャレなトップページを作るには「フルワイド」のブロックを使うと見た目が整いますよ！

フルワイドブロックを使うとこうなります。

このフルワイドブロックには色を付けたりや画像の挿入、２カラム、３カラムと併用する方が多いです。

フルワイドブロックはセンスも必要ですね…。

色んなSWELLブロガーさん、企業WEBサイトを研究することでオシャレさは追及できます。

ＳＷＥＬＬに移行する前に知っておくべきこと

SWELLの価格について

SWELLの価格は17,600円と有料テーマの中でも高額です。

アフィリエイトのセルフバックやキャンペーン情報も調べましたがありません。

ですが、本気でアフィリエイトでの収益を志すならば、高くはない金額です。

買い切りで、素人でもより直感的に操作できる使いやすさと、装飾の種類の多さは価格以上の価値でした。

移行にともなう大変な作業

移行時の記事数は１２記事です。

　

SWELLに移行した直後の大変な作業は「記事に使っているCocoon専用のブロックの修正」です！

　

HTMLに＂Cocoonの文字列＂が入っているとブロックが読み込めません。

管理画面にエラーの表示が出てしまいます。

　

このままだとサイドバーに何も表示がされず、ブロックの詳細な編集ができない状態です。

ブロックの修正作業が１記事に２０～３０ブロックほどありました。

修正時間は１記事４０分以上かかります。　

移行後の修正が面倒な方へ朗報

大きく表示がくずれていたブロックは「ふきだし」だけ

テーマを変更して読者（ユーザー）側から見てブロックの表示が大きくくずれていたのは「ふきだし」だけです。

画面いっぱいにふきだしに使用したイラストが表示されていました。

　

これをひたすら修正していく工程になります

ブロックがくずれないのもありますので、まとめてみました。

表示がくずれるブロック

よく使っていて表示がくずれたCocoonブロック（2022年10月現在）

ギャラリーは複数枚の画像を挿入できるブロックです。

これを頻繁に使用していたため、かなり萎えました。

ですが、スマホで確認すると移行前と同じように表示されていました！

　

ボックス系のブロックもブロック自体が消えるわけではないので安心です。

管理画面でエラー表示されていて焦りますが、読者側からはさほど気にならない表示のくずれ方をしていました。

　

マイクロバルーンとブログカードではこんな風に表示されます。

マイクロバルーンのみ左寄せになっています。

表示がくずれないブロック

逆にブロックがくずれないブロックもありました。（2022年10月現在）

表示がくずれないのは、HTMLコードに＂Cocoonの文字列がない＂からです。

HTMLコードにCocoonの文字列はないです。

SWELLへ移行時の表示くずれを最小限にとどめるプラグイン

SWELLには他テーマから乗り換えるときのサポートプラグインがあります。

旧テーマのブロックのままでOKというわけではありません。
記事のリライトが完了するまでの間のみ、プラグインの使用を推奨してます。

　

ボクはSWELL移行時に使う＂サポートプラグイン＂があるのを忘れてました。

このプラグインを使用すると表示のくずれがほとんどなくなります。

CocoonからSWELLへ「乗り換えサポート用プラグイン」←詳細はこちら

その他テーマからSWELLへ「乗り換え検討の方」はこちら

Cocoonも対応してますし、他のテーマもプラグインが用意されています。

移行が完了し、SWELLのブロックに修正したら、プラグインを無効化すればＯＫ！

　

固定ページでトップページのコンテンツを作る

Cocoonだとカスタマイズからトップページの変更をおこないます。

初心者がトップページのデザインを装飾するには限界があると感じていました。

　

それがSWELLなら自由にブロックを使って、装飾が可能です！

固定ページにトップページ用のコンテンツエリアを作り、それを貼り付けるだけで自由度の高いトップページが作れるんです。

固定ページをトップページに貼り付け方法はカンタン。

管理画面の「設定」→「表示設定」→「固定ページ」にチェックを入れる→ホームページを「作った固定ページを選択」

HTMLやCSSのコードをコピペしたり、煩わしいテマなくトップページに固定ページを反映できる。

まとめ

　

以上、テーマの変更を検討したらどうなる？と思う方に参考になればと思います。