グーテンベルクとワードプレスのページビルダー:お互いを際立たせる主な違い

公開: 2020-03-30

過去1年ほどの間、WordPress 5.0のリリース直後、グーテンベルクの将来の見通しと、それがWordPressの一般的な従来のページビルダーにどのように耐えるかについて、終わりのない議論がありました。 1年半後も議論は続いています。 より多くの人々がWordPress5.0にアップグレードするにつれて、彼らはグーテンベルクがページ構築の世界に革命的な変化をもたらすことができるかどうかについて質問しています。 Elementor、Divi、Beaver Builderなどの従来のドラッグアンドドロップビルダーの理想的な代替品になるでしょうか?

2017年6月の発売以来、Matt Mullenwegは、WordPressの究極のデフォルトブロックエディターとしてGutenbergを導入しました。 そしてそれ以来、そのユーザーにとって、それを使用した経験は、世界中でそれを好きと嫌いの完璧なバランスで混合された反応を得ました。

Gutenbergは、最初に起動したとき、応答しないブロック、機能が制限された機能の低下など、多くの問題を抱えていました。しかし、WordPress 5.4の最新バージョンを考えると、Gutenbergは、現時点では応答の速いブロック編集メカニズムを備えた強力なツールのようです。

gutenberg Editor

しかし今、本当の問題は、他のプレミアムページビルダープラグインの無料バージョンに対してまだチャンスがあるのか​​、それともそれらを際立たせる2つの間に大きな違いがあるのか​​ということです。 まあ、そのような比較クエリは今も永遠に避けられません。

したがって、この投稿では、GutenbergとWordPressページビルダーの基本的な違いのいくつかに光を当てようとしました。これにより、2つの間の適合性を理解するのに混乱した場合に、適切な選択を行うことができます。あなたにぴったりの1つ。

グーテンベルク対ワードプレスページビルダー:主な違い

たぶん今、あなたの何人かは、その本当の違いさえ知らずに、あなたのウェブサイトですでにグーテンベルクとワードプレスの両方のページビルダーを使用しています。 したがって、あなたはおそらくあなたのウェブサイトをうまく整理するのに役立つこれらの魔法のツールを使用する本当の目的に気づいていません。 したがって、そのカテゴリの人々は間違いなく以下の違いの比較が興味深いと思うでしょう。

ここでは、基本的な長所、短所、推奨事項などの観点から、各ツールを比較しました。 それでは始めましょう。

グーテンベルクとワードプレスのページビルダーの主な製品の比較

Gutenberg wordpress page builders

次のような基準に基づいてツールを分析してみましょう。

ブロックとウィジェット

シンプルなコンテンツ編集ブロックは、グーテンベルクが主に構成しているものであり、そのため、ほとんどの人は、ブロックの機能と機能のバリエーションが不足していると不満を漏らしています。 多くのグーテンベルクのデフォルトブロックは、日常のコンテンツ要素を構成するのに十分かもしれませんが、より重要または詳細な設計の場合、これは十分ではない可能性があります。 しかし、最新の更新により、列ブロックはより柔軟になりましたが、ブロック設計オプションの不足を補うことはできません。

Elementor Custom Widgets

一方、WordPressページビルダーには、さまざまなブロック、ウィジェット、アドオンなどが付属しています。 これにより、ユーザーは自分の想像に近い希望のページを自由に作成できます。 また、ユーザーは、スライダー、カルーセル、並べて比較、テーブル、アクションを呼び出すボタンなど、他の高度な要素を使用できます。

編集オプション

ページコンテンツの編集に関しては、Gutenbergは主にユーザーのバックエンドブロックベースのエディターとして機能します。 フロントエンド編集オプションを有効にしようとしても、ページがフロントエンドでどのように表示されるかをユーザーに表示することはできません。

バックエンドのエディターパネルからメニューやその他の設定オプションを非表示にすると、フロントエンドでのビューについて公正なアイデアが得られますが。 しかし、それはまだあなたが編集しているウェブページや投稿の実際のイラストではありません。 プレビューすると、ページが投稿または公開された後のコンテンツの外観を正しく理解できます。

How to Create, Manage & Edit Reusable Blocks in WordPress

