はじめに
X（旧Twitter）でよく見かけるCocoonとSWELLの比較ですが、古い情報が多く、最新の状況が反映されていないことがあります。
この記事では、、2024年7月21日時点の情報をもとに、Cocoon 2.7.5とSWELLのブロック機能を比較し、考察します。
CocoonとSWELLのブロック比較
表1にブロック一覧を示します。
SWELLに関しては、マニュアル情報を基にした比較です。
| SWELL | Cocoon | スキン | 備考 |
|---|---|---|---|
| リスト入りグループ |
| Cocoonは、ボックス+リストと独立したブロックで作成。 | |
| アコーディオン | アコーディオン（トグル） | ||
| バナーリンク | × | WordPressカバーブロックで代用可能。 | |
| ボックスメニュー | ボックスメニュー | ||
| SWELLボタン |
| ||
| キャプションボックス |
| ||
| リッチカラム |
| SWELLはデバイスごとのカラムの並びなど、詳細を設定可能。 | |
| 説明リスト（DL） | × | ||
| FAQ | FAQ | SWELL同様、タイトルをH2～H4に変更可能。 | SWELは質問ラベルをH2～H4、dtに変更可能。 |
| フルワイド | × | ||
| ステップ | タイムライン | SWELL同様、タイトルをH2～H4に変更可能。 以下のスタイルあり。
| SWELLはタイトルをH2～H4、dtに変更可能。 |
| タブ | タブ | SWELL同様のスタイルあり。
| |
| ABテスト | × | ||
| 広告タグ | 公告 | ||
| ふきだし | 吹き出し | ||
| ブログパーツ | テンプレート | Cocoonはpatternショートコードでも可能（WordPressパターン）。 | |
| リンクリスト | × | ||
| 投稿リスト |
| ||
| 関連記事 | ブログカード | SWELL同様のスタイルあり。
| |
| 制限エリア | × | ||
| 商品レビュー | ランキング | ||
| RSS | × | ||
| プロフィールボックス | |||
| 新着情報 | |||
| CTA | |||
| マイクロバルーン | |||
| マイクロテキスト |
考察
Cocoonについて
独自ウィジェットが全てブロックに必要か疑問です。
例えば、Cocoon 2.7.5で追加された「CTA」ブロックは、1つのボタンしか設置できず、楽天やAmazonなど複数のボタンが必要な場合には不向きです。
そのため、セミナー募集など特定の用途に適しているかと思います。
また、プロフィールボックスについても、ウィジェットのみでも十分ではないかと考えます。
SWELLについて
キャプションボックスのように、デザインが異なるブロックがスタイル選択としてまとめられており。
機能が集約されていてスッキリした印象を受けます。
さいごに
テーマごとにブロックには違いがありますが、Gutenbergエディターの機能アップにより、WordPress自体の使い勝手も向上しています。
そのため、ブロックだけで優劣を判断するのは難しいです。
外部の情報に惑わされず、目的や必要な機能に基づいて、自分に合ったテーマを選ぶことが重要です。
