2022年と比較した10の最高のWordPressページビルダープラグイン

あなたのウェブサイトに最適なWordPressページビルダーを決定しようとしていますか？

私はあなたがあなたの決定をするのを助けるために10の異なるWordPressページビルダーを実際に体験しました。 はい–私はこれらのすべてを使用しました–これはマーケティングコピーに基づく単なるリストではありません。

これらの10個のWordPressページビルダーを5つのカテゴリで客観的に比較します。

1. インターフェース–インターフェースはどのように機能し、美しいページを簡単に作成できますか？
2. 含まれているウィジェット/テンプレート–ページを作成するためにどのようなオプションがありますか？
3. スタイリングオプション–ページの要素をどのようにスタイリングできますか？
4. その他の注目すべき機能–ページビルダーは注目すべき独自の機能を提供していますか？
5. ロックイン–プラグインを無効にしたい場合はどうなりますか？ カスタムスタイルは常に失われますが、一部のページビルダーは、他の点ではクリーンなコードを残しますが、そうでないものもあります。

カテゴリごとに、ページビルダーに5点満点のスコアを付けます。

そして最後に、私はすべてをまとめて、私が最高のWordPressページビルダーであると思うものをお勧めします。

これが私が見る10のWordPressページビルダーです–あなたは特定のページビルダーにジャンプするためにクリックすることができます：

• Elementor
• ビーバービルダー
• Divi Builder
• 繁栄する建築家
• SiteOriginページビルダー
• WPBakeryページビルダー
• Themify Builder
• ブリジー
• Visual Composer
• WPページビルダー

または、比較表に直接進むこともできます。

1.Elementor

もともと2016年に立ち上げられたElementorは、このリストの若いページビルダーの1つです。 しかし、開始が遅れたとしても、ElementorはWordPress.orgで3,000,000以上のアクティブなインストールをすばやく獲得しました。これにより、少なくともWordPress.orgの数では、最も人気のあるページビルダーになります。

その名声は、迅速でグリッチのないビジュアルインターフェイス、柔軟なスタイリングオプション、および完全なテーマ構築などの強力なその他の機能です。

当初は単なるページエディタでしたが、プレミアムバージョンのElementor Proでは、ページの作成だけでなく、さらに多くのことができるようになりました。 最も注目すべき2つの機能は次のとおりです。

• テーマビルダー–同じ便利なElementorインターフェースを使用してテーマ全体をデザインします。 これには、ヘッダー、フッター、アーカイブページ、単一投稿ページ、WooCommerce製品/ショップページ、カスタム投稿タイプテンプレートなどが含まれます。共通要素専用のウィジェットを取得し、カスタムフィールドからコンテンツを動的に挿入することもできます。
• ポップアップビルダー–完全なElementorインターフェイスを使用して柔軟なポップアップを設計します。 すべての通常のElementorウィジェットを含めることができます。これにより、電子メールのオプトインポップアップ、連絡先フォームのポップアップ、ログインのポップアップなどを作成できます。

これらの2つの追加は、Elementorが競合他社から際立つのに役立ちます。 テーマの構築は人気のある機能になりつつありますが、ポップアップビルダーは依然として非常にユニークです。

ElementorProのレビューをお読みください。

価格：無料のコアバージョン。 Elementor Proは、単一のサイトで使用する場合、49ドルから始まります。

インターフェイス– 5/5

Elementorインターフェースは2つのコア部分に分かれており、3番目の領域はいくつかの小さな設定用です。

• 1 –これはデザインのライブプレビューです。 それはあなたの訪問者がそれを見るのとまったく同じように見えます。 このインターフェイスにテキストを直接入力したり、さまざまな要素をドラッグアンドドロップして再配置したりすることもできます。
• 2 –これは使用できる要素のリストを示しています。 それらをドラッグするだけです。 また、個々の要素またはセクションを選択する場合は、ここでスタイルを設定します。
• 3 –これらは、レスポンシブプレビュー、変更の取り消し/やり直し、およびその他の小さな機能にアクセスするのに役立ちます。

たとえば、テキストウィジェットをドラッグしてから、ページに入力して（インライン編集）テキストを変更する方法を次に示します。

Elementor Proを使用すると、これと同じインターフェイスを使用してテーマとポップアップをデザインできます。 また、それを行うのに役立つ専用のウィジェット/機能も利用できます。

含まれているウィジェット/テンプレート– 5/5

