Beaver Builderレビュー:人気のあるWordPress PageBuilderプラグインの詳細

公開: 2021-07-16
ビーバービルダープラグインレビュー
@Cloudwaysをフォローする

Beaver Builderは、WordPressページビルダープラグインのリストに必ず登場します。 しかし、人気のあるプラグインはその塩の価値がありますか? それはあなたにぴったりの機能を持っていますか、そしてそれを使って素晴らしいWordPressウェブサイトを構築するのは簡単ですか? WordPressにプラグインをインストールするにはどうすればよいですか? この徹底的にテストされたビーバービルダーレビューですべての答えを得ることができます。

物事を概観するために、ビーバービルダーのWordPressプラグインは、ドラッグアンドドロップ方式を使用するページビルダーであり、ウェブサイトが公園を散歩するように設計します。 これにより、Webサイトのフロントエンドで直接作業し、コーディングスキルがなくても外出先で魅力的なWebサイトを作成できます。

本質的に、ビーバービルダーのようなページビルダーを使用することは、レゴで遊ぶようなものです。 ピース(要素とモジュール)を選び、それらを組み合わせて、想像力が許すものを作成します。 優れたページビルダーを使用してWebサイトを構築するのはとても簡単です。

それがあなたが探しているものなら、この究極のビーバービルダーレビューに取り掛かりましょう!

  • ビーバービルダー:概要
  • 強力な機能と制御
  • 使いやすさと統合
  • カスタマイズ可能なテンプレート
  • レスポンシブウェブサイト
  • ビーバービルダーの機能と利点
  • ビーバービルダーの価格
  • BeaverBuilderのシステム要件
  • ブラウザの互換性
  • WordPressバージョン
  • jQueryバージョン
  • あなたのWordPressウェブサイトにビーバービルダーをインストールする方法は?
  • 無料(ライト)バージョン
  • プレミアムバージョン
  • ライセンスアクティベーション
  • ビーバービルダーの使い方(ハンズオン)
  • ビルド済みテンプレート
  • CloudwaysとのBeaverBuilderの互換性とパフォーマンス
  • 使用したリソース:
  • GTMetrixパフォーマンス分析
  • Pingdomパフォーマンス分析
  • PageSpeedInsightパフォーマンス分析
  • ビーバービルダー:長所と短所
  • BeaverBuilderの非互換性
  • プラグインの競合
  • テーマの競合
  • 非同期Javascriptプラグイン
  • デュプリケータープラグイン
  • Cloudflareのロケットローダー
  • ビーバービルダーのCloudwaysユーザーレビュー

ビーバービルダー:概要

ビーバービルダーの概要

Beaver Builderは、同様の、しかしはるかに包括的なモジュールシステムを使用して、コンテンツを作成するためのデフォルトのWordPressブロックエディターの代替手段を提供します。
市場には多くのページビルダープラグインがありますが、ビーバービルダーは使いやすさから最も人気のあるオプションの1つです。 プレミアムバージョンだけでなく、無料バージョンのビーバービルダーも利用できます。 このレビューでは、プレミアムバージョンに焦点を当て、すべての機能とパフォーマンスの経験を共有します。

強力な機能と制御

ページビルダープラグインの基本的な違いは、プラグインが提供するカスタマイズオプションと、それらすべての要素をどの程度制御できるかにあります。 ただし、多くのページビルダーは、提供する機能の数に関係なく、使用するのが面倒な場合があります。

使いやすさと統合

しかし、ビーバービルダーは後者のカテゴリーに分類されます。後者のカテゴリーは、数多くの優れた機能を提供し、使いやすいパッケージにバンドルされています。 プラグインのフロントエンドのビジュアル編集エクスペリエンスでは、編集中に訪問者に表示されるページを確認することもできます。これはすばらしいことです。

ページビルダーでは、投稿やカスタム投稿タイプを編集することもできます。 さらに、ほとんどのWordPressテーマで動作し、ショートコードまたはウィジェットを生成するほとんどのプラグインとうまく統合されます。

カスタマイズ可能なテンプレート

