Beaver Builderレビュー：それは最高のWordPressページビルダープラグインですか？ （2022）

WordPressサイトに最適なページビルダープラグインをお探しですか？

Beaver Builderは、間違いなくそのリストに載るに値します。 2014年の立ち上げ以来、最高のページビルダーの1つになり、確固たる信頼性と優れたコミュニティで定評があります。

Beaver Builderの実践的なレビューでは、プラグインの優れた点と不十分な点など、プラグインの詳細を説明します。

一般的に、Beaver Builderは非常に優れたページビルダーだと思いますが、必ずしもすべての人にとって最良のツールであるとは限らないため、Beaver Builderを使用するか、次のような人気のある代替手段の1つを使用するかを決定するための適切な情報が必要になります。 ElementorまたはDiviBuilder。

私たちのレビューを読み続けてください、そして私はあなたがその決定をするのを手伝います！

Beaver Builderレビュー：簡単な要約

Beaver Builderに慣れていない場合は、その機能の概要を簡単に説明して、理解を深めることから始めます。

Beaver Builderは、ユーザーフレンドリーなドラッグアンドドロップページビルダープラグインです。 つまり、技術的な知識を必要とせずに、複雑なデザインやランディングページを作成するのに役立ちます。

コンテンツモジュールを使用してデザインを設定し、行と列を使用してレイアウトを作成できます。 モジュール、行、列ごとに、デザイン、レイアウト、間隔などを制御するための詳細なオプションが表示されます。

さらに詳しく知りたい場合は、Beaver BuilderのThemerアドオンを使用して、カスタムヘッダー、投稿テンプレート、フッターなどを含む、視覚的なドラッグアンドドロップ編集を使用してテーマ全体をデザインできます。

基本的に、Beaver Builderは、100％カスタムのWordPressWebサイトを構築するのに役立ちます。

BeaverBuilderインターフェースのしくみ

BeaverBuilderインターフェースとその仕組みを掘り下げることから始めましょう。

基本的なインターフェースツアー

インターフェイスを起動すると、ライブデザインの全幅プレビューが表示されます。 デフォルトでは固定サイドバーはありませんが、必要に応じてサイドバーを作成できます。

モジュールの追加

新しいモジュールまたはテンプレートを追加するには、右上隅にある「プラス」アイコンをクリックして、インサーターインターフェイスを開きます。 モジュールはさまざまなカテゴリに分類されており、名前で検索することもできます。

モジュールを追加するには、モジュールをページにドラッグするだけです。

モジュールを追加すると、メニューが消え、完全なプレビューに戻ります。

メニューを固定したい場合は、メニューを右側または左側にドラッグして、その側の固定サイドバーに変えることができます。 ここでは、左側に修正しました。

モジュール自体に関しては、Beaver Builderは、最も重要なすべてのモジュールへのアクセスを提供するという優れた役割を果たします。 リストは他のページビルダーほど大きくないかもしれませんが、ほとんどの人が問題を抱えているとは思いません。 モジュールをさらに追加する必要がある場合は、サードパーティのプラグインを使用していつでも追加できます（詳細は後で説明します）。

モジュール、列、および行の構成

要素の設定を開くには、要素にカーソルを合わせてレンチアイコンをクリックします。

メニューが消えている場合は、設定がポップアップに表示され、任意の場所にドラッグしてサイズを変更できます。

固定サイドバーアプローチを使用する場合は、代わりに設定がサイドバーで自動的に開きます。

上のスクリーンショットでテキストエディタを見ることができますが、Beaver Builderはインライン編集もサポートしています。つまり、クリックして入力することで、ページに直接テキストを追加できます。

デザインオプションの数に関しては、すべての重要なコアオプションを利用できると思いますが、ElementorやDiviBuilderなどの一部のページビルダーが提供する高度なデザインオプションは利用できません。

たとえば、カスタムの絶対/相対ポジショニングはなく、ElementorのモーションエフェクトやDiviのスクロールエフェクトのようなものもありません（ Beaver Builderには基本的なアニメーションが含まれています）。

通常のユーザーにとっては、何かが足りないと感じることはないと思います。 しかし、これらすべてのクールなデザイン効果を設定できることを好むデザイナーであれば、ElementorとDiviはその点で間違いなくもう少し柔軟性があります。

Beaver Builderは、レスポンシブデザインもサポートしています。 モバイルデバイスで特定の要素を非表示にしたり、ユーザーのデバイスに基づいて構成を変更したりすることもできます（たとえば、モバイル訪問者に異なる間隔やフォントサイズを使用できます）。

モバイルやタブレット向けのデザインを簡単にするレスポンシブ編集モードもあります。

複数列のデザインの作成

これは私のお気に入りのビーバービルダー機能の1つであり、すべてのページビルダーがこのようにしない理由はわかりません。