無料版では、Elementorには28個の無料ウィジェットが含まれています。 また、すべてのコアWordPressウィジェットを使用することもできます。 Proバージョンではさらに最大30個のウィジェットが追加され、Proバージョンでは合計58個のウィジェットが提供されます。

無料版には、最大40の無料テンプレートも付属しています。 また、Proバージョンでは、何百ものテンプレートが追加されています。

テンプレートには2つの形式があります。

• ページ–編集する必要があるフルページのデザイン。
• ブロック–レゴのようにまとめることができる個々のセクション。

独自のデザインをテンプレートとして保存して、後で再利用することもできます。

スタイリングオプション– 5/5

セクション、列、またはウィジェットをクリックすると、Elementorの左側のサイドバーに3つのスタイリングタブが表示されます。

正確なオプションは、編集している要素によって異なりますが、通常、Elementorは、ページビルダーの中で最も深いスタイルオプションのセットの1つを提供します。

色、背景、タイポグラフィなどの基本的なものに加えて、次のようなより高度な設定を制御することもできます。

• カスタムマージン/パディング。
• カスタムCSSクラス/ ID。 Elementor Proを使用すると、実際にCSSスタイルを個々の要素に直接追加できます。
• レスポンシブコントロール。 特定のデバイスで要素を表示/非表示にすることができます。

Elementorは最近、カスタムポジショニングも追加しました。これにより、ページ上の特定の場所にウィジェットを簡単に配置できるようになります。

その他の注目すべき機能– 5/5

これらの機能は、ElementorProで利用できます。

• フルテーマビル。 同じElementorインターフェースを使用して、ヘッダー、フッター、シングル、アーカイブなどのテンプレートパーツを作成できます。 基本的に、Elementorを使用してテーマ全体を作成できます。
• WooCommerceビルダー–WooCommerce製品とショップページをデザインします。
• ポップアップビル。 柔軟なポップアップをデザインし、特定のコンテンツをターゲットにします。
• フォームの統合。 フォームウィジェットを人気のあるメールマーケティングサービス（またはさらに柔軟性を高めるためにZapier）に接続します。
• グローバルウィジェット。 これらを使用すると、複数のページで共通の要素を再利用し、グローバルウィジェットを更新するだけでグローバルウィジェットのすべてのインスタンスを編集できます。
• どこにでも埋め込む。 ウィジェットまたはショートコードを介して他の領域でElementorテンプレートを使用します。

ロックイン– 5/5

Elementorを非アクティブ化すると、クリーンなコードが残ります。 たとえば、Elementorで<h3>ヘッダーがあった場合、Elementorを非アクティブ化した後も<h3>ヘッダーが残り、テーマのスタイルが使用されます。

2.ビーバービルダー

Beaver Builderは、かなり長い間、ページビルダー市場で確固たる地位を築いてきました。 クリーンなコード（ページビルダー用）を出力し、エンドユーザーと実装者の両方に人気があり、新機能や更新の形で定期的に注目されています。

柔軟性を高めるためにペアリングできる公式アドオンもいくつかあります。特に、オプションのBeaverBuilderテーマとBeaverThemer拡張機能です。

BeaverBuilderのレビューを読んでください。

価格：限定無料版。 限られたサイトで使用するための99ドルから。

インターフェイス– 5/5

Beaver Builderは、フロントエンドのビジュアルビルダーに独自のインターフェイスを提供します。 ほとんどの作業は、右側のサイドバーから行います。 ただし、これらのサイドバーオプションは、トップバーのボタンをクリックしたときにのみ表示されるため、いつでも全画面プレビューを表示できます。

• 1 –これをクリックしてサイドバー領域を開きます
• 2 –これはデザインのライブプレビューです

Beaver Builderは最近、インラインテキスト編集を追加しました。これは、ページに直接入力してテキストを編集するか、表示されるポップアップを使用できることを意味します。

正直なところ、ポップアップでインライン編集を使用するのは少し厄介です。 ただし、エディターをサイドバーに簡単に固定して修正できます。

含まれているウィジェット/テンプレート– 4/5

無料版では、Beaver Builderは6つのモジュールにしかアクセスできませんが、標準のWordPressウィジェットを使用することもできます。

一方、プレミアムバージョンでは、 30個のモジュールにアクセスできます。 これらのモジュールもすべてモジュール式であるため、必要に応じて有効または無効にできます。

