ブロックテーマとページビルダー：実際に何が変わるのか

マーケティングの言葉を取り除くと、目の前にあるのは2つのデザインです。

ページビルダー・プラグイン

ビルダーは、独自のエディター、独自のレイアウトエンジン、独自のウィジェットライブラリをWordPressに追加します。ビルダーのキャンバス上でデザインすると、結果は独自の形式で投稿内に保存されます。その形式をページに戻して表示するため、スタイルシートとスクリプトがフロントエンドで動作します。テーマは基本的に干渉しません。

WordPressに標準搭載のエディターで使えるブロックテーマ

ブロックエディターはWordPress本体の一部です。ブロックは構造化されたコメントで囲まれたHTMLとして保存され、テンプレートはブロックテンプレートであり、色とタイポグラフィはエディターとフロントエンドの両方が読み込むtheme.jsonファイルから取得されます。Canvasのようなブロックテーマは、そのひとつのエディターにブロック、テンプレート、設定を追加します。そのほかに並ぶものはありません。

どちらの方法でも、今日の午後にはウェブサイトが完成します。違いが表れるのは3年後です。優先事項、ホスティング業者、開発者のいずれかが変わったときに、その差が出てきます。

この分野で語られる速度に関する議論は、たいてい言い伝えのような思い込みに基づいています。仕組みは、順を追って考えられるほど単純です。

ページビルダーは、もう一つのレイアウトエンジンです。独自のCSSグリッドシステム、独自のアニメーションライブラリ、独自のJavaScriptを備えており、プラグインはページでどのウィジェットが使われるかを事前に把握できないため、これらは多くの場合すべてのページで読み込まれます。これはWordPressやテーマに加えて発生する固定的なコストです。

ブロックエディターには独自のランタイムがありません。コアブロックの大部分はHTMLとCSSで、よく作られたブロックテーマはそれに少ししか追加しません。Canvasは、ページに実際に含まれているブロックのCSSとJavaScriptだけを読み込み、さらに35個の最適化を追加します。これらはオン／オフを切り替えられ、その中には、販売商品のないページでWooCommerceが読み込むスクリプトを対象とした5つの最適化も含まれます。

正直なところ

上手に作られたページは、優れたビルダーでも、ずさんに作られたブロックテーマのページより良い結果を出せます。レイアウトツールは、ホスティング、画像、フォント、インストールした他の11個のプラグインなどと並ぶ要素のひとつにすぎません。プラグインなどの仕組みを少なくしたい理由は、ベンチマークのスクリーンショットとは関係ありません。他のことに気を取られている日に、トラブルの種が少なくて済むからです。

Canvasのパフォーマンス計測方法

開発者向けのブロックテーマとしてのCanvas

反対側に良い点が一つも見つからない比較は広告にすぎません。ここでは、今日、ビルダーが実際に先行している点をご紹介します。

• 自由な配置。要素をどこへでもドラッグし、1ピクセル単位で微調整する操作は、成熟したビルダーの方が依然としてスムーズです。ブロックエディターは絶対配置よりも構造を重視します。これはチームにとっては利点ですが、一度きりのヒーローセクションには不向きです。
• エコシステムの充実度。大手ビルダーには長年の蓄積があり、サードパーティ製のアドオン、マーケットプレイス、連携機能が揃っています。特定のアドオンに依存したワークフローをお使いなら、移行前に同等のブロックがあるか確認してください。
• チームはそれを分かっています。 チーム、クライアント、そして金曜日に依頼するフリーランサーが5年間ひとつのビルダーを使い込んできたなら、その習熟には実際に金銭的な価値があります。再教育にはコストがかかり、そのコストは次のプロジェクトにのしかかります。
• あらゆる場所でデバイスごとの設定が可能です。一部のビルダーは、ほぼすべてのプロパティでスマートフォンとタブレットの値を設定できます。Coreはより選択的で、ビルダーにコントロールがある場合でも、カスタムCSSフィールドを使うことが時折あります。
• すべてが一つの製品で揃います。 ポップアップ、フォーム、テーマビルダーも同梱したビルダーなら、提供元もサポート窓口も一つにまとまります。Canvasも同じ機能を自社で提供することでこれに応えていますが、この主張は、素のブロックテーマと比べれば妥当なものです。
• インターフェースの安定性。ブロックエディターは、WordPressのリリースのたびに変わります。ビルダーは、提供元の判断で変わります。インターフェースが変わり続けてクライアントに支障が出る場合、それは重要な問題です。

これらはブロックテーマを避ける理由ではありません。慎重に判断するための材料であり、一方の列を有利に見せるような比較表は疑ってかかるべきだということです。

5つの質問に正直に答えれば、たいてい答えは自ずと見えてきます。

• このサイトを2年後に編集するのは誰でしょうか？ クライアント、インターン、または特定の担当者がいない場合、WordPressに標準で付属するエディターが最も見慣れたものになる可能性が高いでしょう。
• いくつのサイトを運用していますか？ 個人サイトであれば、余分な仕組みをいくつ載せても問題ありません。クライアントのサイトを20件も抱えると、そうはいきません。余分な層がひとつ増えるごとに、起票されるのを待つサポートチケットが増えていきます。
• デザインは型破りですか、それとも定番ですか？ 定番のページ構成は、ブロック、パターン、テンプレートが得意とする分野そのものです。レイヤーを重ね、アートディレクションを施した一点物のデザインは、それでもビルダーの方が速いこともあります。
• 移行計画はありますか？ 「移行計画はない」という答えなら、WordPress自身が読める形式を選びましょう。
• 実際に何に支払っているのでしょうか？ テーマ、ビルダー、フォームプラグイン、ポップアッププラグイン、スライダープラグインと、それぞれの更新費用の合計を、それらをまとめてカバーする1つの製品と比べてみてください。

候補にすでにページビルダーが入っている場合は、当社の比較記事2本で、これらの疑問を具体的な製品に当てはめて検討しています。プランごとに見たElementorの代替としてのCanvasと、編集のしやすさ、ロックイン、ライセンス失効時の影響について比較したCanvasとDiviの比較です。どちらの記事も、情報源と数値を確認した日付を記載しています。

Canvasは、そのリストに対するブロックテーマの答えです。既にお使いのインサーターに209個のブロック、183個のパターン、173個のテンプレート、ヘッダーとフッターのビルダー、フォーム、そして出発点として使える88件の完全なデモサイトを備えています。違いを読むより見て確かめたいなら、デモを開いてページ内をクリックしてみてください。