本ブログのWordPressテーマをCocoonからSWELLへ移行しました【作業内容・感想をご紹介】

Cocoon SWEL移行

当ブログはアフィリエイト広告を含んでいます。

こんにちは、りんです。

本ブログのwordpressテーマをCocoonからSWELLへ変更し、2週間ほどかけ、やっと移行作業が完了しました。
この記事では、Cocoon→SWELLへの移行の作業内容や率直な感想を書いていきたいと思います。

この記事のまとめ
  • wordpressテーマをCocoonからSWELLへ移行しました
  • SWELLの使い心地には大満足しています
  • Cocoonは無料、SWELLは17,600円 (買い切り)
  • 無料のCocoonでも機能は十分
  • SWELLだとトップページを自分で細かくデザインでき、記事もより作成しやすくなる
  • あらかじめCocoon→SWELL移行プラグインをインストールしておこう
  • 作業の95%は単純なブロック(見出し、吹き出し、ボックスなど)作成、文章のコピペの繰り返し
  • 29記事の移行でかかった時間は約35時間(1時間×29記事+トップページなど6時間)

細かいやり方についてはブログの先輩たちが詳しく紹介しているので、是非そちらをご覧ください

私が参考にしたサイト

“Web Note+ Satoshin” さま↓

https://webnote-plus.com/from-cocoon-to-swell/

”駐在妻のおしごと事情” さま↓

https://ten-mina.com/cocoon-swell-review/

本ブログでは、移行の流れと率直な感想を書いていきたいと思います。

WEBでSWELLテーマ購入後、すぐに切り替え出来るのでとても手軽でした。

\  おすすめWordPressテーマ /

目次

1. SWELLへ移行した理由

無料のCocoonでも十分すぎるくらいよかったのですが、ブログ作成に慣れていくうちに

もっと凝った(プロっぽい)デザインのサイトにしたい

と思い、且つSWELLの方がサイト設計や記事の執筆が捗ると聞いたため、思い切って有料のSWELLを購入いたしました。

本ブログは魅力的な場所を紹介するために写真を多く多用しているので、デザインや見やすさが重要だと思ったのも理由の一つです。

2. サイトの見た目のBefore/After

サイトのBefore Afterは次の通りです。

【Before (PC)↓】

Cocoon SWEL移行

【After (PC)↓】

Cocoon SWEL移行

【Before (モバイル)↓】

Cocoon SWEL移行

【After (モバイル)↓】

Cocoon SWEL移行
ポイント
  • サイトがよりお洒落な雰囲気になりました
  • 上部に記事をランダムで表示できるようになりました
  • 新着記事と人気記事を表示できるようになりました

これらは自分で設定できるので、当然他の表示機能もあります。
トップページの編集自由度がとても高いと感じました。

デザインは非常に自由度が高く、自分の理想に近いサイトを作ることができます。

逆に言えば、自分で好きにデザインできるのでデザインスキルはある程度必要になると思います。

つまりちゃんとサイト設計出来る方であればCocoonでも十分すぎるくらい、センスのあるサイトを作れるでしょう。

私はデザインの心得は全くありませんが、色々な人のブログを参考にしながらなんとかそれっぽいものになってきました。

また、SWELLは操作性もとても良く、記事の執筆も捗るの時間の節約にもなります。

例えばこんなことが出来るようになります
  • 色の変更等がレビュー画面でタイムリーに表示されるので、色々試しながらデザインを決めていける
  • ふきだしのテンプレが作れるので毎回セリフだけ入力すれば良い
    (Cocoonの場合は毎回画像や形を選択)
  • サイトのヘッダー(ロンドン生活攻略のワルツと書いてあるところ)の色を変えられる
  • 下にスクロールしたときにヘッダーを表示させるか、させる場合、半透明にするか(PCのみ)設定出来る

等々・・

「SWELLにすると記事執筆が捗る」
という感想を良く見かけましたが、こういうことだったんですね。

3. 移行にかかった時間と作業内容

3.1. 修正にかかった時間

トップページ・・6 時間

記事    ・・1 つの記事につき、1 時間程度

移行時 29 記事あったので1記事1時間として1 × 29 記事+ 6 時間で合計 35時間かかった計算になります。

3.2. 作業内容

SWELLをインストールすると最初どうなるか

wordpressの管理画面からSWELLのテーマを有効にすることで急にサイトの見た目が変わります。

具体的には、SWELL仕様となり、Cocoonの時になかったブロック(トップページの画像など)はデフォルトの画像が設定されています。

ここから自分の好きなデザインに修正していきます。また、Cocoon独自のブロック(見出し、ふきだし等)は一つひとつ書き直していく必要があります。

Cocoonからの移行プラグインをインストールしておこう

また、記事はあらかじめCocoon→SWELL乗り換えサポートプラグインをインストールしておけば、多少表示はおかしくなりますが直ちに修正しないといけないというレベルになりません。

具体的な移行作業内容

移行後に修正すべきブロックは“ブロックはサイトでサポートされていません”と表示されるので修正すべき箇所はわかりやすいです。

Cocoon SWEL移行

↑上の画像にように表示される箇所は新しくブロックを作成する必要があります↑

Cocoonの時には綺麗に表示されていた見出しボックスやふきだしは形が崩れることがあるので、適宜修正する必要があります↓

【Before(モバイル、Cocoon)↓】

Cocoon SWEL移行


【After (SWELL移行直後)↓】

Cocoon SWEL移行

ボックスの形が崩れて色も無くなってしまっています↑

【After(修正後)↓】

Cocoon SWEL移行

修正後が上の通りです。一つ一つのブロックを上記のように修正していく作業が続きます↑

移行作業のコツ
  • Cocoonのブロックの下にSWELLのブロックを作成します。
  • CocoonのブロックをHTML表示にすること(ブロックの上にマウスポインターをおくとHTMLへの変換が選べる)で文章をコピーできるので、Cocoonのブロックから文章をコピペし、SWELLのブロックに貼り付け体裁を整えれば完了です。
  • 移行作業というのは95%がこの繰り返しです。(後の5%はトップページの改修など)
  • 画像など、そのままで修正が必要ないブロックもあります。

4. 移行してみての感想

結論から言うととても満足しています。

サイトデザインがプロっぽくなり、且つサイト設計や記事の執筆がとてもやりやすくなりました。

有料ですが購入する価値は十分にあると感じました。移行を悩んでいる方には是非おすすめしたいです。

この記事がSWELLへの移行の参考になれば幸いです。

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

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

この記事を書いた人

ロンドンで働くアラサーのりんです。

ロンドン生活やヨーロッパ旅行のレビュー・感想・役立ち情報や投資・自己学習についてのブログ記事を書いています。

ロンドンに行くなら英語を勉強しないとまずいと思い、勉強して点数を200点以上あげ日本出国前に何とかTOEIC920点を獲得。

投資や節約が好きで、資産運用(投資歴3年)+節約により20代で総資産2,000万円を達成。

これらの経験を元に書く記事が役立てば幸いです。

コメント

コメントする

CAPTCHA


目次