ただし、ページを最初から作成したくない場合は、BeaverBuilderに事前に作成されたカスタマイズ可能なテンプレートのライブラリも付属しています。 作成したページを保存して、そのレイアウトを他のコンテンツに再利用できます。また、追加した行、列、またはモジュールでも同じことができます。

レスポンシブウェブサイト

最後に、Beaver Builderを使用すると、レスポンシブWebサイトをすぐに作成できることに注意してください。 デスクトップコンピューター、スマートフォン、タブレットでページがどのように表示されるかをいつでもプレビューできます。

紙の上では、ビーバービルダーは印象的です。 次のセクションでは、それが実際にどのように機能するかを示します。

ビーバービルダーの機能と利点

これで、BeaverBuilderが提供するものとその動作を明確に把握できました。 プラグインのインターフェースを紹介する前に、プラグインの機能を簡単に要約してみましょう。

  • ドラッグアンドドロップのフロントエンドビジュアルページビルダー
  • コンテンツを追加する33のモジュール
  • コンテンツ作成を開始するために使用できるビルド済みのページテンプレート
  • ほとんどのWordPressテーマ、およびショートコードとウィジェットを生成するプラグインと統合します
  • 完全にカスタマイズ可能なページとカスタム投稿タイプ。

これらは素晴らしい機能ですが、ウェブサイトを構築するためにこれらを取得するためにいくらかかりますか? プラグインの価格を見てみましょう!

ビーバービルダーの価格

前に述べたように、BeaverBuilderには無料バージョンと有料バージョンの両方があります。 ただし、趣味のブログなどの個人的なプロジェクト以外の目的でBeaver Builderを使用する場合は、プレミアムバージョンが必要になる可能性があります。

Beaver Builder Proのライセンスは99ドルからで、無制限のサイトの1年間の更新と、年間更新の40%割引が含まれます。 これが標準プランです。これは、eコマース、ビジネス、またはプロのブログサイトを構築しているほとんどの個人ユーザーに推奨するオプションです。

次のようなより多くの機能を提供するより高価なプランがあります。

  • WordPressマルチサイトサポート
  • プラグインとシームレスに連携するように設計された公式のビーバービルダーテーマ
  • ホワイトラベル機能。

代理店プロジェクト用のページビルダーを探している場合は、より高価なビーバービルダープランの1つを検討する必要があります。 これらのシナリオを除いて、標準ライセンスは必要なものすべてを提供します。

BeaverBuilderのシステム要件

それでは、BeaverBuilderのシステム要件を見てみましょう。

ブラウザの互換性

最新バージョンのchrome、firefox、safari、およびedgeブラウザの3つを使用できます。 Internet Explorerユーザーには、IE11をお勧めします。

WordPressバージョン

セキュリティとパフォーマンスを向上させるために、最新バージョンのWordPressとPHPを使用することをお勧めします。 WordPressのアップデートと手順については、WordPressの記事を確認してください。

  • Beaver Builderプラグイン: WordPress4.6以降| PHP 5.6.20以降(PHP 7.xを推奨)

:4.9.6以降のバージョンのWordPressには、BeaverBuilderバージョン2.1.1.3以降が必要です。

  • ビーバービルダーのテーマ:WordPress4.1以降| PHP5.6.20以降
  • Beaver Themer :WordPress4.6以降

jQueryバージョン

Beaver Builderは、WordPressにバンドルされているjQueryバージョンをサポートしています。 他のjQueryバージョンを使用することはお勧めしません。動作する可能性はありますが、サイトに損傷を与える可能性があるためです。

したがって、設置する前に、道路の障害物を避け、必要な場所をスムーズに達成するための要件に従っていることを確認してください。

あなたのWordPressウェブサイトにビーバービルダーをインストールする方法は?

次に、WordPressにBeaverBuilderをインストールします。 Beaver Builderには、無料(ライト)バージョンとプレミアムバージョンが付属しており、簡単にインストールできます。 両方のバージョンのインストールプロセスを1つずつ共有します。

無料(ライト)バージョン

WordPressダッシュボード>プラグイン>新規追加に移動します。

WordPressダッシュボード