ElementorのようなWordPressページビルダーには、ドラッグアンドドロップページ作成機能に加えてライブ編集機能が付属しています。 これは、ウィジェットやその他の編集可能な機能を移動する機能とともに、ページで行われたすべての変更をリアルタイムで表示できることを意味します。

調整を行うと、そのページを離れたり保存したりしなくても、目の前でライブで変更されているように見えます。 これにより、位置やコンテンツのカスタマイズに必要な修正を正しく行うことができるため、編集が非常に簡単になります。

テーマ、拡張機能、互換性

Best Elementor themes

Gutenbergを使用しているときに、WordPressテーマを変更または調整したり、拡張機能を追加して使いやすさを向上させたりすることはできません。 ほとんどの場合、ユーザーエクスペリエンス全体を通じて同じで、アイドル状態のままです。

グーテンベルクで作業している間、テーマのスタイルは同じままですが、その中のブロックに追加できるCSSとカスタムCSSの量には限りがあります。 変更したり遊んだりするためのオプションがあまりないため、これは多くのユーザーにとって非常に退屈な場合があります。

ただし、ページビルダーを使用する場合はそうではありません。 ページ作成のパフォーマンスと使いやすさを向上させるために、デフォルトのテーマで多くの人気のあるアドオンや拡張機能を自由に使用できます。

より本質的には、それらのほとんどは完全に互換性があり、元のパフォーマンスに妥協することはありません。 さらに、テーマのスタイルと設定に注目すべき変更や更新を加えることもできます。 したがって、カスタムページレイアウトを作成する場合は、その広範な機能がユーザーにとって非常に便利になります。

ページのフォーマットとコンテンツのデザイン

限られたページフォーマットオプションは、発売時からグーテンベルクにとって常に欠点でした。 ブロックのカスタム幅を追加することはできませんが、列幅のパーセンテージを追加することは可能です。 さらに、オプションの設計もそれほど革新的ではありません。 従来の構造や色から別の構造や色に移行するには、かなりの作業が必要です。

Content Design

しかし、コンテンツの形成とデザインに関しては、WordPressページビルダーは常にグーテンベルクと比較して一歩先を行っていました。 ページをフォーマットしたり、ページ上でデザインしたりするのは、驚くほど簡単で、速く、手間がかかりません。

そのユーザーフレンドリーなインターフェースにより、ユーザーは、スケーリング、色、フォント、カスタムポジショニング、要素変換、パディングなど、あらゆる種類のページ上の調整をこれまでになく簡単に行うことができます。 確かに、デザインしているページが重いと少し遅れる場合があります。

応答性とパフォーマンス

今日、現代のテクノロジーの台頭により、ほとんどのプラグインはレスポンシブデザインで作られています。 あらゆる種類のプラットフォームでテストし、すべてのプラットフォームでのパフォーマンスベンチマークを確認します。 したがって、この場合、グーテンベルクも例外ではありません。 さまざまなデバイスでパフォーマンスと応答性をテストし、それに基づいて設計設定を調整しました。

軽量のツールであるため、グーテンベルクはこれまでのところ、いかなる種類の速度低下やパフォーマンスの遅れも示していませんでした。 しかし、より多くの人々がモバイルデバイスを使用してWebサイトにアクセスするため、同様の応答性を維持することが課題になりました。 また、現在の設計は非常にシンプルで基本的であるため、一部の部分でレスポンシブ設計オプションが不足しています。

new features of HappyAddons

一方、ページビルダーは、応答性とパフォーマンスを維持するために、セットアップで同様の配置を必要とします。 ただし、ほとんどの場合、応答性はページとコンテンツのサイズによって異なります。 グーテンベルクとワードプレスページビルダーのパフォーマンス比較テストがWooCommerceストアで実施されました。

WooCommerceプラグインが有効になり、ショップはすべてのサイトで同じ製品でセットアップされました。 WooCommerceサイトでのリクエストは、2つの間で類似していましたが、Gutenbergのページの読み込み時間は、すべてのページビルダーと比較して高速でした。 そして、これは、このシングルベンダーのWooCommerceサイトに加えて、マルチベンダーのマーケットプレイスなどのプラグインによって大きく異なる可能性があります。