プレミアムバージョンでは、最大56ページのテンプレートにアクセスできるほか、独自のデザインをテンプレートとして保存することもできます。

スタイリングオプション– 5/5

モジュールとセクションのスタイルを設定するには、次のいずれかを実行できます。

• デフォルトのポップアップウィンドウを使用する
• ウィンドウを横に固定してサイドバーを作成します（これは下の例で確認できます）。

正確なオプションはモジュールによって異なりますが、通常、Beaver Builderを使用すると、カスタム間隔やレスポンシブコントロールなど、要素をかなり適切に制御できます。

また、Beaver Builderには、ユーザーがログインしているかどうかに基づいて個々のモジュールを表示または非表示にできる非常にユニークなトグルも用意されています。

その他の注目すべき機能– 4/5

• ビーバーテーマ。 これは別の拡張機能ですが、Elementorのような完全なテーマ構築機能を追加します。
• ホワイトラベリング。 クライアント向けのサイトを構築している場合は、BeaverBuilderに簡単にホワイトラベルを付けることができます。
• ビーバービルダーのテーマ。 このオプションのテーマを使用すると、Webサイトの外観をさらに細かく制御できます。

ユニークな機能は良いですが、それらを取得するにはもっとお金を払わなければならないので、私はポイントを付けています。

ロックイン– 5/5

Elementorと同様に、Beaver Builderは、適切なHTML形式で100％クリーンなコードを残します。

3. Divi Builder

Divi Builderは、ElegantThemesの人気のプレミアムページビルダーです。 これはDiviテーマの一部として最も一般的に使用されますが、Divi Builderは、他のテーマでも使用できるスタンドアロンのプラグインでもあります。

前の2つのページビルダーとは異なり、Divi Builderでは、ビジュアルフロントエンドインターフェイスとバックエンドインターフェイスの両方を使用してコンテンツを編集できますが、ほとんどのユーザーはおそらくフロントエンドインターフェイスを好みます。

最新バージョンのDivi4.0では、Diviは完全なテーマ構築サポートも追加しました。これにより、その点でElementorやBeaverBuilderと同等になります。 つまり、Diviを使用して、ヘッダー、フッター、テンプレートなどをデザインできるようになりました。

DiviBuilderのレビューを読んでください。

価格： 89ドルのエレガントなテーマメンバーシップの一部として利用可能

インターフェイス– 5/5

DiviBuilderのバックエンドインターフェイスは次のようになります。

ただし、ほとんどの場合、フロントエンドのビジュアルインターフェイスを使用します。 DiviBuilderは間違いなくユニークです。 私は個人的にはファンではありませんが、それを愛する人はたくさんいるので、その理由で何も言うつもりはありません。

基本的に、サイドバーのタイプではなく、すべてがポップアップとフローティングボタンです。 以下にモジュールを追加する例を示します。

前の2つのページビルダーと同様に、インライン編集を使用して、ページ上でテキストを直接編集することもできます。

他のページビルダープラグインで使用されるサイドバーよりもこのアプローチを好むかどうかはあなた次第です。

含まれているウィジェット/テンプレート– 5/5

Divi Builderには、デザインの構築に使用できる46のモジュールが含まれています。

また、40の異なるレイアウトパックにまたがる316のビルド済みテンプレートにアクセスできるほか、独自のデザインをテンプレートとして保存することもできます。

スタイリングオプション– 5/5

Beaver Builderと同様に、Divi Builderを使用すると、ポップアップから要素のスタイルを設定して、必要に応じて横に固定することができます。

Diviの特徴の1つは、常にそれがどれだけのスタイリングコントロールを提供するかということです。 3つの異なるタブで、レスポンシブコントロール、カスタム間隔など、さまざまな設定を構成できます。

カスタムCSSをメイン要素に追加したり、メイン要素の前後に追加したりすることもできます。 CSSエディターには、基本的な検証とオートコンプリートも含まれています。 また、エディタから直接カラーピッカーを開くこともできます。

全体として、Divi Builderは、スタイリングオプションで限界を押し広げています。これは、優れた機能です。

その他の注目すべき機能– 5/5