右側の検索バーでビーバービルダーを検索します。 インストールボタンをクリックして、アクティブにします。

ビーバービルダーを検索する

ワードプレスページビルダービーバー

Beaver Builderをインストールしてアクティブ化すると、ダッシュボードの任意のページまたは投稿にマウスオーバーすると、新しいBeaverBuilderオプションが表示されます。

ページまたは投稿

プレミアムバージョン

Beaver Builderをプレミアムにアップグレードするか、プレミアムバージョンを直接インストールする場合は、以下の手順に従う必要があります。

  • マイアカウントページからBeaverBuilderプラグインのzipファイルをダウンロードします。 ライセンスキーは、ページのzipファイルリンクの上に表示されます。

マイアカウント

  • WordPressダッシュボード>プラグイン>新規追加に移動し、プラグインのアップロードをクリックします

プラグインをアップロード

  • [ファイル選択]ボタンをクリックすると、ブラウザウィンドウが表示されます。

ファイルを選ぶ

  • ローカルシステムからBeaverBuilder zipファイルを選択するか、ファイルを[参照]ボタンの上にドラッグします。 zipファイル名が[ファイル選択]ボタンの右側に表示されます。
  • [今すぐインストール]をクリックします

今すぐインストール

  • プラグインをアクティブ化する前に、シナリオを理解する必要があります。 Liteバージョンのプラグインがインストールされている場合、プレミアムバージョンをインストールすると自動的に非アクティブ化されます。 プレミアムバージョンがすでにインストールされている場合は、[現在のバージョンをアップロード済み置き換える]をクリックして置き換えることができます。
  • プラグインをアクティブ化するには、[アクティブ化]をクリックします。

プラグインをアクティブ化

プラグインがアクティブ化されました

ライセンスアクティベーション

Beaver Builderプラグインをインストールしてアクティブ化した後、ライセンスのアクティブ化プロセスについて説明します。

  • WordPressダッシュボードから[設定]> [ビーバービルダー]に移動し、[ライセンス]タブをクリックします。
  • [マイアカウント]ページにあるライセンスキーを追加します。
  • ライセンスがアクティブな場合、アップグレードとダウングレードを取得できます。 ライセンス番号は同じままである必要があります。

ビーバービルダーの設定

ライセンスキーを入力します

ビーバービルダーの使い方(ハンズオン)

ビーバービルダーの使い方

インストールしてアクティブ化すると、ダッシュボードの任意のページまたは投稿にマウスオーバーすると、新しいBeaverBuilderオプションが表示されます。

それをクリックすると、そのページが開き、BeaverBuilderエディターにアクセスできるようになります。 最初に気付くのは、ページ上の任意の要素を直接クリックして、そのすべての設定にアクセスできることです。

これらの設定の中には、ページ上でアイテムを移動するためのドラッグアンドドロップ機能、その特定の要素のカスタマイズ、モジュールの複製、列の編集、または要素を削除する機能があります。

ビーバービルダーエディター

上記の例では、見出しモジュールを選択しました。 レンチアイコンをクリックしてその見出しを編集すると、次のようなメニューにアクセスできます。

見出しモジュール

設定は使用しているモジュールによって異なりますが、BeaverBuilderプラグインは常にそれらを3つの大きなカテゴリに分類します。

  • 一般:これらは、各モジュールの基本的なカスタマイズオプションです。
  • スタイル:スタイルタブは、ユーザーフレンドリーなインターフェイスを介して各モジュールにCSSを適用する簡単な方法と考えてください。
  • 詳細:[詳細]タブでは、マージンの変更、ブレークポイントの指定、アニメーションの追加、カスタムHTMLの挿入などを行うことができます。

より包括的なモジュールには、追加のタブがあります。 たとえば、投稿またはページを表示する投稿モジュールには、表示する投稿をフィルタリングするための[コンテンツ]タブと、多数の投稿の表示方法を制御するための[ページ付け]タブが含まれています。

理論的には、Beaver Builderの高度なカスタマイズ設定に触れることなく、Webサイト全体を構築できます。 このスクリーンショットでは、マージン設定にデスクトップアイコンがあり、必要に応じて、大画面、中画面、および小画面に異なるマージン値を設定するように切り替えることができます。