複数列のデザインを作成するとします。 他のほとんどのページビルダーでは、最初に列構造を設定する必要があります。 次に、ウィジェットをそれらの列にドラッグできます。

Beaver Builderを使用すると、その手順をスキップして、モジュールを別のモジュールの横にドラッグするだけで、新しい列を自動的に作成できます。 小さなことですが、本当に便利で、時間を節約できます。

もちろん、Beaver Builderでは、最初に列構造を設定することもできます。そのようにする場合は、手動で行を追加する必要があります。

テンプレートの挿入

時間を節約するために、Beaver Builderには、挿入できるフルページのテンプレートがいくつか含まれています。 これらのテンプレートには、次の2つの形式があります。

• 完全なランディングページ
• コンテンツページ（「概要」ページなど）

ただし、テンプレートはBeaverBuilderの長所ではないと思います。 テンプレート自体は問題ないように見えますが、他のツールが提供するほぼ多くのテンプレートにアクセスすることはできません。 たとえば、Diviは1,700以上のテンプレートを提供し、Elementorも数百に上る。

ページテンプレートに加えて、ページの一部（たとえば、ヒーローセクション）のテンプレートである、事前に作成された行テンプレートも取得します。

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

グローバル設定の使用

グローバル設定を使用すると、行のデフォルトの幅、行と列のデフォルトのマージン/パディング、レスポンシブレイアウトなど、すべてのBeaverBuilderデザインの高レベルの設定を制御できます。

コアプラグインで中小規模のデバイスブレークポイントをカスタマイズすることもできます。これは、すべてのページビルダーで許可されているわけではありません（たとえば、Elementorは調整可能なブレークポイントを許可するプロセスにあります）。

コードの操作

コードを操作する場合は、Beaver Builderを使用すると、CSSまたはJavaScriptをページに直接簡単に追加できます。Ctrl+ Yを押してコードエディターを開きます。

ただし、Elementor Proで許可されているように、カスタムCSSを個々のモジュール/セクションに直接追加することはできません。 カスタムCSSクラスまたはIDをモジュールに追加することはできますが、CSS自体を追加することはできません。

インターフェイスと編集エクスペリエンスに関する一般的な考え方

全体として、BeaverBuilderでの編集エクスペリエンスは非常に優れていると思います。

デザインオプションに関しては、ElementorやDiviほど「多く」はありませんが、ほとんどのユーザーが必要とするすべてのコアオプションがあります。

さらに、私はインターフェース自体が本当に好きです。 スクリーンショットでこれを示すのは難しいですが、インターフェイスは常にスピーディーでグリッチがありません。 設定を開いたり、ドラッグしたりするときに、ラグや問題が発生することはありません。問題はありません。

好みに応じてインターフェースをカスタマイズできるのもいいですね。 フルスクリーンのビジュアルプレビューが必要な場合は、デフォルトのポップアップスタイルを引き続き使用し、デザインを見ているときにすべての設定を非表示にすることができます。

または、サイドバーアプローチが好きな場合は、サイドバーをどちらかの側に貼り付けて、固定インターフェースからすべてを実行できます。

特に派手なものは何もありません、それは使用するのに本当にしっかりした、快適なインターフェースです。

ビーバーテーマ

Beaver Themerは、Beaver Builderチームの公式拡張機能であり、BeaverBuilderに完全なテーマ構築サポートを追加します。

Beaver Builderは、ElementorやDiviのような他の有名人を打ち負かして、完全なテーマ構築を提供した最初のページビルダーの1つでした。

Beaver Themerをアクティブにすると、 BeaverBuilder→ThemerLayoutsに移動して、テーマのテンプレートを作成できます。

• ヘッダ
• フッター
• 単数形（例：単一のブログ投稿、ページなど）
• アーカイブ（例：すべてのブログ投稿を一覧表示するページ）
• 404ページ

テーマパーツを作成することもできます。これは、テーマフックのように、サイトのさまざまな部分にデザインを挿入できる非常に優れた機能です。

テーマテンプレート

新しいテーマテンプレートを作成するときは、最初にそのテンプレートをいつ使用するかを選択する必要があります。 特定の種類のコンテンツをターゲットにすることができます。たとえば、すべてのブログ投稿や、特定のカテゴリ/タグを持つ投稿のみをターゲットにすることができます。

さらに制御が必要な場合は、ルールを設定することもできます。これにより、ログインステータス、ユーザーロール、作成者、カスタムフィールド、投稿テンプレートなど、指定された条件が満たされた場合にのみ特定のテンプレートを使用できます。

他のほとんどのテーマビルダーには同様の機能がないため、これはBeaverThemerの明確な利点です。

そこから、同じBeaverBuilderインターフェースを使用してテンプレートを設計できます。 唯一の違いは、投稿のタイトルやコンテンツなどの「動的」コンテンツを挿入できることです。

