WordPressのブロックエディターにサイト編集機能が追加されるにつれて、ドラッグアンドドロップのWordPressページビルダープラグインの代替となるのかとよく聞かれます。
WordPressブロックエディターは非常に直感的で、美しいコンテンツレイアウトを作成するために使用できます。しかし、強力なページビルダープラグインにはまだ及びません。
この記事では、WordPressのブロックエディターとページビルダープラグインを比較し、その違いを理解するのに役立ちます。
WordPressブロックエディターとページビルダー（解説）
ブロックエディターはWordPressのデフォルトのエディターです。一般的なウェブサイト要素にブロックを使用します（そのため、ブロックエディターという名前がついています）。
WordPressサイトで投稿やページを作成する際、ブロックエディターを使用してコンテンツを追加・編集できます。ブロックエディターは、すべてのウィジェットエリアにも使用されます。そして今では、「ブロックテーマ」と呼ばれる一部のテーマでは、ウェブサイトのあらゆる領域でブロックエディターを使用できるようになりました。
ブロックエディターはブロックを使用してコンテンツレイアウトを作成できるため、ドラッグ＆ドロップページビルダーと混同しやすいです。
しかし、それはまだページビルダーと呼ぶにはほど遠いです。
WordPressのページビルダープラグイン は、コードを書かずにカスタムWordPressウェブサイトのデザインを作成できるドラッグアンドドロップのデザインツールです。
SeedProd、Thrive Architect、Beaver Builder、Divi、Elementor、Visual Composerなどの主要なWordPressページビルダーは、はるかに強力です。
これらはすぐに使えるテンプレートが付属しており、WordPressブロックエディターよりもはるかに多くのデザインの柔軟性を提供します。
よりよく理解するために、WordPressブロックエディターとページビルダーの違いを詳しく見てみましょう。
Gutenbergとページビルダープラグインの主な違い
最大の違いは、ブロックエディターがWordPressコアソフトウェアにデフォルトのエディターとして組み込まれていることです。
一方、ページビルダープラグインはサードパーティの開発者によって作成・サポートされています。
WordPress.orgチームは、デフォルトのエディターをページビルダーとは呼びません。代わりに、ブロックエディターと呼び、WordPressでウェブサイトを編集するためのモダンな方法として提示しています。
その大きな理由があり、2つの違いを読み進めるにつれて非常に明確になります。
1.テーマの互換性＆amp;サポート
WordPressブロックエディターは、テーマのスタイルに大きく依存します。独自のCSSを追加したり、ブロックにカスタムCSSを追加することもできますが、テーマのスタイルや設定を上書きするわけではありません。
ページビルダープラグインはテーマのスタイルと連携できますが、ページを完全に制御し、テーマのスタイルを上書きするオプションも提供します。
SeedProdのような一部のWordPressページビルダーは、完全にテーマに依存しません。これは、SeedProdで作成されたページは、WordPressテーマを変更しても同じように見えることを意味します。
これは、すべてのウェブサイトページのカスタムレイアウトを作成したい場合に非常に役立ちます。
2. ブロックとウィジェット
WordPressブロックエディターには、一般的に使用されるすべてのコンテンツ要素を網羅する、適切なデフォルトブロックが付属しています。また、ブロックを保存して再利用することもでき、他の投稿や他のWordPressウェブサイトでも利用できます。
プラグイン開発者が独自のブロックを作成できる強力なAPIを備えています。すべてのトップWordPressプラグインにも、使用できる独自のWordPressブロックがあります。
一方、WordPressのページビルダーにはさらに多くのブロックが付属しています。
カルーセル、スライダー、CTAボタン、 お問い合わせフォーム、カウントダウンタイマーなど、高度なコンテンツ要素を提供します。
個々のブロック、行、またはテンプレート全体を保存して、後で再利用することもできます。
3.フォーマットとスタイリングオプション
WordPressブロックエディターのブロックには、独自のスタイリングとフォーマットオプションが付属しています。ただし、これらのオプションは限られています。
より多くのスタイリングとフォーマットを行うには、ブロックに独自のカスタムCSSを追加する必要があります。
一方、ページビルダーは、デフォルトでより多くのスタイリングオプションを提供します。
ブロックの背景色を変更したり、グラデーションを使用したり、フォントアイコンを使用したり、フォントを選択したり、行の高さを調整したり、要素の幅を調整したり、画像にスタイルを適用したりできます。
4. テンプレート、パターン、セクション
ブロックエディターには、WordPressブログで一般的に使用される領域を素早く挿入するためのブロックセットであるパターンが付属しています。
例えば、ブロックパターンをヘッダー、コールトゥアクションボタン、カラムなどに使用できます。
WordPressテーマには独自のパターンが用意されている場合があります。WordPress.orgのパターンライブラリからパターンを見つけてインストールすることもできます。
ブロックテーマ（フルサイト編集をサポートするテーマ）を使用している場合は、テーマテンプレートも編集できます。WordPressテーマには、ブロックエディターを使用して編集できるテンプレートが付属している場合があります。
ただし、これらのテンプレートは汎用的であり、一般的なWordPressウェブサイトの共通ページを表示する機能を提供します。
WordPressのページビルダープラグインには、より多くの既製のテンプレートやセクション、パターンが付属しています。
ブロックエディターとは異なり、これらのセクションとテンプレートは、スタイリングのためにWordPressテーマに依存しません。
ほとんどのWordPressページビルダープラグインには、コンバージョンに最適化されたすぐに使えるテンプレートが多数用意されています。
さらに、特定のビジネスタイプやウェブサイト向けのテンプレートも用意されているため、独自のニーズに合わせてカスタマイズする速度が大幅に向上します。
5. ドラッグ＆ドロップ機能
WordPressのブロックエディターは、ドラッグアンドドロップのデザインツールではありません（少なくとも現在の形では）。
ブロックを追加したり、上下に移動したりできますが、マウスで幅/高さを調整したり、ブロックを隣り合わせに配置したり、複雑なレイアウトを作成したりすることはできません。
ブロックエディターには、グループブロックとカラムブロックが付属しており、これらを使用して美しいページレイアウトを作成できます。
一方、ページビルダーを使用すると、ブロック/ウィジェットをドラッグアンドドロップしたり、高さと幅を調整したり、列を作成したり、他のブロック内にブロックを追加したりできます。
これらのドラッグアンドドロップページビルダーを使用すると、ページやウェブサイト全体を簡単にデザインできます。
6. フルサイトエディター vs WordPressページビルダー
ブロックエディターを使用してWordPressテーマを編集することもできます。ただし、これを試すには、フルサイト編集をサポートするWordPressテーマが必要です。
WordPressのフルサイトエディターには、クエリブロック、サイトロゴ、ナビゲーションメニューなどのサイト全体にわたるブロックが付属しています。
ヘッダー、フッター、ホームページなどのテーマテンプレートを編集できます。
ただし、サイト全体編集機能を使用するには、サポートされているテーマを使用する必要があります。WordPressテーマを変更すると、変更内容は消えます。
一方、WordPressのページビルダープラグインを使用すると、ウェブサイトを作成するための個々のページを作成できます。それらはどのWordPressテーマとも連携でき、WordPressテーマを変更することもできます。
WordPressテーマビルダープラグインであるSeedProdは、コードを書かずにカスタムWordPressテーマを作成するのに役立ちます。
ドラッグ＆ドロップビルダーを使用すると、テーマのセクションやページを簡単に編集できます。各テンプレートの表示条件を選択することもできます。たとえば、サイトのセクションごとに異なるサイドバーを表示できます。
7. 開発目標
デフォルトのWordPressブロックエディターは、ユーザーがコンテンツを作成し、ウェブサイトを編集しやすくするために開発されました。ブロガー、ライター、写真家、ビジネスなど、誰もが利用できるように設計されています。
ページビルダープラグインは、あまり労力をかけずにコンバージョンおよびセールス指向のページを作成する機能を提供します。これらは、中小企業、意欲的なデザイナー、WordPressエージェンシー、eコマースストアなどが利用することを目的としています。
ブロックエディターはより良いコンテンツ作成を支援しますが、ページビルダープラグインは、売上増加、購読者増加、ビジネス成長に役立つ、より優れたランディングページを作成するのに役立ちます。
ブロックエディターはWordPressのページビルダーに取って代わることができますか、または取って代わりますか？
現在の形では、ブロックエディターは優れたコンテンツエディターであり、WordPressテーマを編集およびカスタマイズする簡単な方法です。
ただし、現時点では強力なドラッグ＆ドロップページビルダープラグインの代替にはなりません。
そうは言っても、ブロックエディターの機能を拡張し、サイト全体編集機能を推進することは、WordPressロードマップに盛り込まれています。
ブロックエディターが強力なWordPressページビルダープラグインに近づけるかどうかを判断するには、改善を待つ必要があります。
ブロックエディターで使用するページビルダープラグインはどれですか？
すべてのトップWordPressページビルダープラグインは、WordPressブロックエディターと連携してうまく機能します。弊社の選ぶ最高のWordPressページビルダープラグインをご覧になり、それらが互いにどのように比較されるかを確認できます。
使いやすく強力なWordPressページビルダーをお探しなら、SeedProdをおすすめします。ドラッグアンドドロップビルダーと300以上の組み込みテーマを提供しており、コーディングなしであらゆる種類のランディングページを作成できます。
このプラグインは軽量で、ページの読み込み速度を速くし、SEOでのランキング向上に役立ちます。また、Constant Contact、Drip、ConvertKitなどの人気のメールマーケティングサービスとも統合されています。
この記事が、ブロックエディターとWordPressページビルダープラグインの違いを理解するのに役立ったことを願っています。また、WordPressウェブサイトの構築費用に関するガイド（WordPressウェブサイトの構築費用はいくらですか？）や、中小企業向けのベストAIチャットボット（中小企業向けのベストAIチャットボット）もご覧ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
サミュエル
私の経験では、Gutenbergはシンプルなウェブサイトや迅速なコンテンツ作成に最適ですが、seedProdやElementorのようなページビルダーは、より複雑なデザインやカスタマイズに適しています。
Olaf
ブロックエディターは素晴らしいです。ウェブサイトを構築するために必要なすべてを提供します。さらに、高速で、サイトに不要なコードや拡張機能を追加しません。ウェブサイトを構築する際に私が気づく主な違いは、ビルダーを使用する場合、サイトの最適化について、より慎重に、そして事前に考える必要があるということです。それが現実です。ビルダーは本質的にサイトを遅くするため、多くのプラグインを必要としない軽量なウェブサイトに最適です。見た目は完璧でもパフォーマンスが低いサイトになりがちです。一方で、初心者にとっては、ビルダーは救世主となり、外部のエージェンシーを必要とせずに、素敵な小さなウェブサイトを構築できます。したがって、それぞれに長所と短所があります。ブロックエディターの欠点は複雑さであり、ビルダーの欠点は最適化が劣ることです。これが私が主なポイントだと考えていることです。ユーザーフレンドリーさでは、ビルダーが勝ちます。最終的には、ウェブサイトとユーザーの経験次第です。
イジー・ヴァネック
WordPressがブロックエディターを導入したとき、私はGutenbergが本当に嫌いだったので使用をやめました。その後、ElementorとSeedProdが登場し、WordPressに戻りました。おそらく意見の問題ですが、Gutenbergは私にはうまくいかず、複雑に見えます。一方、ElementorとSeedProdは非常にわかりやすいビルダーで、初心者でも扱えます。WordPressがネイティブで同様の方向に行かなかったのは残念です。
はい、Gutenberg がネイティブであることはビルダーよりも速いかもしれませんが、Elementor や SeedProd でこれまでのところ速度の問題はありません。この 2 つのビルダーのおかげで、WordPress に戻って再び楽しく使えるようになりました。
モイヌディン・ワヒード
ブロックエディタには、ページや投稿を特別に見せるために最もよく使われるもの、特に編集コントロールしかありませんが、ページビルダーは、ページや投稿の視覚的に魅力的な外観を作成するために使用されるため、より大きな目的を果たします。
ページビルダーを使用する際に考えられる欠点は、ウェブサイトの読み込みが遅くなる可能性のある余分なコードですが、最近では市場には非常に最適化され効率的なページビルダーがあります。ですから、その心配はありません。
イジー・ヴァネック
はい、多くの開発者が、例えばElementorはWordPressを遅くし、扱いにくいと主張しています。私は長年それを使用してきましたが、常に高速なウェブサイトを持っていました。これは神話の一つだと思いますし、WPBeginnerチームの記事の良いトピックになるかもしれません。私の意見では、それは常にウェブ最適化の問題であり、ビルダーが問題であると単純かつ広範に言うことはできません。例えば、ElementorとSeedProdの両方を非常に高速にすることができます。
マイケル・リード
それで、WordPress 5.9の現在に早送りして、Gutenberg/WordPressはページビルダーと比べてどうですか？
WPBeginnerサポート
Our recommendations from this article are still what we would recommend today
管理者
Anil
ブロックエディターを使用して作成されたページがありますが、これらのページをBeaver builderで編集できますか？よろしくお願いします。
David Innes
ほとんどのページビルダー間では切り替えられませんし、少なくともこれまでのところブロックで構築されたページも例外ではありません。（Beaver Builderからブロックに切り替えたい場合も同様です。）
ブロックエディターとBeaver Builderのどちらにも共通する非常に良い点は、無効にしたときにどちらも「優雅に機能低下する」ことです。つまり、お問い合わせフォームモジュール、ギャラリー、カラム、行設定などの高度な機能は引き継がれませんが、基本的なテキストと画像は一般的に保持されます。
ブロックエディターで（以前の）Beaver Builderページを開いたとき、またはその逆の場合、残っている以前のコンテンツはすべて単一の「クラシックエディター」テキストブロック/モジュールに変換されます。そこから、ギャラリー、フォーム、列、行のフォーマットなどの複雑なブロック/モジュールを再度追加することができます。
Stephen Gagnon
この非常に分かりやすいご説明、本当にありがとうございます！
WPBeginnerサポート
You’re welcome, glad you found our content helpful
管理者
Beulah Wellington
この記事をありがとうございます。私はWordPress初心者で、この記事で物事がずっと明確になりました。ページビルダーはさらに多くの機能を提供します。
WPBeginnerサポート
Glad our article could help clarify this for you
管理者
PATRICK
ページビルダーはSEOに影響しますか？YouTubeで見るオンページSEOの動画で、ページビルダーを使っているものが一つもなかったからです。よろしくお願いします。
WPBeginnerサポート
いくつかは可能ですが、ほとんどの場合はそうではありません。
管理者
Annette
私はGutenbergが好きです。WordPressの構造全体が明確になり、理解しやすくなります。提供されているスタイリングオプションは、ウェブサイトを運営する上で十分だと思います。しかし、誰かにとって制限があるように見える場合は、Gutenberg Free Addonsを簡単に使用できます。
Gutenberg – これは新しく新鮮なものであり、私はチャンスを与えたいと思います。特にWordPressコミュニティが新しいGutenbergリリースを発表すると言っているからです。
WPBeginnerサポート
Thanks for adding your input and hope you enjoy using Gutenburg
管理者
Bayu
ページビルダーよりもGutenbergエディターを好みます。私にとって、ページビルダーはウェブサイトの読み込みを遅くする機能が多すぎます。Gutenbergで「フレームワーク」を作成し、追加のCSSで改善するのが好きです。
WPBeginnerサポート
Thanks for sharing your opinion
管理者
Davide Corizzo
「現在の形では、GutenbergはWordPressが以前持っていたものよりも優れたコンテンツエディターにすぎません。強力なWordPressページビルダープラグインの代わりにはなりません。」
この意見に完全に同意します。私はDiviユーザーであり、WordPress 5.0の導入以来、そのビルダーでの私のワークフローは全く変わっていません。
WPBeginnerサポート
Glad you haven’t had any issues
管理者
Saad
正直なところ、WordPressのGutenbergエディターは好きではありませんでした。簡単に見えるかもしれませんが、個人的には煩わしく感じ、常にWordPressのページビルダーに戻ることを好みました。
それを完全に削除する方法はありますか？そのエディターはテーマ開発者自身によってインストールされているようです。これは私のウェブサイトに自動的にインストールされましたが、削除する方法はありますか？
ありがとう。
WPBeginnerサポート
次の方法でGutenbergを無効にできます: https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
管理者
Vamsi Krishna
アップデートが前進するための方法であることは理解していますが、新しいGutenbergエディターは、Visual Composerのようなページビルダーツールと競合するように見えるため、あまり楽しく作業できません。いくつかのケースでは、既存のクライアントサイトはVCで構築されており、クラシックエディターが正しく機能しないか、VCが動作しなくなったため、このGutenbergを無効にする必要がありました。
編集スタッフ
Vamsiさん、こんにちは。
We definitely understand that some people will not be able to upgrade right away. This is why WordPress team made the Classic Editor plugin and gave it end-of-life date till end of 2021. In the coming releases, as more plugins adapt to Gutenberg, some of the issues that you mentioned will not occur
管理者
Ed
これは少し「手遅れ」だと思います。もしそのような飛躍をするつもりなら、もっと強力な何かをするべきでした。5つのエディションと何年も遅れている後の軽い「改善」ではなく。
一方で、私たちが生きるグローバル化された環境において、WPに多言語ウェブサイト用のネイティブ機能がなく、無料の半機能で扱いにくいプラグイン（Poly）か、不当に高価で、初期設定完了後は付加価値のない（WMPL）あまり良くはないがマシなプラグインのどちらかを選択せざるを得ないことに驚いています。私にとって、ブロックエディターが多くの無料または有料（テーマの一部として無料で含まれることが多い）の強力なプラグインで非常に扱いやすくなっている現在、このような機能の実装はより困難です。
編集スタッフ
エドさん、こんにちは。
はい、コアでの翻訳作業はロードマップに含まれています。昨年のState of Wordで発表されました。WordPressは多数のウェブサイトで利用されているため、迅速な対応が難しい場合があります。
管理者
カビド・ムラドフ
ほとんどの人はそれを好きではありません。しかし、私はいつもWpBakeryがWordpressにとって最高のページビルダーだと言っています。
WPBeginnerサポート
Page builders vary based on personal preference but thank you for sharing your preferred page builder
管理者