WordPressブロックエディターがサイト編集機能を追加するにつれて、「ドラッグ＆ドロップのWordPressページビルダープラグインに取って代わるものなのか？
WordPressのブロックエディターは非常に直感的で、美しいコンテンツレイアウトを作成することができる。しかし、強力なページビルダープラグインにはまだ一致しない。
この投稿では、WordPressブロックエディターとページビルダープラグインの違いを理解するために比較します。
WordPress ブロックエディターとページビルダーの比較（解説）
ブロックエディターはWordPressの初期設定エディターです。サイトの一般的な要素にブロックを使用します（これがブロックエディターという名前の由来です）。
WordPressサイトで投稿日やページを作成する際、ブロックエディターを使ってコンテンツを追加・編集することができます。ブロックエディターは、すべてのウィジェットエリアにも使用されます。また、「ブロックテーマ」と呼ばれるテーマでは、サイト上のすべてのエリアでブロックエディターを使用することができます。
ブロックエディターでは、コンテンツレイアウトの作成にブロックを使用できるため、ドラッグ＆ドロップのページビルダーと混同しやすい。
しかし、まだページビルダーと呼ぶにはほど遠い。
WordPressページビルダープラグインは、ドラッグ＆ドロップのデザインツールで、コードを書くことなくカスタマイザーのWordPressサイトデザインを作成することができます。
SeedProd、Thrive Architect、Beever Builder、Divi、Elementor、Visual ComposerのようなトップWordPressページビルダーは、かなり強力です。
WordPressのブロックエディターよりもデザインの自由度が高い。
理解を深めるために、WordPressのブロックエディターとページビルダーの違いを深く見てみましょう。
GutenbergとPage Builderプラグインの主な違い
最大の違いは、ブロックエディターがWordPressのコアソフトウェアに初期設定としてビルトインされていることです。
一方、ページビルダー・プラグインはサードパーティの開発者によって作成され、サポートされている。
WordPress.orgチームは初期設定のエディターをページビルダーとは呼んでいない。代わりにブロックエディターと呼び、WordPressでサイトを編集する最新の方法として紹介されています。
それには大きな理由があり、両者の違いを読めばよくわかるだろう。
1.テーマの互換性とサポート
WordPressのブロックエディターは、テーマのスタイルに大きく依存しています。独自のCSSを追加したり、ブロックにカスタムCSSを追加することもできますが、テーマのスタイルや設定を上書きすることはありません。
ページビルダープラグインはテーマのスタイルと連動することができるが、ページを完全に引き継いでテーマのスタイルを上書きする設定もできる。
SeedProdのようなWordPressページビルダーは、完全にテーマに依存しません。これは、WordPressのテーマを変更しても、SeedProdで作成したページは同じように見えることを意味します。
サイトのすべてのページにカスタマイザーを作成したい場合に非常に便利です。
2.ブロックとウィジェット
WordPressのブロックエディターには、よく使われるコンテンツ要素をすべて網羅した初期設定のブロックが用意されています。また、他の投稿日や他のWordPressサイトでもブロックを保存して再利用することができます。
プラグイン開発者が独自のブロックを作成できる強力なAPIを備えています。WordPressのトッププラグインはすべて独自のWordPressブロックを持っています。
一方、WordPressページビルダーには、さらに多くのブロックが用意されている。
カルーセル、スライダー、コールトゥアクションボタン、お問い合わせフォーム、カウントダウンタイマーなど、高度なコンテンツ要素を提供しています。
また、個々のブロック、行、またはテンプレート全体を保存して、後で再利用することもできます。
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のテーマビルダープラグインSeedProdはさらに、任意のコードを記述することなく、カスタムのWordPressテーマを作成することができます。
ドラッグ＆ドロップのビルダーで、テーマの任意のセクションやページを簡単に編集できます。各テンプレートの表示条件を選択することもできます。例えば、サイトのセクションごとに異なるサイドバーを表示させることができます。
7.開発目標
初期設定のWordPressブロックエディターは、ユーザーが簡単にコンテンツを作成し、サイトを編集できるように開発されています。ブロガー、ライター、フォトグラファー、ビジネスなど、すべての人が使用することを目的としています。
ページビルダープラグインは、コンバージョンや売上を重視したページを労力をかけずに作成する機能を提供する。中小企業、デザイナー志望者、WordPress代理店、eコマースストアなどの利用を想定している。
ブロックエディターはより良いコンテンツを作成するのに役立ちますが、ページビルダープラグインは、売上を伸ばし、購読者を増やし、ビジネスを成長させるのに役立つより良いランディングページを作成するのに役立ちます。
ブロックエディターはWordPressページビルダーを置き換えることができるのか、できないのか？
現在の形では、ブロックエディターは優れたコンテンツエディターであり、WordPressテーマを編集しカスタマイズする簡単な方法です。
しかし、現在のところ、強力なドラッグ＆ドロップ式ページビルダー・プラグインの代わりにはならない。
とはいえ、ブロックエディターの機能を拡張し、フルサイト編集機能を促進することはWordPressのロードマップにあります。
ブロックエディターがWordPressの強力なページビルダー・プラグインに迫ることができるかどうかは、改良を見守る必要がある。
ブロックエディターと一緒に使うページビルダープラグインは？
すべてのWordPressページビルダープラグインはWordPressブロックエディターとうまく動作します。私たちが選んだ最高のWordPressページビルダープラグインをご覧ください。
使いやすくパワフルなWordPressページビルダーをお探しなら、SeedProdをお勧めします。ドラッグアンドドロップビルダーと300以上のビルトインテーマを提供し、コードタイプなしであらゆるタイプのランディングページを作成できます。
このプラグインは軽量で、ページの読み込みが速く、SEOで上位に表示されます。また、Constant Contact、Drip、ConvertKitなどの人気のメールマーケティングサービスとも統合できます。
この投稿が、ブロックエディターとWordPressページビルダープラグインの違いを理解するのに役立ったことを願っています。また、WordPressサイトを構築するのにかかる費用についてのガイド、または専門家が選んだ中小企業に最適なAIチャットボットもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Moinuddin Waheed
Block editor has only the things which are most used for the pages and posts to appear specially the editing control whereas page builders serve a larger purpose as they are used for making visually appealing appearance of the pages and posts.
The downside that one may think of while using page builders is extra code which may cause website to slow load but now a days very optimizes and efficient page builders are there in the market. So no worry about that.
Michael Reed
So fast forward to now with wordpress 5.9 and how does Gutenburg/Wordpress stack up against page builders?
WPBeginner Support
Our recommendations from this article are still what we would recommend today
管理者
Anil
We have pages created using Block editor, can we edit these pages using Beaver builder. Thanks
David Innes
You can’t switch between most page builders, and at least so far pages built with blocks are no exception. (The same is true if you want to switch from Beaver Builder to blocks.)
The very good thing about both blocks and Beaver Builder is they both “degrade gracefully” when disabled. That means that while fancy features like contact-form modules, galleries, columns, or row settings won’t come through, the basic text and images are generally preserved.
When you first open a (former) Beaver Builder page with the blocks editor, or vice versa, whatever previous content remains will be turned into a single “classic editor” text block/module. You can take it from there, possibly adding back complex blocks/modules like galleries, forms, columns, and row formatting.
Stephen Gagnon
Thank you guys very much for this extremely clear explanation!
WPBeginner Support
You’re welcome, glad you found our content helpful
管理者
Beulah Wellington
Thank you for this article. I am new to WordPress and this article made things much clearer. The page builders provide so much more functionality.
WPBeginner Support
Glad our article could help clarify this for you
管理者
PATRICK
I will like to know if page builders affect SEO. i am asking this because all the videos i watch on you tube for on page SEO, non o them were using page builder.
Thanks.
WPBeginner Support
Some can but for the most part they should not.
管理者
Annette
I do like Gutenberg. It makes the whole WordPress structure clear and easy to understand. The styling options, which are giving there, are sufficient for running a website, that’s for sure. But if they seem limited for someone, they can easily use Gutenberg Free Addons.
Gutenberg – this is something new and fresh and I want to give it a chance. Especially when WordPress community says there will be new Gutenberg releases.
WPBeginner Support
Thanks for adding your input and hope you enjoy using Gutenburg
管理者
Bayu
I prefer Gutenberg editor than page builder. For me, page builder comes with too many features that make website load slowly. I love create “framework” with Gutenberg then improve it with some additional CSS.
WPBeginner Support
Thanks for sharing your opinion
管理者
Davide Corizzo
«In its current form, Gutenberg is just a better content editor than what WordPress had before. It is NOT a replacement for the powerful WordPress page builder plugins.»
I totally agree with this statement. I’m a Divi user and since the introduction of Wordpress 5.0, my workflow with that builder hasn’t changed at all.
WPBeginner Support
Glad you haven’t had any issues
管理者
Saad
Honestly, I didn’t like the Gutenberg editor on WordPress. It may look easy, but I personally found it annoying and always prefer switching back to WordPress page builders.
Is there a way to remove it completely? That editor seems to be installed by the theme developers itself. This was installed automatically on my website, any way to remove it?
Thanks.
WPBeginner Support
You can disable Gutenberg using: https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
管理者
Vamsi Krishna
While I understand updating is the way to move forward, I somehow don’t enjoy working with the new gutenberg editor because it seems to have conflicts with page builder tools such as Visual Composer – in a couple of instances, my existing client sites were built on VC and this gutenberg had to be disasbled because either the classic editor was not functioning correctly or VC stopped working.
Editorial Staff
Hi 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
I think this comes a little bit “too little, too late”. If they were gonna do such a jump, they should have done something much more powerful, not a light “improvement” after 5 editions and so many years behind.
On the other had, I think in the globalized environment we live in, I find incredible WP has not native functions for multi-lingual websites, and they force us to either go for the free half-functioning cumbersome plug-ins (poly), or for the not-so-good-but-better (WMPL) unjustifiably expensive plug-ins that require a lifetime yearly paid subscription, with no added value once initial set-up is completed. To me such a feature is harder to implement nowadays, while the block editor is much easier with many free powerful plug-ins (or paid ones, that are generally included free as part of a theme).
Editorial Staff
Hi Ed,
Yes it is in the roadmap to work on translations in core. It was announced last year in State of Word. Since WordPress powers a large number of websites, its sometimes challenging to move fast.
管理者
Cavid Muradov
Most people dont like it. But everytime I say WpBakery is the best page builder for Wordpress.
WPBeginner Support
Page builders vary based on personal preference but thank you for sharing your preferred page builder
管理者