• テーマの作成– DiviBuilderインターフェースを使用してテーマ全体をデザインします。
• A / Bテスト。 最高の追加機能の1つは、DiviBuilderの組み込みA / Bテストシステムです。 これほど簡単にコアでテストを分割できるページビルダーは他にありません。
• ディビのテーマ。 Divi BuilderをDiviテーマと組み合わせると、サイトの外観を完全に制御できます。
• ユーザーアクセス制御。 Divi Builderには、強力な役割ベースのアクセス制御が含まれています。
• WordPressカスタマイザーコントロール。 ネイティブのWordPressカスタマイザーを使用して、一部の要素の外観をカスタマイズできます。

ロックイン– 3/5

Divi Builderに対する批判の1つは、常にショートコードベースであるということです。 つまり、これを非アクティブ化すると、コンテンツに多数のショートコードが残ります。

これは少し厄介ですが、Shortcode Cleanerのようなプラグインが存在するようになったため、これはそれほど問題にはなりません。 <h3>タグのようにフォーマットは失われますが、コンテンツ自体は失われません。

4.建築家を繁栄させる

Thrive Architectは、かつてThrive ContentBuilderであったものを改良したバージョンです。 新しいインターフェースは、Elementorのインターフェースと多くの類似点を備えています。これはすぐにわかります。

誰でも使用できますが、コンバージョン率に重点を置いているため、ブロガーやアフィリエイトマーケターに特に人気があります。 そして、Thrive Architectについて私が個人的に気に入っていることの1つは、デフォルトのスタイルが箱から出してすぐにかなり見栄えがすることです。

ThriveArchitectのレビューを読んでください。

価格：これはThrive Suiteの一部であり、月額$ 19（年間請求）です。

インターフェイス– 5/5

私が言ったように、Thrive ArchitectのインターフェースとElementorインターフェースの間にいくつかの類似点があります（不思議に思うかもしれませんが、Elementorが最初に来ました）：

それは同じ考えです、あなたは持っています：

• 1 –これはデザインのライブプレビューです。 それはあなたの訪問者がそれを見るのとまったく同じように見えます。 このインターフェイスにテキストを直接入力したり、さまざまな要素をドラッグアンドドロップして再配置したりすることもできます。
• 2 –これは使用できる要素のリストを示しています。 それらをドラッグするだけです。 また、個々の要素またはセクションを選択する場合は、ここでスタイルを設定します。
• 3 –これらは、レスポンシブプレビュー、変更の取り消し/やり直し、およびその他の小さな機能にアクセスするのに役立ちます。

はい–Elementorセクションからコピーして貼り付けました。

ネストされた要素をクリックすると、ブレッドクラムセレクターがユニークになります。 この機能は、要素とセクションの間をすばやくジャンプしたい場合に実際に非常に便利です。

また、Thrive Architectは、真のインラインテキスト編集も提供します。 実際、Thrive Architectは、私の意見では、どのページビルダーよりもシームレスなインライン編集機能を備えています。

含まれているウィジェット/テンプレート– 4/5

Thrive Architectは、常緑のカウントダウンタイマーのようないくつかのきちんとしたウィジェットを含む、 40の異なるウィジェットを提供します。

Thrive Architectには、最大36の「セット」に分割された数百のテンプレートも含まれています。 また、独自のデザインをテンプレートとして保存することもできます。

スタイリングオプション– 5/5

Thrive Architectは、スタイリングの処理方法においてElementorから脱却します。 Thrive Architectは、タブを表示するのではなく、すべてを1つの列に含めます。

スタイリングオプションはかなり詳細で、レスポンシブコントロールとカスタム間隔が含まれています。

ページレベルで独自のカスタムCSSを追加することもできます。 個々の要素には、CSSクラスまたはIDのみを割り当てることができます。

その他の注目すべき機能– 3/5

優れた機能の1つは、ページイベントを設定するオプションです。 これらを使用すると、特定のトリガーに基づいてライトボックスポップアップを表示できます。

そしてもう1つのすばらしい点は、他のThriveThemes製品とどれだけうまく統合できるかです。 例えば：

• Thrive Optimizeを使用する場合は、ThriveArchitectを使用してA / Bテストを実行できます。
• Thrive Leadsを使用すると、ThriveLeadsの詳細なオプトインをThriveArchitectに簡単に統合できます。

ロックイン– 5/5

Thrive Architectは、ElementorやBeaver Builderのような100％クリーンなコードを残します。

5.SiteOriginページビルダー

SiteOrigin Page Builderは、永遠のように見えるもののために存在してきました。 そして、その「永遠に」、WordPress.orgで100万を超えるアクティブなインストールを収集することができ、市場で最も人気のあるページビルダープラグインの1つになっています。