BeaverBuilderプラグインのカテゴリ

私はいくつかのWordPressページビルダーツールを使用しましたが、ビーバービルダーは最も簡単な学習曲線を持っています。 他のページビルダーが最初から何十もの設定をスローする場合、Beaver Builderを使用すると、各モジュールがどのように機能し、それを使用して何ができるかを理解できます。

モジュールの選択に関する限り、BeaverBuilderには33の要素が含まれています。 その中には、メニュー、お問い合わせフォーム、画像、段落、見出しなどの基本的な機能があります。

ビーバービルダーには33の要素が含まれています

ただし、Beaver Builderには、紹介文モジュール、アイコングループ、価格表、番号カウンターなど、より多くの「高度な」オプションも含まれています。 価格表はどのeコマースサイトにも素晴らしい追加機能であるため、BeaverBuilderを使用すると比較的簡単に作成およびカスタマイズできることがわかりました。

価格表

Beaver Builderを使用して既存のページをカスタマイズするのは簡単ですが、ページを最初から作成するのは比較的簡単です。 プロセスをいくつかの簡単なステップに分解できます。

  1. ページに必要な大まかなレイアウトを見つけます。
  2. 列と行の追加を開始します。
  3. 必要なモジュールを列と行に入力し、それらをカスタマイズします。
  4. 必要に応じてモジュールをドラッグして、要素を希望どおりに表示します。
  5. さまざまな画面サイズでページがどのように表示されるかをプレビューします。

はい、それは単純化しすぎです。 ただし、Beaver Builderを初めて使用する人でも、プロセス全体が直感的に感じられます。

とは言うものの、私はウェブサイトを構築した経験があることに注意することが重要です。 WordPressの使用や最初のサイトの作成に慣れていない場合は、BeaverBuilderテンプレートの使用に興味があるかもしれません。

ビルド済みテンプレート

前に述べたように、Beaver Builderでは、空白のキャンバスまたはテンプレートから始めてページを作成できます。 箱から出して、30以上のランディングページテンプレートとさまざまなタイプのコンテンツページ用のさらに多くのテンプレート、および100以上の構築済み行が含まれています。

ビルド済みテンプレート

テンプレートの選択肢はもっと広いかもしれませんが、ビーバービルドにはモダンなデザインが含まれており、どのWebサイトでも見違えることはありません。 大きなヒーローセクション、アニメーションの背景、アイコングループ、紹介文セクション、価格表などのオプションがあります。

Webデザインの経験があまりない場合、テンプレートは命を救うツールです。 プラグインの仕組みを理解したら、Beaver Builderのテンプレートシステムを使用して、独自のデザインを保存し、他のページやプロジェクトに追加することもできます。

テンプレートコンテンツ

テンプレートは、Beaver Builderを初心者向けのページビルダーにする大きな部分を占めているため、新しいプロジェクトに取り組んでいる場合は、少なくともいくつかのオプションを試してみることをお勧めします。

CloudwaysとのBeaverBuilderの互換性とパフォーマンス

サイトの速度は、Webサイトの成功に重要な役割を果たし、おそらくほとんどのサイト所有者の最大の懸念事項の1つです。 サイトの最適化は必要ですが、それを行う方法を評価するのは難しい場合があります。 このビーバービルダーのレビューでは、Cloudwaysでこのページビルダーをテストして、パフォーマンスがどれほど優れているかを確認しました。そのため、これらの長引く考えはありません。

いくつかの重要な速度テストツールを使用して、BeaverBuilderがCloudwaysプラットフォームとどの程度互換性があるかを示します。

使用したリソース:

Cloudwaysサーバーの構成

名前仕様
CloudwaysサーバーVultr –高周波
データセンターの場所シアトル
2GB
SSDディスク64GB
帯域幅転送2TB
プロセッサー1コア
オペレーティング・システム: Debian 9
NGINX 1.19
ワニス6.0.7
Apache 2.4.25
データベースMariaDB 10.1
PHP 7.3

アプリケーション構成