主な調査結果と所見

page builder

上記の比較を分析した後、2つのツールの最も重要な違いは、それをどのように見るかということです。 グーテンベルクは、ブログ投稿やページコンテンツエディターとして自己紹介することで、その存在感を感じさせます。

また、WordPressの使用に関する予備知識がなくても、WordPressユーザーは簡単に使用できます。 そこにいるほとんどの人が、複雑でなく、ユーザーフレンドリーなウェブページ構築プラットフォームを探しているので、これは長期的には非常にうまく機能します。

一方、WordPressのページビルダーは、より優れたビジョンと汎用性を備えたページを作成したいユーザー向けに構築されています。 これは、アドオンの形で多数の広範な機能とページ内機能を追加したいユーザーのセット向けです。 使いやすさを向上させ、選択するのに十分なデザインの選択肢を提供するウィジェットとブロックの膨大な数は言うまでもありません。

では、どちらを選ぶべきか、そしてその理由は?

wordpress website builder

GutenbergとWordPressPageBuilderの両方の上記の詳細から、これらのツールの両方が多くの優れた、しかし異なる用途に使用できることは非常に明白です。 そのため、ユーザーは、Webサイトで使用する際に、どちらがどの目的でどのように役立つかを理解することが不可欠になります。 それでは、ユーザーがこれらのツールの1つを選択または使用するのに理想的な場所を見つけましょう。

グーテンベルクは次の場合に適しています。 ページビルダーは、次の場合に適しています。
テーブル、ボタン、個別のブロックなどを使用して基本的なコンテンツを準備することを検討しています。 コンテンツのデザイン、スタイル、パディング、間隔などを完全に制御する必要があります。
複数のレイアウト列は依然として信頼性が低く、改善が必要なため、ページ構築は単一のレイアウト列に制限されます。 構築しているページには、追加された機能を拡張するための事前に構築されたウィジェットまたはアドオンが必要です
コンテンツの完全な配置は問題ではなく、基本的な配置オプションを使用できます。 ページビルダーのデフォルトのテーマやスタイルとは異なるページデザインを完全にカスタマイズまたは作成する必要があります。
あなたはあなたのコンテンツの詳細なスタイリングにあまり興味がなく、あなたのためにうまく機能する単純なブロックを使いたいと思っています。 ページ構築の要件は、柔軟性がありながら本質的に信頼性の高い列のレイアウトを用意することです。
高速読み込みページは、Javascript、CSS、またはフォントの追加の要求なしであなたが探しているものです。 視覚的に魅力的なページは、あらゆるタイプのWebページを構築するための簡単なドラッグアンドドロップ機能を含む、あなたが持っているように見えるものです。

上記の表の比較と作業スタイルのモードに基づいて、どちらがWebサイトに適しているかを簡単に判断できます。

戦いは続くのか、それともここで終わるのか?

さて、これらの魅力的なツールのそれぞれの現在の見通しと再確立を見ると、議論はおそらくしばらく続くでしょう。 今のところ、この点に関しては、ニーズに基づいて意見が異なる場合がありますが、実際のところ、どちらのツールにも改善の余地があります。

そして正直なところ、Elementor、Divi、BeaverBuilderなどのWordPressPage Builderは、ユーザーのページ作成ニーズの要件を満たすという点で、よりデザインフレンドリーで柔軟性があると言えます。

Elementor Page builder design

しかし、これは必ずしもグーテンベルクがWordPressの現代のページビルダーと競争する機会がないことを意味するわけではありません。 実際、WordPressコンテンツレイアウト用の軽量ブロック編集ツールが必要であるという考え方を持つユーザーの場合、Gutenbergがすべてのユーザーの自動選択になります。

しかし、Elementorのようなページビルダーが提供するような制御を提供しないことも事実です。 Happy Addons、Essentialアドオンなどの拡張アドオンは言うまでもなく、Elementorを使用すると、ユーザーはページ作成エクスペリエンスを向上させることができます。 しかし、そのすべてを言っても、あなたが私に尋ねれば、日常の使用のために、グーテンベルクは確かに将来のための改良のためのいくつかのオプションを持ってあなたの仕事を成し遂げます。