SiteOrigin Page Builderは、このリストにある他のほとんどのオプションよりも少し軽量ですが、優れたパフォーマンスと多くの便利なCSSコントロールを提供します。

価格：無料。 SiteOriginプレミアムバンドルは29ドルから

インターフェース– 3/5

SiteOriginには、デザインの構築に使用できる2つのインターフェイスがあります。

オリジナルのバックエンドエディタがあります。

ブロックをドラッグアンドドロップするか、特定のブロックをクリックして編集できます。

このエディターは、作業するための最大のスペースを提供しますが、ライブプレビューのタイプはありません。

そのライブプレビューが必要な場合は、SiteOrigin PageBuilderにライブエディターモードが追加されました。

ライブプレビューで要素を実際にドラッグアンドドロップすることはできないため、これはこのリストの他のページビルダーと同じではありません。 ただし、左側の抽象的なボックスとライブプレビューの間には双方向性があるため、これは単なるデザインのプレビューではありません。

たとえば、ライブプレビューのボックスにカーソルを合わせると、サイドバーの関連するボックスにもハイライトが表示されます。 ライブプレビューの要素をクリックして、その設定を開くこともできます。

含まれているウィジェット/テンプレート– 2/5

コアのWordPressウィジェットに加えて、SiteOrigin Page Builderは、使用できる23個のウィジェットのモジュラーセットを追加する無料のWidgetsBundleプラグインも提供します。 また、使用できる最大25のビルド済みテンプレートも含まれていますが、これらは他のページビルダーと比較するとかなり必要最低限​​のものです。

デザインをテンプレートとして保存することはできませんが、既存のページのクローンを簡単に作成して、同様の機能を利用できます。

スタイリングオプション– 3/5

CSSを知らない場合、SiteOrigin Page Builderのスタイリングオプションは、他のPageBuilderと比較して期待外れになります。 ただし、独自のCSSを使用することに慣れている場合は、実際には非常に役立ちます。

CSSクラスとIDを追加するだけでなく、モバイル専用CSSのセクションなど、個々の要素にCSSを直接​​追加することもできます。

また、CSS以外のスタイリングオプションもたくさんありますが、他のプラグインほど多くはありません。 独自のCSSを使用することを計画している開発者の場合、おそらくこのカテゴリのプラグインに5を与えることができます。 しかし、私はそれを3にノックダウンしています。これは、通常のユーザーに適していると思うからです。

その他の注目すべき機能– 2/5

SiteOrigin Page Builderはかなり軽量ですが、SiteOriginPremiumバンドルには基本的なカスタム投稿タイプビルダーが含まれています。

ロックイン– 4/5

SiteOrigin Page Builderは、クリーンなHTMLとショートコードの組み合わせを残しています。 つまり、テキストエディタなどの一部のウィジェットはクリーンなHTMLを残しますが、ボタンウィジェットなどのウィジェットはショートコードを残します。

6.WPBakeryページビルダー

以前はVisualComposerとして知られていたWPBakeryPage Builderは、もう1つの非常に人気のあるプレミアムページビルダーです。 この人気の大部分は、WPBakery Page BuilderがThemeForestのテーマの99％のように見えるものにバンドルされているという事実から来ています。 しかし、それが膨大な数のサイトで使用されているという事実は残っています。

価格： 64ドル

インターフェース– 3/5

Divi Builderと同様に、WPBakery Page Builderは、視覚的なフロントエンド編集とバックエンド編集の両方を提供します。

必要に応じて、バックエンドインターフェイスを使用できます。

しかし、ほとんどの人はフロントエンドで幸せになると思います。これは次のようになります。

新しい要素を挿入し、ポップアップを使用してスタイルを設定します。サイドバー領域も、インライン編集もありません。

個人的には、私はこのアプローチのファンではありませんが、ポップアップを開いていないときにライブプレビューの邪魔になるものがないため、このアプローチを好む人もいます。

含まれているウィジェット/テンプレート– 3/5

WPBakery Page Builderは、 39の要素に加えて、すべての通常のWordPressウィジェットを提供します。 ただし、これらの要素の一部は別のページビルダーで結合されるため、実際の数は約33になります。

また、最大86個のテンプレートを入手できます。 一部のテンプレートは全ページですが、他のテンプレートは単なるセクションです。

