グーテンベルク対ワードプレスページビルダー
公開: 2020-10-05WordPress 5.0のリリースにより、WordPressはGutenbergの形でまったく新しいブロックエディターを手に入れました。 これにより、組み込みのブロックレイアウトを使用したコンテンツ作成にまったく新しい哲学がもたらされました。 このため、多くの人がグーテンベルクがWordPressページビルダープラグインの代わりになると信じ始めています。 ただし、それらの間には大きな違いがあります。
グーテンベルクは非常に強力で、美しいブロックレイアウトを使用してコンテンツを作成できます。 ただし、強力なWordPressページビルダープラグインには匹敵しません。
この記事では、GutenbergとWordPressのページビルダーを比較して、2つの違いを理解できるようにします。
グーテンベルク対ワードプレスページビルダー
Gutenbergは、WordPressの新しいデフォルトのブロックエディターです。 コンテンツブロックを使用して、ページと投稿の要素を作成および配置します。
WordPressページビルダープラグインはドラッグアンドドロップツールですが、コードに触れることなく完全に機能するWebサイトデザインを作成できます。
それらの最大の違いは、GutenbergがコアWordPressに組み込まれており、WordPressバージョンを5.0にアップグレードするとデフォルトのコンテンツエディターになることです。
一方、WordPressページビルダーはサードパーティのWordPressプラグインであり、プログラマーや素人でなくてもWebサイトをデザインするのに役立ちます。
WordPressのコアチームでさえ、グーテンベルクをページビルダーとは呼びませんが、代わりにブロックエディターと呼びます。 理由は次のとおりです。
バックエンドとフロントエンドの編集
GutenbergプラグインとPageBuilderプラグインの最大の違いは、バックエンドとフロントエンドの編集です。
GutenbergBlockEditorにはフロントエンド編集はありません。 バックエンドですべてを編集できます。 ただし、フロントエンドの編集と同じように機能しますが、Webコンテンツの正確なデザインを表示するには、プレビューボタンをクリックする必要があります。
一方、WordPressページビルダーは、ページを編集するときにページの正確なプレビューを提供します。 保存しなくても、ページがWebサイトにどのように表示されるかを確認できます。
行った変更をすぐに確認できるため、フロントエンド編集の方が優れています。 これにより、プロセス全体が高速化されます。
ドラッグアンドドロップ機能
ドラッグアンドドロップ機能を使用すると、要素を簡単に並べ替えたり並べ替えたりできるため、作業全体がシンプルで簡単になります。
グーテンベルクには、エディターにブロックを挿入するためのドラッグアンドドロッププロセスが付属しています。 追加するブロックを検索してクリックする必要があります。 ナビゲーション矢印を使用してブロックを上下に移動できますが、ブロックの高さ/幅を調整したり、内部ブロックを追加したり、行と列から複雑なレイアウトを作成したりすることはできません。
一方、WordPressページビルダーは、レイアウトを制御するための完全な柔軟性を提供します。 エディター上で任意の要素またはウィジェットをドラッグアンドドロップしたり、高さと幅を構成したり、要素内に内部要素を追加したり、行と列のオプションを使用して複雑なレイアウトを作成したりすることもできます。
フォーマットとスタイリングのオプション
これは、ページビルダーがグーテンベルクブロックエディターを完全に理解する場所です。
WordPressは、グーテンベルクに組み込まれているさまざまなブロックに、ブロックをカスタマイズするための独自のスタイル設定とフォーマットオプションを提供します。 各ブロックのテキストと背景に適した色を選択できます。 また、タイポグラフィのプリセットサイズまたはカスタムサイズを設定できます。 ただし、これらのオプションは非常に限られています。 スタイリングとフォーマットのオプションを追加するには、ブロックに独自のカスタムCSSを追加する必要があります。
一方、WordPressページビルダーは、ウィジェット、列、またはページ全体をカスタマイズするための、より多くのフォーマットおよびスタイル設定オプションを提供します。 これらのオプションは、色の変更やフォントサイズの設定の基本ではありません。 背景の変更、グラデーション、画像またはビデオの背景の使用、フォントの選択、線の高さ、幅の調整、画像の使用など、ほとんどすべてを編集できます。
レイアウト機能
グーテンベルクを使用してページまたは投稿を作成すると、テーマのレイアウト内に制限されます。 コンテンツブロックは必要に応じてカスタマイズできますが、コアレイアウト（ヘッダー、フッター、サイドバー、ページの全体的な外観）はWordPressテーマと同じままです。
一方、WordPressページビルダーを使用すると、WordPressテーマのレイアウトを壊して、独自のクリエイティブでユニークなページを作成できます。 これらは、ページ全体のレイアウトを完全に制御できます。
一言で言えば、グーテンベルクで利用可能なすべてのスタイリングとカスタマイズのオプションは、そのブログにのみ適用されます。
一方、WordPressページビルダーを使用すると、スタイルとカスタマイズを使用して柔軟なレイアウトを構築できます。
テーマスタイルの互換性
グーテンベルクはWordPressテーマのデザインに大きく依存しており、これらのスタイルを上書きしません。 カスタムCSSを追加してブロック全体をカスタマイズできますが、ページの外観はテーマで提供されるものと同じになります。
WordPressページビルダープラグインはWordPressテーマで動作しますが、そのデザインに依存しません。 ページを完全に引き継ぎ、スタイルを上書きするオプションが付属しています。 これは、カスタムページレイアウトを作成する場合に非常に役立ちます。
ブロックとウィジェット
グーテンベルクには、コンテンツ作成に一般的に使用される要素をカバーする一連の組み込みブロックが付属しています。 これらのブロックを保存して、他の投稿や他のWordPressWebサイトでさえ再利用できます。
Gutenbergには強力なAPIキーがあり、プラグイン開発者は独自のブログセットを作成したり、WordPressプラグインをエディターと統合したりできます。
WordPressページビルダーには、ブロック、モジュール、ウィジェットの大規模なコレクションが付属しています。 サイダー、カルーセル、召喚ボタン、お問い合わせフォーム、カウントダウンタイマーなど、高度なコンテンツ要素を提供します。個々の行、列、またはテンプレート全体を後で使用するために保存できます。
Elementor、Beaver Builder、WPBakery、Diviなどの人気のあるページビルダーには、開発者がアドオン/拡張機能を作成できるようにする独自のAPIもあります。
サードパーティのアドオンと拡張機能
サードパーティのアドオンと拡張機能について言えば、GutenbergとWordPressの両方のページビルダーは、利用可能な拡張プラグインのかなりの部分を持っています。
グーテンベルクを使用して、多くの開発者が素晴らしいグーテンベルクブロックプラグインを構築しました。
ページビルダーに関して言えば、多くのページビルダーには、開発者がページビルダー用のサードパーティアドオンを構築できるようにするAPIが含まれています。
GutenbergはWordPressPageBuilderプラグインに取って代わりますか？
現在の形式では、グーテンベルクはページビルダーの代わりにはなりません。 ページビルダーは、WordPressWebサイトでほとんどすべてを実行するための強力な機能を提供します。 グーテンベルクはまだ初期段階です。 WordPressのロードマップを見ると、WordPressがブロックエディターをさらに強力にする計画を持っていることが間違いなくわかります。 しかし、グーテンベルクがページビルダーを引き継ぐことはないようです。