当ブログはアフィリエイト広告を利用しています
今回は、無料テーマのCocoonと有料テーマのSWELLについて詳しく紹介します。
両方ともとても使いやすいワードプレステーマなので、魅力をまとめてみました。

右も左も分からないのに、やること多すぎんだよな
Cocoon(無料)とSWELL(有料)の比較
CocoonとSWELLを比較した一覧は以下のとおりです。
Cocoon | SWELL | |
価格 | 無料 | 17,600円(税込) 買い切り |
利用者数 | 非常に多い | 非常に多い |
全体デザイン | カスタマイズしたいならCSSの技術が必要 | ノーコードでカスタマイズ 可能な範囲は広い |
執筆速度 | 普通 | 変換・独自ブロックが使いやすいので速くなる |
独自ブロック | 使いやすい | 非常に使いやすい |
SEO | 基本的なSEO対策は◎ | 表示高速化がSEO対策で有利 |
トップページデザイン | ブログ型が基本 | ノーコードでサイト型にできる |
層 | カスタマイズするなら中級者以上におすすめ | 初心者でも問題なく使える |
ポイント | ・無料で高機能すぎる ・カスタマイズでオリジナル感を強くだせる ・おしゃれなスキンが続々登場 ・投稿一覧で日ごとのPVがわかる ・投稿一覧で文字数がわかる | ・ノーコードが楽すぎる ・サイト型トップページ(フロントページ)を簡単に作成できる ・ブロックの変換がスムーズ ・SWELL独自ブロックが使いやすい |
公式サイト | 公式サイト |
価格
Cocoon | SWELL |
無料 | 17,600円(税込) 買い切り |
価格は、Cocoonが無料なのに対し、SWELLは買い切りで17,600円(税込)です。
参考までに、その他の有料テーマの金額比較も出しておきます。
テーマ名 | 金額 |
SWELL | 17,600円 |
SANGO | 14,800円 |
AFFINGER6 | 14,800円 |
XWRITE | サブスクリプション(月額) 990円/月 サブスクリプション(年額) 9,900円/年 買い切り 19,800円 |
そのほかの有料テーマよりも高めの値段設定になっていることもあり、購入しても元が取れるかわからない初心者には、SWELLの価格はなかなか勇気のいる出費になりますよね。
SWELLを安く入手する方法
SWELLはエックスサーバーと提携していて、エックスサーバーでレンタルサーバーを借りるとSWELLを880円安く購入できます。
エックスサーバーは圧倒的な国内シェア率を誇る大手レンタルサーバーで信頼性があり、ブログ初心者におすすめです。

SWELLを導入予定なら、エックスサーバーを検討するのもありかもね
利用者数
利用者数は、どちらも非常に多いです。
利用者数が多いメリットは、わからないことがあったときには検索エンジンで検索すれば解決できることが多いことです。
つまり初心者にとてもお優しいと言うことで、私も色んなサイトに大変お世話になりました。
両テーマとも、カスタマイズ方法や設定方法をたくさんのサイトが紹介しているので、基本的なことはだいたいすぐに解決できます。
そしてどうしても解決できないときは、どちらのテーマでも公式サイトにフォーラム(質問掲示板)があるので直接尋ねることが出来ます。

とても安心だ
全体デザイン
Cocoon | カスタマイズしたいならCSSの技術が必要 |
SWELL | ノーコードでカスタマイズ可能な範囲が広い |
スキン機能を使う(多数)
CSSカスタマイズ
全体デザインは、Cocoonは初期状態ではシンプルなため、スキン機能を使うか独自でカスタマイズしたいのであれば、CSSの技術が必要となります。
デモサイトの着せ替えファイルを使う
カスタマイザー
一方、SWELLはノーコードでカスタマイズ出来る範囲が広く、カスタマイザーやエディター設定で項目を選ぶだけで自分好みのデザインにできるので、CSSを使う必要がありません。