Beaver Themerはカスタムフィールドとも連携するため、高度なカスタムフィールドやポッドなどのプラグインからデータを挿入できます。 以下に、フィールドのコンテンツを動的情報に接続することがどのようなものかを示します。

テーマパーツ

テーマパーツは基本的にテーマテンプレートと同じように機能しますが、投稿タイトルの下やコンテンツの下など、テーマの特定の場所にパーツを挿入できる追加のオプションがあります。

広告、オプトインフォーム、行動を促すフレーズなどにテーマパーツを使用できます。

ビーバービルダーのテーマ

Beaver Builderテーマは、BeaverBuilderとペアリングするように設計された軽量のベースWordPressテーマです。

基本的に、Beaver Builderテーマを使用してヘッダー、フッター、ブログテンプレートなどの非コンテンツ領域を処理し、次にBeaver Builderを使用して実際のコンテンツ（ヘッダーとフッター）。

しかし、正直なところ、ビーバービルダーのテーマが2022年以降の追加にそれほど価値があるとは思いません。 テーマが「悪い」ということではなく、すばらしいテーマです。 WordPressのスペースが変わったと思いますが、それはもはや特別なことではありません。

数年前、軽量で多目的のベーステーマを見つけるのはまだ困難だったので、テーマは持っていて良かったです。

しかし今では、ページビルダーと組み合わせるように設計された柔軟で軽量なテーマに関しては、選択の余地があります。 これらのテーマはすべて、Beaver Builderテーマと同じ基本原則に従いますが、（少なくとも私の意見では）より優れています。 2022年以降は、BeaverBuilderとGeneratePressを組み合わせたいと思います。

パフォーマンス

ページビルダープラグインを使用する場合、パフォーマンスは常に重要な考慮事項です。 ページビルダーは、デフォルトのWordPressエディターを使用するよりも常にページに重みを追加しますが、一部のページビルダーは、その重みを最小限に抑える点で他のページビルダーよりも優れています。

私は個人的にいくつかのテストを行い、異なるページビルダーで同じページを作成しました。ビーバービルダーは通常、パフォーマンスに関しては最良のオプションの1つです。 つまり、そのページサイズとHTTPリクエストは他のビルダーよりも小さいということです。

Beaver BuilderがネイティブのWordPressブロックエディター（Gutenberg）と比べてどれだけ余分な重みを追加するかについての良いアイデアを与えるために、私は少しテストを実行することにしました。

シンプルなデザインを2つのバージョンで作成しました。1つはGutenbergエディターを使用し、もう1つはプレミアムバージョンのBeaverBuilderを使用しました。

次に、ページサイズとHTTPリクエストを比較しました（これらの数値には、私のサイトのテーマであるGeneratePressが含まれています）。

Beaver Builderは、デフォルトではそれほど多くをロードしないことがわかります。 デザインは非常にシンプルで、主にテキスト、ボタン、列が含まれています。 この結果は、他の多くのページビルダーで表示される結果よりも小さくなります。

たとえば、Divi Builderで同じことをしたとき、316.7 KB（vs BeaverBuilderの+ 44.1KB）と7つの新しいHTTPリクエスト（vs Beaver Builderの4つの新しいHTTPリクエスト）が追加されました。

もう1つの優れた点は、BeaverBuilderがサイト全体にスクリプトをロードしないことです。 したがって、ネイティブのWordPressエディターで作成したページがある場合、BeaverBuilderはそのページに単一のスクリプトをロードしません。

他の一部のページビルダーはスクリプトをサイト全体にロードするため、これは注目に値します。これにより、そのページでページビルダーを使用しているかどうかに関係なく、ページに重みが加わります。

ビーバービルダーのパフォーマンスの結論

Beaver Builderを使用してデザインしたページは、Gutenbergブロックエディターを使用してデザインしたページと同じ速度で読み込まれますか？ いいえ、すべてが同じですが、そうではありません。

ただし、Gutenbergブロックエディターでは、BeaverBuilderほどの設計の柔軟性は得られません。 そして、同様の柔軟性を持つ他のページビルダープラグインと比較すると、ビーバービルダーはかなり有利に比較されます。

つまり、ページビルダープラグインに当てはまる基本的なパフォーマンスのトレードオフに問題がない限り、BeaverBuilderは追加された重みを最小限に抑えるという優れた仕事をします。

WordPressのパフォーマンスのベストプラクティスに従い、速度最適化プラグインを使用し、高速ホスティングでサイトをホストしている限り、BeaverBuilderを使用して高速読み込みサイトを完全に作成できます。

サードパーティのBeaverBuilderアドオン

Beaver Themerに加えて、Beaver Builderには、サードパーティのBeaver Builderアドオンの活気に満ちたマーケットプレイスもあり、コアビルダーをさらに拡張できます。