スタイリングオプション– 3/5

ElementorやDiviBuilderのようなものと比較すると、WPBakery PageBuilderのスタイルオプションは少し制限されています。

行を十分に制御できます。

ただし、個々の要素のスタイリングオプションはもう少し制限されています。

独自のCSSを使用する場合は、カスタムCSSクラスまたはIDを個々の要素に追加するか、実際のスタイルをページレベルで追加できます。

その他の注目すべき機能– 3/5

WPBakery PageBuilderがそれ自体に特に注目すべきユニークな機能を持っているかどうかはわかりません。 しかし、それが持っているのは、大規模なサードパーティのアドオンコミュニティです。 他の多くのページビルダーにはサードパーティのアドオンがありますが、WPBakery Page Builderは、250以上のアドオンをはるかに超える数でユニークです。

ロックイン– 3/5

Divi Builderと同様に、WPBakery Page Builderは、コンテンツを非アクティブ化した場合に、コンテンツに多数のショートコードを残します。

7. Themify Builder

Themify Builderは、当然のことながら、Themifyのページビルダー製品です。 Themifyはそれを多くのテーマとバンドルして、顧客に簡単なカスタマイズオプションを提供します。 ただし、スタンドアロンプ​​ラグインとして購入して、任意のテーマで使用することもできます。

価格：軽量無料版。 Proは39ドルまたは59ドルから始まります（アドオンによって異なります）

インターフェース– 4/5

DiviBuilderやWPBakeryPage Builderと同様に、Themify Builderを使用すると、バックエンドとフロントエンドの両方のインターフェイスを使用してデザインを作成できます。

バージョン4.0では、Themify Builderがインターフェースにいくつかの更新を加えたため、スコアが1段階上がりました。

バックエンドインターフェイスは次のようになります。

しかし、繰り返しになりますが、ほとんどの人はおそらくフロントエンドインターフェイスを使用したいと思うでしょう。これは次のように機能します。

• 1 –新しいモジュールを挿入できます（ 2つの異なる方法）
• 2 –ライブプレビュー
• 3 –レスポンシブプレビュー、元に戻す/やり直し、およびその他の設定

インライン編集はありません。ポップアップでテキストを編集する必要があります。

それでも、新しいインターフェイスは古いインターフェイスよりもはるかに「スッキリ」と感じ、はるかに高速な編集エクスペリエンスを実現します。

また、設定ポップアップの上にブレッドクラムスタイルのセレクターを追加します。これにより、モジュール自体と、モジュールが配置されている行および列をすばやく切り替えることができます。

最後に、私のお気に入りの新しい追加の1つは、ページをクリックしてドラッグするだけで余白とパディングを追加する機能です。 これは大幅なアップグレードであり、ページ上の位置を調整するのがはるかに簡単になります。 ドラッグするだけでマージン（ピンク）を調整できることがわかります。

本当に、私の唯一の大きな批判はまだライン編集の欠如です。

含まれているウィジェット/テンプレート– 3/5

Themify Builderは、最大32のモジュール（アドオンによって異なります）と、すべての通常のWordPressウィジェットを提供します。

また、最大143のフルページテンプレートと、基本的に事前に作成されたセクションである少数の行を取得します。

スタイリングオプション– 4/5

要素をクリックすると、スタイル設定に役立つ4つの異なるタブが表示されます。

• コンテンツ
• スタイリング（以下に表示）
• 可視性（特定のデバイスで要素を非表示にできます）
• アニメーション

もう1つの優れた点は、Themify Builderを使用すると、レスポンシブブレークポイントをカスタマイズできることです（ただし、サイト全体のレベルでのみ）。

バージョン4.0では、Themify Builderは、25のプリセット形状から選択できるカスタム形状分割器も追加しました。

その他の注目すべき機能– 4/5

Themify Builderの優れた点の1つは、通常のWordPressエディターを引き続き使用できることですが、他のページビルダーでは、すべてにページビルダーインターフェイスを使用する必要があります。 Themify BuilderのコンテンツはWordPressエディターでマークされているため、コンテンツをその周りに配置できます。

この機能は、新しいWordPressブロックエディターでも機能します。

もう1つの優れた新機能は、レスポンシブデザインにさまざまな解像度を使用できることです。 多くのページビルダーは、一般的な「モバイル」と「タブレット」のプレビューを提供するだけですが、Themify Builderを使用すると、実際にはさまざまなデバイスをテストできます。