CSSでカスタマイズを楽しみたいならCocoon、ブログの執筆に力を入れたければSWELLがおすすめだよ
SWELLでもCSSカスタマイズできますが、最初から完成したデザインなので「する必要がない」と言っていいでしょう。
執筆速度
Cocoon | 普通 |
SWELL | 変換・独自ブロックが使いやすいので速くなる |
SWELLの購入を検討していたとき、SWELLを使えば執筆速度が速くなるという口コミがありました。
使う前はよくわかりませんでしたが、使ってみてSWELLのブロック変換・独自ブロック・装飾のスムーズさが執筆速度が速くなる要因であることを実感しました。
ブロック変換
段落のブロック変換では、SWELLは段落をふきだしに変換する機能が追加されています。
ブログの執筆中に、すでに書いた段落をふきだしにしたくなることがよくあるのでとても便利です。
独自ブロック
独自ブロックでは、キャプションボックスを例に違いを挙げます。
Cocoonの見出しつきボックス(汎用ボックス)は3種類あります。別のデザインにしたいときは、新たにボックスを作ってコピペします。
SWELLの見出しつき(キャプションボックス)は1種類ですが、スタイルを自由に変更できます。クリックひとつで別のデザインに変更したり戻したりできます。
装飾
テキストを太字にしたりマーカーをつけたりする方法にも少し違いがあります。
太文字+マーカーの装飾方法、Cocoonでは3クリック、SWELLでは2クリックです。
たった1クリックだけ?と思うかもしれませんが、クリック数が減ればそれだけ選択間違いが減るのも地味に効率の良さに繋がります。
独自ブロック
Cocoon | 使いやすい |
SWELL | 非常に使いやすい |
CocoonとSWELLは独自ブロックが充実しています。
両方のテーマで同じ機能のブロックが多数ありますが、ほんの少し異なる部分もあります。
制限エリアブロック
SWELLの制限エリアブロックは、キャンペーン情報を表示させるのにとても便利です。
キャンペーンが終わったら自動で非表示になるので、終わった内容を表示させない安心感があります。
吹き出し
CocoonとSWELLの吹き出しは、見た目的にはそこまで大きな違いはありません。
ただ、SWELLは吹き出しの色を自由に変更できます。
▷デフォルト(白抜き)
▷フラット(グレー)
▷LINE風(緑)
▷考え事
CocoonとSWELLの吹き出しボックスのもっとも大きな違いは、吹き出しの設定を変えたときにすでに設置済みの吹き出しに設定が反映されるかどうかです。
・Cocoon……画像などを変えた場合、設置済みの吹き出しに変更が反映されない
・SWELL……画像などを変えた場合、設置済みの吹き出しにも変更が反映される
Cocoonで設置済み吹き出し画像を一括で変更したい場合は、フォーラムにもある通り画像ファイル自体を上書きすれば可能です。
しかし、Cocoon設置済み吹き出しのスタイルや名前を変えたくなった場合は、変更が少し面倒かもしれません。
キャプションブロック
キャプションブロックについては、「比較6:執筆速度」の項目で説明した内容と同じです。
キャプションブロックを作れば、クリックするだけでさまざまなスタイルに変更できるのがとても便利です。
フルワイドブロック
フルワイドブロックは、主にトップページ(フロントページ)で使用します。
CSSなしならSWELL、CSSありならCocoonでフルワイドデザインは可能です。
タブブロック
タブブロックは、以前はSWELLのみにしかありませんでした。
しかし、Cocoon 2.7.3バージョンからCocoonにも追加されましたのでどちらのテーマでも使えます。
- Tab 1
- Tab 2
あいうえお
かきくけこ
このように、Cocoonのバージョンアップで今はない機能が使えるようになる可能性は十分あります。
SEO
Cocoon | 基本的なSEO対策はばっちり |
SWELL | 表示高速化がSEO対策で有利 |
SEO対策は、CocoonもSWELLも問題ありません。
SWELLは表示高速化に力を入れている分、少し有利かなといった内容です。
トップページデザイン
Cocoon | ブログ型が基本 |
SWELL | ノーコードでサイト型にできる |
トップページデザインは主に二つに分けられます。
ブログ型……新着記事を順番に一覧表示したスタイル
サイト型……カテゴリー別にしたり、テキストを挟んだり自由にカスタマイズしたスタイル
ブログ型 | サイト型 | |
記事の探しやすさ | 探しにくい | 探しやすい |
カスタマイズ性 | あまりない | 自由にできる |
メリット | 新着記事が読まれやすい シンプルで考えることが少ない | おしゃれで見やすくカスタマイズできる |
デメリット | 過去記事が埋もれる 記事を探しにくい | カスタマイズデザインを考える必要がある |
Cocoonはブログ型が基本です。
設定でカテゴリーごとの新着記事表示にすることは簡単にできますが、完全にサイト型にするにはCSSカスタマイズが必須です。
まとめ

執筆かカスタマイズ、どちらを優先するかによって選べばよさそうだね
初心者はノーコードでカスタマイズできるSWELLがおすすめですが、値段が高いので躊躇する気持ちはよくわかります。
こだわりがなければCocoonでもおしゃれなデザインがたくさんありますので、まずCocoonを使ってみて途中からSWELLへテーマ変更するのもありです。
途中で変える場合は、できるだけ早めに変えないと移行のリライトが大変なのでご注意を。
コメント