WPBakery Vs Elementor（2022）：どちらが良いですか？
公開: 2022-03-11今日、完全に機能するWebサイトを作成するために、何日もコーディングする必要はありません。 WordPressが登場して以来、Webサイトの作成プロセスははるかに視覚的になりました。 ドラッグアンドドロップエディタは毎日新しい機能を追加し、人々がもっと欲しくなるようにしています。
当初、これらのエディターは、Webサイトに変更を加えたり小さなデザインを追加したりするのに役立つ単なるツールでした。 今日では、カスタムコードサイトと競合していることがわかります。
ElementorとWPBakeryは、最も一般的に使用される2つのドラッグアンドドロップビルダーです。 どちらにも活発なコミュニティがあります。 ただし、どちらを使用するかを決定しようとしている場合は、私が用意しています。
これら2つのページビルダー間の最良の比較を提供しようとします。 ここでは、両方の長所、短所、および独自の機能の比較を見つけることができます。
WPBakery対Elementor：概要
まず、両方のプラグインがどのように機能するかを簡単に説明します。
どちらもWordPressをサポートしており、何百万ものWebサイトがさまざまな目的でWordPressを利用しています。
Elementorとは何ですか？
Elementorは、ドラッグアンドドロップのWordPressページビルダーです。 このツールはイスラエルのWeb開発会社によって開発され、それ以降、WordPressコミュニティで人気が高まりました。
これは、WordPress用の最も単純なページビルダープラグインの1つです。 初心者もWeb開発者も、このプラグインの機能を利用できます。
Elementorはプロバージョンを提供していますが、無料バージョンにも機能が満載です。 何百ものテンプレートやウィジェットから選択して、非常に直感的なインターフェイスを使用できます。
Elementorを使用すると、わずかな労力で複雑なデザインのWebサイトを作成できます。 楽しいのは、これらのことを達成するためにコーディングスキルが必要ないことです。
使いやすく、他のプラグインと統合することで、Webサイトを視覚的により魅力的に構築することが容易になります。
WPBakeryとは何ですか？
WPBakeryは、WordPress用のフロントエンドおよびバックエンドエディタープラグインです。 以前はVisualCompressorと呼ばれていましたが、現在はスタンドアロンのプラグインになっています。
WordPress用の最初のドラッグアンドドロップページビルダーの1つ。 WordPress CMSを使用してWebページをデザインするのに、コーディングの知識は必要ありません。
WordPressエディターのGutenbergがお好きなら、WPBakeryを気に入るはずです。 これは、通常のWordPressエディターとドラッグアンドドロップのWebサイトビルダーを組み合わせたものです。
新しいウィジェットを追加するには、プラス（+）アイコンをクリックする必要があります。 編集する場合は、変更可能なポップアップとして表示されます。
WPBakery対Elementor：長所と短所
すべてのツールには、ツールをより便利にするいくつかの利点と欠点があります。 これら2つも例外ではありません。 以下は私が気に入ったものであり、改善できると思うものです。
Elementorの長所：
- 無料サブスクリプションと有料サブスクリプションの両方があります
- わかりやすいユーザーフレンドリーなUI
- テンプレートとブロックでいっぱい（100以上のWordPressテンプレートと300以上のブロック）
- デスクトップ、モバイル、タブレット向けのレスポンシブデザインツールを提供します
- Coming Soon and Under Constructionページ、組み込み
- 複数の言語と翻訳をサポート
- 任意のテーマで動作します
- カスタマイズの完全な制御
- ライブプレビューでは、外出先で各変更を確認できます
- ロックイン用のショートコードを追加する必要はなく、アンインストール時に重要なコードを追加する必要もありません
Elementorの短所：
- ホワイトラベルはありません
- カスタマイズはヘッダーフッターに制限されています
WPBakeryの長所：
- フロントエンドとバックエンドの両方のエディター
- 複数のテーマで動作します
- ドラッグアンドドロップははるかに柔軟です
- 多数のテンプレートとウィジェット
- 翻訳と多言語をサポート
WPBakeryの短所：
- 無料トライアルはありません
- 使用に適応するには時間がかかります
- カスタマイズが圧倒されることがあります
- アンインストールまたはロックインすると、Webサイト全体を混乱させるショートコードが残ります。
WPbakeryとのUIの比較Elementor：
以下では、2つのプラグインの違いを示しました。 しかし、私が彼らと経験したより深い比較を考慮すべきだと思います。
ユーザーインターフェース
ページビルダーに関しては、最も重要な機能はUIです。 UIから始めましょう。
Elementor
Elementorは、WordPressリポジトリ内で6番目に人気のあるプラグインです。 それはその印象的なユーザーインターフェースのためにそのランキングを獲得しています。
左側のサイドバーにはすべての機能が含まれており、画面の残りの部分ではWebサイトを追加または編集できます。 フロントエンドエディタを使用すると、他の要素に干渉することなく、要素を個別に変更できる柔軟性が得られます。
インライン編集により、Webサイトビルダーというよりもワードエディターのようになります。 サイドバーで必要なものを検索し、必要な場所にドラッグできます。 間隔とレイアウトを編集して、複数の列を追加できます。
WPbakery UI
WPbakeryを使用すると、フロントエンドとバックエンドの両方でWebサイトをデザインできます。 または、ページをライブで表示するか、WordPressダッシュボードモードから実行して、ページを編集することもできます。 アイコンを追加（+）をクリックすると、要素を追加できます。
それをクリックすると、レイアウトに表示されます。 ポップアップをクリックすると、その要素を編集できます。
WPbakeryとElementorの機能比較
機能パックツールに関しては、両方のプラグインが最適です。 それらはいくつかの類似した機能とユニークなものを持っています。 次に、それらの類似した機能を比較してから、それらの違いのいくつかを共有します。
要素
Elementorの無料バージョンは、追加できる53の無料要素と、ElementorPro用の70以上の要素を提供します。
基本要素を使用すると、見出し、段落、列、スペーサー、およびその他の多くの種類の要素を作成できます。 Googleマップを追加することもできます。
ページやウェブサイトでHTMLやショートコードを使用する必要がある理由はたくさんあります。 Elementorを使用すると、コードの海に迷うことなくそれを行うことができます。
無料版でも最も基本的なメディア設定にアクセスできます。 基本的なギャラリーやカルーセルを作成したり、他のソースからのビデオを追加したりすることもできます。
ただし、動的な見出し、投稿ページのデザイン、WooCommerceの編集などの高度な変更を行う場合は、プレミアムサブスクリプションを取得する必要があります。
プレミアムElementorサブスクリプションを使用してeコマースストア製品を設計できます。 プレミアムバージョンでは、製品のカスタムタイトル、評価機能、およびメニューカートのデザインを追加できます。
WooCommerceページをデザインしたり、関連商品を手動で追加したりすることもできます。 Elements freeでは、ポストグリッドを使用して製品のリストを作成できますが、Elementsproでは製品グリッドを個別に提供しています。
Whearers、 WPbakeryはWooCommerce機能を含む50以上の要素を提供します。 ドラッグアンドドロップエディタを使用すると、テキストブロック、ソーシャルメディアボタン、召喚状、さらにはWordPressウィジェットを追加することもできます。
組み込みの要素とウィジェットを除いて、両方のプラグインには、より柔軟にカスタマイズするのに役立つ多くのアドオンが付属しています。 ElementorのEssentialAddonsとWPBakeryPageBuilderのUltimateAddonsは、それぞれに2つの人気のあるアドオンです。
既製のテンプレート
Webサイトのデザイナーや開発者にとって、事前に作成されたテンプレートを用意することは命の恩人です。 迅速に構築されたWebサイトが必要で、インスタントデザインを念頭に置いていない場合は、オプションがないままになっている可能性があります。 テンプレートを追加または編集することで、プロセスを簡単にするテンプレートを見つけることができます。
Elementorの無料プラグインには合計30個のテンプレートとブロックがあり、プロバージョンには300以上あります。
これらのブロックを使用して、美しいヒーローセクション、お問い合わせセクション、およびボディセクションを作成できます。 また、Elementor Proを使用すると、訪問者を維持するのに役立つ可能性のあるカスタム404ページを作成できます。
ランディングページを作成することもできます。 これらだけでなく、4〜5回クリックして完全なWebサイトを作成することもできます。 ホームページ、私たちについて、お問い合わせフォーム、その他必要なものがすべて含まれています。
この点で、WPBakeryはそれほど遅れていません。 それはあなたが美しいウェブサイトをデザインするために使うことができる85のブロックと100のプレミアムテンプレートが付属しています。
ポートフォリオ、写真、または以前の作品を追加できます。 また、行動を促すセクションは、訪問者に行動を促すための優れた方法です。 WPBakeryには、Webサイトで簡単に作成できる個別のブロックがあります。
ヘッダーフッターエディター
ヘッダーとフッターはどちらもテーマの一部です。 テーマなしでWordPressウェブサイトを立ち上げることはできません。 テーマの内容を変更する場合は、テーマのカスタマイズまたはエディターの設定に移動します。
アイテムがカスタマイズ設定にある場合でも、手間をかけずに変更できます。 アイテムがエディターにあるときは、変更を加えるためのコーディング方法を知っている必要があります。
通常、ビジュアルエディターを使用してヘッダーコードとフッターコードを編集することはできません。 ただし、Elementor Proでは、ビジュアルエディターでヘッダーとフッターを編集できます。 したがって、テーマコードをいじる必要はありません。
Elementorを使用すると、完全に編集可能になります。
WPBakeryにはこの機能はありません。 プレミアムプラグインは有料ですが、機能がありません。 これは残念です。 ただし、追加のプラグインとしてVisual CompressorWebsiteBuilderを追加できます。
スタイリングとカスタマイズ
Elementorは、左側のタブのスタイル設定とカスタマイズをリアルタイムで処理します。 左側のサイドバーでは、画像のサイズ、背景色、フォントファミリなどを調整できます。
詳細設定を使用して、パディングアニメーションを変更したり、カスタムCSSを追加したりすることもできます。
WPBakeryのポップアップ設定にはこれらの機能があります。 一般設定では、画像、画像サイズ、アニメーション、カスタムCSSなどを設定できます。
また、デザインタブには、パディングとカラーリングの設定が含まれています。 さらに、ここからマージンを追加できます。 覚えておくべきことの1つは、ライブ編集ではなく、変更後にデザインを確認することです。
統合
Elementorがサポートするメールマーケティング、CRM、ソーシャルメディア、その他の統合は数多くあります。 これらの中には
- Facebook SDK
- HubSpot、Zapier
- MailChimp
- ActiveCampaign
- 不和、ドリップ
- Font Awesome 5
- スラック
- MailerLite
- GetResponse
- キャンペーンモニター
- ConvertKit
- ReCaptcha V3
- カスタムアイコンライブラリなど。
Whearas、WPBakeryは、500以上のプラグインと15以上のページレイアウトとも統合されています。
WPbakery対Elementorロックイン
ページビルダーの問題は、単純なバグがWebサイトのデザイン全体を台無しにする可能性があることです。 ページビルダーだけでなく、WordPressサイトにインストールするプラグインは、Webサイトにコードとスクリプトを追加します。
一部のプラグインは、アンインストール後にキャッシュを残します。 これらの2つのプラグインもスクリプトを残します。 ただし、ElementorはWPbakeryよりもはるかに優れています。
Elementorをアンインストールした後でも、Webサイトの基本的なレイアウトは、複雑なコーディングを残さずにそのまま残ります。 高度なデザインは影響を受けません。
WPbakeryをアンインストールすると、Webサイト全体が混乱する可能性があります。 あなたのウェブサイトはまだショートコードとJSコードを含んでいます。
そのコーディングからスクレイプされるテキストコンテンツがたくさんある場合、これは不可能です。 したがって、Webサイトの立ち上げ後にデザインを変更する場合は、Elementorの方が適しています。
WPBakery対Elementor：価格比較
WPbakeryの通常のライセンスはWPBakeryPageBuilderから56ドルです。 それでも、単一のSaaSアプリケーションに対して299ドルの拡張ライセンスを取得できます。
Elementorには、基本的なWebサイトのデザインを学習または作成したい場合に、無料のプランが付属しています。 ただし、真面目なWebデザイナーやWebサイトビルダーには、4つのプランが用意されています。
Essentialパッケージでは、Webサイトキット機能を見逃すことになります。 他の3つのパッケージには、さまざまなWebサイト用のこの機能が含まれます。
WPBakery対Elementor：すべてのユニークで類似した機能
結論を出す前に、いずれかのプラグインで得られるすべての機能と見逃しているすべての機能の概要を以下に示します。
| Elementor | WPBakery | |
| ユニークな機能 | 統合、インタラクション、テーマコンテンツ、ホットキー、背景機能、およびマーケティングツール | 自動ショートコードマッパー多言語対応 |
| 編集ツール | ||
| デザインツール | ||
| 既製のテンプレート | ||
| WooCommerceビルダー | ||
| テーマビルダー | ||
| ポップアップビルダー | ||
| モバイル編集ツール | ||
| 統合 | メールマーケティング、CRM、ソーシャルメディア、その他の人気のあるアプリ | +500のアドオンと+15の事前定義されたWebページレイアウトと統合します |
| API | ||
| 無料トライアル | 無料プラン | 独自のデモサンドボックスのデモサイトでの無料トライアル |
結論：WPbakery対Elementor：どちらを入手する必要がありますか？
多くの理由で、私はWPbakeryよりElementorを好みます。 まず、プロプランを取得する前に試すことができる無料プランを取得します。 ElementorProから始める方が費用がかかりません。
Whearars、WPbakeryはより少ない機能を提供しますが、より低価格ではるかに多くを提供します。 価格は別として、私はユーザーインターフェイスと柔軟性が好きです。 また、WPbakeryのプラットフォームはDIVIビルダーとElementorの機能を統合しています。 面白い機能ですが、ライブ編集がもっと好きです。
Elementorで何かを編集するときは、より適切な制御と自信があります。 WPbakeryはすぐ後ろにありますが。 しかし、この比較の戦いの勝者として、私の投票はElementorに行きます。