名前仕様
WordPressバージョン5.7.2
CDN CloudwaysCDN
SSL 暗号化しましょう
テーマビーバービルダーのテーマ

インストールされたプラグイン

プラグイン名バージョン
バージョン1.2.2
Cloudwaysボット保護バージョン4.63

上記のリソースを使用して、ライブシナリオを理解するのに役立つWebサイトを作成しました。 このリンクからウェブサイトを確認できます。 次に、さまざまなツールでサイトをテストして、BeaverBuilderとCloudwaysの互換性とパフォーマンスを示します。

GTMetrixパフォーマンス分析

URL:https://gtmetrix.com/reports/wordpress-626127-2033661.cloudwaysapps.com/9Y3cXpvz/
GTmetrix

  • パフォーマンス:100%
  • 構造:93%
  • LCP :539ms
  • TBT :0ms
  • CLS :0.03

Pingdomパフォーマンス分析

URL: https //tools.pingdom.com/#5ea5673c8fc00000

Pingdomパフォーマンス分析

  • パフォーマンスグレード:88
  • ページサイズ:2.0 MB
  • 読み込み時間:365ms
  • リクエスト: 49

PageSpeedInsightパフォーマンス分析

PageSpeedパフォーマンス分析

総合成績:91
FCP :0.8秒
スピードインデックス: 1.5秒
LCP :1.8秒
TTI :0.8秒
TBT :0ms
CLS :0.028

ご覧のとおり、私は3つの異なるテストツールでサイトをテストしましたが、その結果は非常に印象的です。 Cloudwaysは、キャッシュプラグインが組み込まれた専用サーバーを備えたマネージドWordPressホスティングを提供し、驚異的なパフォーマンスを提供します。 Beaver Builderのようなページビルダーで構築されたWebサイトを展開することは、ユーザーに提供する素晴らしいエクスペリエンスを提供することを意味します。

ビーバービルダー:長所と短所

Beaver Builderが提供するすべての機能、機能、動作、およびコストについて説明しました。 それを念頭に置いて、このページビルダープラグインの長所と短所を簡単に要約してみましょう。

長所:

  • ページビルダーの使用経験がなくても、これは非常に直感的なツールです。
  • テンプレートの選択は、モダンで用途の広いデザインを特徴としています。
  • ページへの要素の追加とカスタマイズは簡単で、各モジュールには幅広い設定とオプションが含まれています。
  • 列と行のシステムはシンプルで、あらゆるタイプのWebサイトで機能します。
  • テンプレートとカスタマイズされたモジュールを保存して、他のコンテンツで再利用できます。

短所:

しかし、ビーバービルダーは素晴らしいですが、欠陥がないわけではありません。 たとえば、含まれているテンプレートは適切に設計されていますが、多くのWordPressの新規参入者がおそらくそれらに依存してウェブサイトを構築することを考えると、選択範囲ははるかに広くなる可能性があります。

考慮すべき他の潜在的な欠点は、プラグインの無料バージョンに多くのモジュールが含まれていないことです。 Beaver Builderを最大限に活用するには、有料プランにアップグレードする必要があります。これは、個人サイトのユーザーにとっては厄介なことです。

BeaverBuilderの非互換性

Beaver BuilderはWordPressに関連するほとんどのものと互換性がありますが、いくつかの欠点が残っています。 WordPressはオープンソースプラットフォームであるため、ユーザーはさまざまなテーマやプラグインを試して互換性を確認しますが、成功する場合もあれば、非互換性に直面する場合もあります。

BeaverBuilderのいくつかの主要な非互換性を見てみましょう。

  1. プラグインの競合

Beaver Builderエディターで問題が発生した場合、別のプラグインの競合が原因で発生することがよくあります。 キャッシュプラグインが競合の原因になる可能性があります。 その場合は、問題が発生したときにキャッシュプラグインを削除し、BeaverBuilderを除くすべてのプラグインを非アクティブ化します。 各プラグインを1つずつ有効にし、各プラグインの後にBeaverBuilderをテストします。 問題の原因となっているプラ​​グインが見つかるまで、このプロセスを繰り返します。