通常、これらの拡張機能を使用して新しいコンテンツモジュールとテンプレートを追加しますが、ポッドフレームワークとBeaver Builder / Themerの統合などの新機能を追加するものもあります。

あなたに味を与えるために、ここに最も人気のある2つのオプションがあります：

• Beaver Builderの究極のアドオン（Astraテーマの背後にある同じチームから）
• BeaverBuilder用のPowerPackアドオン

さらに多くのオプションを確認するには、最高のBeaverBuilderアドオンのまとめをご覧ください。

価格設定

他のすべてをカバーしたので、価格設定について話しましょう。

まず、Beaver BuilderにはWordPress.orgで無料のライトバージョンがありますが、それは非常に限られています。

正直なところ、Gutenbergブロックエディターが存在するようになったので、無料バージョンのBeaver Builderにはそれ以上の価値は見られず、ユーザーインターフェイスを試して気に入ったかどうかを確認できます。

あなたは同意しないかもしれません—それであなたは間違いなくあなた自身のために無料版をテストするべきです。 しかし、私の意見では、特に無料のページビルダープラグインを探しているのであれば、ElementorとBrizyの無料バージョンの機能ははるかに寛大です。

ただし、プレミアムバージョンに関しては、BeaverBuilderはかなり手頃な価格です。

まず、注意すべき重要な点は、BeaverBuilderのすべての料金プランで無制限のWebサイトでの使用が許可されていることです。

そこから、1年間のサポートとアップデートでわずか99ドルからプランが始まります。 初年度以降も引き続きサポートやアップデートをご希望の場合は、すべてのプランで40％の更新割引が受けられます。

上で述べたように、ビーバービルダーのテーマはもうそれほど価値があるとは思わないので、99ドルの標準ライセンスでほとんどの人が大丈夫だと思います。 あなたがもっと支払いたいと思うかもしれない唯一の理由は次のとおりです：

1. WordPressマルチサイトサポートが必要です。その場合、199ドルのProライセンスが必要です。
2. ホワイトラベリングが必要です。その場合、399ドルのエージェンシーライセンスが必要です。

テーマ構築のサポートを追加したい場合は、Beaver Themerも購入する必要があります。これは、無制限のサイトで使用するために147ドルかかります。

したがって、ページビルダーとテーマビルダーが必要な場合は、無制限のサイトでの使用と1年間のサポートと更新に246ドルを支払うことになります。 1年目以降も引き続きサポートとアップデートを利用したい場合は、合計$ 147.60を支払って更新します。

BeaverBuilderに関する最終的な考え

全体として、Beaver Builderは、確立された信頼できる開発チームからの非常に優れたプラグインだと思います。 それは7年以上前から存在しており、その間に素晴らしいコミュニティを構築してきました。

ただし、Beaver Builderを使用する必要があるかどうかは、WordPressページビルダープラグインで評価するものにかかっています。

常に新しい機能を追加し、新しいデザイン機能を提供するページビルダーが必要な場合、これはBeaver Builderチームの焦点では​​ないように思われるため、BeaverBuilderは最良の選択ではない可能性があります。 Beaver Builderが新しい機能を追加しないわけではありませんが、Elementor、Divi、Brizyなどのプラグインよりもペースが遅くなります。

ただし、頻繁に新機能を入手することよりも安定性を重視する場合は、BeaverBuilderが非常に優れていると思います。 開発サイクルが遅いということは、問題をテストして解決するための時間が長くなることを意味します。 Beaver Builderのユーザーが、新しいリリースが広範囲にわたるバグを引き起こしたり、サイトで何かを壊したりしたと不満を言っているのを見たことがありません。

新しい機能を取得することには確かに価値がありますが、安定性にも価値があります。 プラグインが必要なすべてのことをすでに実行している場合は、サイトで問題を引き起こす可能性のある、または引き起こさない可能性のある新機能を追加せずに、プラグインがそれをうまく実行し続けることを望むかもしれません。

それが基本的に私がそれを見る方法です。 「正しい」答えは1つではないと思います。それは、どちらのアプローチを好むかによって異なります。

Beaver Builderのアプローチが気に入った場合は、下のボタンをクリックしてWebサイトにアクセスできます。

ビーバービルダーを入手

他のオプションをご覧になりたい場合は、最高のページビルダープラグインのコレクションをご覧ください。 最大限の設計の柔軟性が必要な場合は、Elementor（レビューを読む）とDivi Builder（レビューを読む）が良いオプションだと思います。

Beaver Builderがこれらのプラグインとどのように連携するかを確認するには、次の投稿を確認してください。

• ElementorProとBeaverBuilder
• ディビvsビーバービルダー

BeaverBuilderまたはBeaverBuilderレビューについてまだ質問がありますか？ コメントを残して、私たちに知らせてください！