ロックイン– 5/5

Themify Builderは、ロックインに関して大幅に改善されました。 これで、非アクティブ化すると、コンテンツがクリーンなHTMLのままになります。

8.ブリジー

2018年4月に立ち上げられたBrizyは、このリストの「最年少」のページビルダーの1つです。 しかし、それは有名な開発者であるThemeFuseからのものであり、60,000のアクティブなインストールをすばやく獲得しました。 さらに、それはページ構築のいくつかの部分へのユニークなアプローチを提供するだけであり、それはそれを興味深い提供物にします。

開発者もすぐに新機能をリリースしており、Brizyはすでにテーマとポップアップの構築をサポートしています。

価格：基本的な無料版。 プロバージョンは49ドルから。

インターフェイス– 5/5

Brizyは、専らフロントエンドのビジュアルページビルダーです。

ページを作成するには、最初にブロックを追加する必要があります。 空白のブロックを使用することも、事前に作成されたセクションブロックから選択することもできます。

「独自のインターフェース」の部分は、要素の追加を開始すると発生する部分です。 要素をカスタマイズ/スタイル設定するサイドバーやポップアップを用意するのではなく、ほとんどすべてがインラインで行われます（入力を含む）。

私が何を意味するか見てください：

その結果、ページを作成するための非常に迅速な方法が得られます。

含まれているウィジェット/テンプレート– 4/5

Brizyは現在26の基本要素を提供しています。 この数は少ないですが、Brizyはまだ新しいので、時間の経過とともに増加することを願っています。

また、ヘッダーを作成するときのメニュー要素など、特定の機能の追加要素も取得します。

また、使用できる150を超えるブロック（テンプレートセクション）も含まれています。

スタイリングオプション– 5/5

Brizyのインターフェースがどのように機能するかにより、他のページビルダーのようなスタイリングオプションの公式はありません。

サイドバーを展開して、間隔やレスポンシブコントロールなどの詳細設定を行うことができます。

ページレベルで基本的なスタイルを追加して、すべての要素を手動で編集する必要がないようにすることもできます。

ただし、ほとんどの場合、インラインコントロールを使用して要素のスタイルを設定します。これにより、十分なコントロールが可能になります。

その他の注目すべき機能– 5/5

Brizyのインターフェースはすでにかなりユニークですが、リリース以来、すぐにかなり優れた機能リストをまとめました。

• テーマビルダー– Brizyを使用して、ヘッダー、フッター、アーカイブ、および単一投稿テンプレートをデザインします。 WooCommerceのサポートが進行中です。 また、ACFやツールセットなどの一般的なプラグインからカスタムフィールドコンテンツを取り込む動的機能も含まれています。
• ポップアップビルダー– Brizyインターフェイスを使用してポップアップを設計し、条件を使用してポップアップを表示する場所とタイミングを制御します。
• 複数のページ間で同期されるグローバルバナー。
• 人気のあるEメールマーケティングサービス（およびZapier）との統合。

ロックイン– 4/5

Brizyは、非アクティブ化した場合、ほとんどクリーンなHTMLコードを残します。 ただし、コード内にBrizy CSSクラスを含む多数のdivが残っているため、間隔が少し乱れ、クリーニングが必要になります。

9.9。 Visual Composer

上記で、WPBakery PageBuilderは以前はVisualComposerとして知られていました。 その「以前」の理由は、Visual Composerの背後にあるチームが、Visual Composerの名前を使用して完全に新しい製品を立ち上げることができるように、WPBakery PageBuilderをスピンオフすることを決定したためです。

これが、このセクションで焦点を当てていることです。

それは同じチームから来ていますが、それは完全に別の製品です。

主な違いは、Visual Composerが完全なWebサイトビルダーであるのに対し、WPBakery PageBuilderは単なるページビルダーであるということです。

価格：限定無料版。 プロバージョンは49ドルから。

インターフェース– 3/5

Visual Composerを使用して新しいページを作成する場合、キャンバスのいくつかの異なるレイアウトから選択できます。 完全に空白のキャンバスを作成したり、ヘッダー/フッターを含めたりすることができます。

そこから、ビジュアルインターフェイスを使用してすべてをデザインできます。

インターフェイスはスムーズでグリッチがありませんが、インライン編集が不足しているため、少し残念です。 代わりに、サイドバーのテキストを編集する必要があります。