2.テーマの競合
テーマは、Beaver BuilderWordPressプラグインでも問題を引き起こす可能性があります。 テーマが原因で発生する問題は何ですか?また、どのようにそれらを特定できますか?

理解を深めるために、以下のポイントを確認してみましょう。

  • 編集中または編集したページを保存するときにページがハングする
  • ユーザーがBeaverBuilderでページを編集できない
  • ビーバービルダーの編集バーがページの上部に表示されない
  • モジュール設定ボックスがエディターに表示されない

WordPressダッシュボード>外観>テーマに移動し、アクティブなテーマを20などのWordPress標準テーマに切り替えます。

3.非同期Javascriptプラグイン

以下の設定を構成しない限り、非同期Javascriptプラグインが競合し、問題が発生する可能性があります。

  • jQueryを除外する
  • wp-includes / jsが[非同期JavaScript]> [設定]> [スクリプトの除外]フィールドに追加されます。

4.デュプリケータープラグイン

複製プラグインを使用してページのクローンを作成し、レイアウトを保存することはお勧めしません。 動作していることに気付くかもしれませんが、新しいページでBeaver Builderレイアウトを編集すると、問題が発生します。 これの代わりに、Beaver BuilderToolsメニューからDuplicatorLayoutを使用できます。

5.Cloudflareのロケットローダー

CloudflareのRocketLoaderは、ページの編集中にBeaver Builderで問題を引き起こす可能性があるため、編集中はオフにすることをお勧めします。 あなたはあなたのサイトを終えたときにそれをオンにすることができます。

ビーバービルダーのCloudwaysユーザーレビュー

口コミはマーケティング手法よりもうるさいので、ビーバービルダーコミュニティを見て、Cloudwaysについて人々が言っ​​ていることを分析しましょう。 Beaver Builderを使用しながら、人々がCloudwaysを最良のプラットフォームとしてどのように見つけるかを探る時が来ました。

お客様の声

フィードバック

デビッドR

スコットデイビッドソン

Cloudwaysは、BeaverBuilderを使用して構築する予定の次のWebサイトに最適な選択肢の1つであると言っても過言ではありません。

ビーバービルダーに関する最終的な考え

Beaver Builder WordPressプラグインを徹底的にテストした結果、驚異的なWordPressWebサイトの構築を開始するための最良のソリューションの1つであると自信を持って言えます。

プラグインにはたくさんの機能があり、デザインをできるだけクリエイティブにするのに十分な柔軟性があります。 そして何よりも、それは信じられないほど使いやすいです。 これは、レゴで遊ぶのとほとんど同じです。サイトで必要な要素を選択し、必要な場所に配置します。 結果のWebサイトが目の前にある間、これを続けます(ただし、必要に応じて、事前設定ですべてのプロに行くことができます)。 要するに、変更を加えるとサイト上のすべての変更が表示されるため、プロセスが非常に直感的になり、あえて言うと楽しいものになります。

そして、Cloudways Managed Hostingでプラグインのパフォーマンスをテストした後、Webサイトを迅速に展開したいが、パフォーマンスやセキュリティなどを妥協したくない場合は、CloudwaysのWordPressサーバーを使用する必要があると断言できます。 + Beaver Builderプラグイン。これは、成功のための確実な公式です。

このレビューを読んだ後、ビーバービルダーについてどう思いますか? 私たちが見逃したかもしれない点があれば、私に知らせてください、そして私はこのレビューを更新することを確認します。

Q. Beaver Builderは無料ですか?

はい。 Beaver Builderの基本バージョンは無料ですが、追加の機能やオプションについてはBeaver BuilderProバージョンにアップグレードできます。

Q. Beaver BuilderはSEOに適していますか?

Beaver Builderは、コード圧縮やschema.orgなどの最高のSEO標準を使用して、作成したページを検索エンジンで簡単に見つけられるようにします。

Q.ビーバービルダーのテーマとは何ですか?

Beaver Builder Themeは、WordPressプロジェクトに適応できるフレームワークです。

Q. Beaver Builderで最適に機能するテーマはどれですか?

Beaver Builderは、ほとんどのテーマで最適に機能します。