さらに、すべてが単一の長い列であるため、サイドバーのオプションがそれほど使用可能であるとは思いません。 私は、他のほとんどのページビルダーが使用するアプローチ、つまり設定をタブに分割することを好みます。

含まれているウィジェット/テンプレート– 5/5

Visual Composerを最初にインストールしたとき（または無料バージョンを使用している場合）は、数ブロックにしかア​​クセスできず、テンプレートにはアクセスできません。

ただし、だまされないでください– Visual Composerには要素とテンプレートの膨大な選択肢があります– Visual Composer Hubに接続し、使用したいものをダウンロードするだけです。

ご覧のとおり、コンテンツブロックから統合など、さまざまなものがあります。 テンプレートに関しても同様の種類があります。

スタイリングオプション– 4/5

Visual Composerのスタイリングオプションはしっかりしていますが、目立つものは何もありません。 シェイプディバイダー、カスタムスペーシング、視差など、期待するすべての機能を利用できます。

また、ユーザーのデバイスに基づいてデザインを編集するためのレスポンシブコントロール、およびさまざまなレスポンシブプレビューオプションを利用できます。

2つの優れた機能は、行または要素をスティッキーにし、列のスタック方法を制御するオプションです。

その他の注目すべき機能– 5/5

前述したように、Visual Composerは完全なWebサイトビルダーであるため、ヘッダー、フッター、テンプレートなどのインターフェイスを使用してサイト全体を構築できます。

ACFで追加するフィールドなど、デフォルトフィールドとカスタムフィールドから動的コンテンツを挿入することもできます。

もう1つの優れた機能は、インポートできる多数のテンプレートとコンテンツ要素が付属するVisual ComposerHubです。

ロックイン– 5/5

Visual Composerを非アクティブ化すると、比較的クリーンなHTMLが残ります。 HTMLにはまだVisualComposer CSSクラスが含まれていますが、フロントエンドの問題やショートコードはありません。

10.10。 WPページビルダー

WP Page Builderは、確立されたWordPress開発者であるThemeumからの新しい製品です。 したがって、プラグイン自体は新しいものですが、WordPressスペースにしばらく存在しているチームからのものです。

Themeumは、少し前にレビューしたTutorLMSプラグインも作成します。

価格：かなり寛大な無料版。 プロバージョンは39ドルから。

インターフェース– 4/5

WPページビルダーは、ページビルダーが行く限り、かなり標準的なインターフェースを持っています。 右側にデザインの視覚的なプレビューが表示され、左側にデザインを制御できるサイドバーが表示されます。

私がとても気に入っているのは、ドラッグアンドドロップスライダーを使用して間隔（マージン/パディング）を調整できることです。 同様のドラッグアンドドロップアプローチを使用して、列のサイズを変更することもできます。

ただし、インライン編集はありません。これは少し面倒です。 代わりに、サイドバーエディタでテキストを編集する必要があります。

含まれているウィジェット/テンプレート– 5/5

無料版でも、WP PageBuilderには素晴らしいウィジェットのセレクションが付属しています。 たとえば、無料バージョンでは、価格表、投稿グリッド、フリップボックスなどが提供されます。 他のほとんどのページビルダーは、これらの要素をプレミアムバージョン用に予約しています。

また、特定のニッチ向けのテーマ別テンプレートパックである31以上のレイアウトバンドルにアクセスできます。 各レイアウトには複数のテンプレートが含まれています。

スタイリングオプション– 4/5

ドラッグアンドドロップの間隔/レイアウトコントロールについてはすでに説明しましたが、これは非常に便利な機能です。

それ以外にも、さまざまなスタイルオプションが用意されています。 たとえば、図形の仕切り、特定のデバイスで要素を非表示にし、デバイスごとに異なる設定を使用するオプション、および多くの一般的なスタイルオプションがあります。

ただし、堅実ではありますが、ElementorやDiviのようなものよりも多くのオプションが得られないため、「5」ではなく「4」のスコアを使用します。

その他の注目すべき機能– 3/5

WP Page Builderは堅実なページビルダーですが、他のページビルダーで得られるような追加機能を構築していません。 たとえば、テーマの構築やポップアップビルダーなどはありません。

ページビルダー自体を超えて、目立つ機能は実際には見当たりません。

ロックイン– 3/5

WP Page Builderを無効にすると、コンテンツを含むすべてが削除されます。 Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?