Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts
Beaver Builderは人気のページビルダープラグインです。ランディングページ、セールスページ、カスタマイザーページをすべて作成することができます。
以前に "ビーバービルダー" を使用したことがありますか? コミュニティを支援するために、あなたのレビューを追加してください。

長所だ:

  • ドラッグ&ドロップページビルダー
  • すべてのWordPressテーマに対応
  • 170以上のプロがデザインしたテンプレート
  • たくさんの既製モジュール
  • ビルトインアニメーションライブラリ
  • モバイルレスポンシブ
  • ダイナミックでパーソナライズされたコンテンツをサポート

WPBeginnerユーザーは99ドルからBeaver Builderを購入できます!

ビーバービルダー を訪れる

(この割引は自動的に適用されます)

ビーバービルダーのレビュー:あなたにぴったりのページビルダーですか?

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

Beaver Builderが自分に合ったページビルダーかどうかを判断するためのレビューをお探しですか?

Beaver Builderを使えば、カスタム・ランディングページやセールスページなどを作成できます。既製のモジュールとサイトテンプレートが付属しているので、個別コードを一行も書くことなく、美しいデザインをすばやく作成できます。

この詳細なレビューでは、Beaver BuilderがあなたのWordPressサイトに適したページビルダーかどうかを見ていきます。

Is Beaver Builder the right page builder plugin for you?

Beaver Builderとは?

Beaver BuilderはWordPressで人気のページビルダープラグインです。

ユーザーフレンドリーなエディターが付属しており、変更内容をリアルタイムで表示するため、さまざまな設定やコンテンツを試して、最適なものを確認することができます。

The Beaver Builder drag and drop editor

Beaver Beaverにはさまざまな既成モジュールが用意されているので、スライダー、カルーセル、ギャラリー、ボタンなど、あらゆるコンテンツを簡単に追加できます。メニューから適切なモジュールを見つけて、レイアウトにドラッグするだけです。

さらに時間を節約するために、Beaver Builderにはプロがデザインした170種類のテンプレートがあり、美しいランディングページ、セールスページ、お問い合わせフォームなどを作成できます。

A selection of professionally-designed WordPress templates

これから始める方や予算に限りがある方は、WordPressの公式リポジトリからBeaver Builder liteをダウンロードできます。

この無料プラグインには、見出し、アイコン、テキストブロック、動画など、多くの必須モジュールが付属している。また、全幅レイアウトとカラムベースのレイアウトの両方をサポートしている。

The free Beaver Builder lite page builder plugin

しかし、プレミアムプランを購入すれば、価格テーブル、ソーシャルアイコン、お問い合わせフォームなどの追加モジュールにアクセスできるようになる。

また、レイアウト、行、モジュールを保存またはエクスポートして再利用することもできます。特にたくさんの異なるページデザインを作成する場合は、時間と労力を大幅に節約できます。

ビーバービルダーのレビュー:あなたにぴったりのページビルダーですか?

適切なページビルダープラグインを使えば、美しいランディングページ、カスタマイザーホームページ、ストアフロントなどを作成することができる。これにより、サイト訪問者を長く維持し、購読者や有料顧客へと転換させることができる。

とはいえ、Beaver BuilderがあなたのWordPressサイトにふさわしいページビルダーかどうか、もう少し詳しく見てみましょう。

1.170以上のプロフェッショナルなデザインのテンプレート

Beaver Builderには、デザインの出発点として使用できる170以上のテンプレートが用意されています。これらのテンプレートの多くは特定のビジネスやブログのニッチをカバーしているので、あなたのサイトにぴったりのデザインを見つけるのに問題はないはずです。

A selection of ready-made WordPress templates

Beaver Builderには、どんなサイトにも使えるコンテンツページテンプレートもあります。これには、価格ページ、ニュースレター登録フォーム、「お問い合わせ」ページなどが含まれます。

Beaver Builderにはマイクロページ用のテンプレートがあります。エディター内には、メンテナンスページや近日公開ページ、リンクインバイオページ、ローンチカウントダウンデザインのテンプレートがあります。

An example of a Coming Soon page, created using Beaver Builder

これらのテンプレートはすべてBeaver Builderエディターでカスタマイズ可能なので、WordPressテーマや企業ブランディングにぴったり合うように微調整できます。

2.すべてのWordPressテーマで動作します。

Beaver BuilderはどのWordPressテーマでも動作するように設計されています。つまり、テーマを変更しても、ランディングページやセールスページ、その他Beaver Builderで作成したデザインに影響を与える心配はありません。

さらに、Beaver Builderの使用を停止する場合、コンテンツは自動的にWordPressブロックエディターに移動するので、コンテンツが失われることはありません。

3.フロントエンドエディター

Beaver Builderにはドラッグ&ドロップエディターが搭載されており、コードを一行も書かずにレイアウトを編集することができます。

任意のモジュールをクリックし、表示されるポップアップで変更を加えるだけです。

The Beaver Builder page builder WordPress plugin

ドラッグ&ドロップでレイアウト内の要素を移動することもできます。

デザインにコンテンツを追加するには、「+」ボタンをクリックし、使用するモジュールを選択するだけです。

Adding content modules to a custom page design

4.すぐに使えるコンテンツモジュール

Beaver Builderには、ドラッグ&ドロップでデザインに追加できる既製のモジュールがたくさんあります。これには、投稿カルーセル、カウントダウンタイマー、購読フォーム、テスティモニアルなどの高度なモジュールが含まれます。

Adding testimonials, images, text, and other content to a custom page design

これらのモジュールはすべてカスタマイズ可能です。クリックしてモジュールを選択し、ポップアップを使用してスペーシング、カスタムフォント、枠線、パディングなどを変更するだけです。

モジュールによっては、見出しテキストや背景画像の追加などの追加オプションが表示される場合があります。

Editing a ready-made module using Beaver Builder

5.モバイル・レスポンシブ

Beaver Builderのデザインはすべて初期設定でモバイルレスポンシブに対応しています。つまり、あなたのページはスマートフォンやタブレットでもデスクトップ端末と同じように美しく表示されます。

Beaver Builderにはレスポンシブエディターモードもあり、モバイル版のデザインを表示することができます。そして、すべての異なる端末に最適化されるようにデザインを調整することができます。

Creating a mobile responsive landing pages, sales page, or similar

画面サイズごとに独自の行、カラム、モジュール設定を定義したり、Beaver Builderの初期設定ブレークポイントを上書きして、異なるデバイスに適した幅を独自に設定することができます。

最後に、スマートフォンやタブレットのユーザーには独自のコンテンツを表示したり、特定のコンテンツを完全に非表示にしたりすることもできます。例えば、モバイルユーザーには高解像度の大きな画像を表示しないようにすることもできます。

Showing unique content on mobile and desktop

6.ビルトインアニメーション

アニメーションは、ページの最も重要なコンテンツに訪問者の注意を引くことができます。例えば、オンラインストアのクーポンコードを強調するためにアニメーションを使用することができます。

Beaver Builderには、任意の行、カラム、モジュールに追加できるさまざまなエントランスアニメーションがビルトインされています。

How to add animations to your WordPress website, blog, or online store

また、アニメーションの継続時間を変更したり、ディレイを追加することもできます。

7.ダイナミックコンテンツの作成

独自の行動喚起ボタンなど、ユーザーによって異なるコンテンツを表示したい場合があります。Beaver Builderを使えば、訪問者がログイン中かどうかに応じて、行、カラム、モジュールを非表示にしたり、表示したりすることが簡単にできます。

Adding dynamic content to your WordPress blog or website

こうすることで、登録ユーザーや会員向けにユニークなコンテンツを作成することができます。

また、詳細な条件付きロジックルールを作成することもできます。例えば、訪問者が’購読者’ユーザー権限グループを持っている場合にのみ、行動喚起ボタンを表示したり、コメント数が一定数を超えたら、総コメント数を表示したりすることができます。

Showing dynamic content to visitors using conditional rules

8.簡単コピー&ペースト

同じデザインで同じ設定やスタイルを複数回使用したい場合があります。Beaver Builder にはエクスポート/インポートセクションがあり、モジュールの設定やスタイルをクリップボードにコピー&ペーストして、同じレイアウトの別のモジュールに貼り付けることができます。

Re-using styles on your WordPress blog, website, or online marketplace

9.カスタムコードの追加

Beaver Builder では、個別コードを記述することなくカスタム・レイアウトを作成できます。しかし、ビルトイン JavaScript と CSSコードエディターがあるので、カスタマイザーコードをレイアウトに追加することができます。

Adding code to your WordPress website

レイアウトCSS&JavaScriptツールを使って、カスタムコードをページ全体に適用することもできます。

10.HTML5コンテナ要素

Beaver Builderエディターでは、カスタマイザーID、クラス、ラベルを適用し、HTML5セクショニングコンテンツ要素を選択することができます。

The Beaver Builder code-free page builder

これにより、ページのアクセシビリティが向上し、JavaScriptやカスタムCSSを使ったコンテンツの編集が容易になります。

11.WooCommerceとの統合

Beaver Themerアドオンをインストールすると、オンラインストアのカスタムWooCommerceレイアウトを作成できます。これにはカスタム商品ページ、ストアフロント、購入手続き、お買い物カゴ、マイアカウントページが含まれます。

このように、使い慣れたBeaver Builderエディター、モジュール、ツールを使って、販売に最適化されたデザインを作成することができます。

12.再利用可能なレイアウトの作成

Beaver Builderでは、デザインをカスタムテンプレートとして保存できます。

Saving your page designs as custom templates

テンプレートを保存した後は、ビーバービルダーのエディター内からいつでもアクセスできるので、他のページでも使用することができます。

これにより、サイト全体でより一貫性のあるデザインを作成することができます。

カスタムロゴ、バナー、ナビゲーションメニュー、その他サイト全体で使用したいコンテンツを備えたスターターテンプレートを作成することもできます。これにより、個別ページごとにコンテンツを手動で追加する必要がなくなるため、時間を大幅に節約できます。

カスタムテンプレートをエクスポートして、Beaver Builderがインストールされている他のサイトにインポートすることもできます。これは複数のサイトを所有している場合や、WordPress 開発者を経営していてクライアントのウェブサイトのポートフォリオを管理している場合に便利です。

13.リビジョンと歴史

デザインの作業中に、前のバージョンに戻す必要が生じることがあります。たとえば、ミスに気づいてすぐに作業を元に戻したいときなどです。

Beaver Builderには変更内容が記録されているので、以前のバージョンに戻すことは問題ありません。まず、過去に公開したレイアウトをすべて表示し、元に戻したいレイアウトを選択します。

The Beaver Builder page builder

Beaver Builderはまた、あなたが行った個別操作のログ記録を作成するので、元に戻したい変更を正確に特定することができます。

履歴」を選択すればこのリストが表示され、項目をクリックすればその時点のレイアウトに戻る。

Restoring a previous version of your page layout

14.カスタマイズ可能なグローバル設定

WordPressブログやサイト全体で同じ設定を使用したい場合がよくあります。このような初期設定をすべてのレイアウトに手動で適用する代わりに、Beaver Builderのグローバル設定をカスタマイズすることで時間を節約できます。

Adding your own global settings to the Beaver Builder page builder

ここでは、初期設定のマージン、パディング、ページ見出し、最大幅などを変更できます。

また、レスポンシブ編集やオートスペースなど、いくつかの設定を初期設定で有効化するか無効化するかを変更することもできます。

Customizing the default page builder settings

15.カスタマイザー、フッターなどの作成

初期設定では、ヘッダーとフッターはWordPressテーマによってコントロールされるため、Beaver Builderエディターを使ってサイトのヘッダーとフッターをカスタマイズすることはできません。

Beaver Builderには、これらのエリアを編集できるThemerアドオンがあります。また、アーカイブ、404エラーページ、単一投稿テンプレート、および同様のページのカスタマイザーも作成できます。

さらに、すでに使い慣れたBeaver Builderエディターを使って、これらのエリアをカスタマイズできます。

Customizing your WordPress theme using a page builder plugin

WordPressがこれらのレイアウトを使用するタイミングをコントロールするために、スマートな条件ルールを使用することもできます。

例えば、会員サイトにログイン中のユーザーと訪問者用に異なるヘッダーを作成することができます。

Creating a custom header or footer for your WordPress website

16.地域社会と専門家の支援

Beaver Builder を使えば、WordPress 開発者を雇うことなく、美しいカスタムレイアウトを作成できます。ただし、プラグインのより高度な機能を利用するには、多少の手助けが必要かもしれません。

もし自分でトピックを調べたいのであれば、ビーバービルダーには詳細なナレッジベースがあります。

An example of an online knowledge base

また、YouTubeチャンネルに動画チュートリアルを投稿し、オンデマンドコースのライブラリも用意している。

特定のコースにアクセスするには有料だが、ウェブホスティングサービスのセットアップやドメイン名の購入、ワイヤーフレーム作成、eコマースサイトの構築といったトピックを扱った無料のトレーニングもいくつか用意されている。

Online training on the Beaver Builder website

また、Beaver Builder チームがチュートリアルを投稿するブログもあり、プラグイン固有の機能の使い方や、WordPress ページのリダイレクト方法など、一般的なトピックについてのアドバイスが掲載されています。

1対1のサポートをご希望の場合は、Beaver Builderのすべてのプランにメールサポートが含まれています。アルティメットプランにアップグレードすると、優先サポートも受けられるので、問題をより早く解決することができます。

ビーバービルダーの価格とプラン

中小企業やスタートアップ、予算に限りがある場合は、WordPressの公式リポジトリからBeaver Builderの無料版をダウンロードできます。

しかし、プレミアムプラグインにアップグレードすることで、より多くのモジュールやテンプレートにアクセスできるようになります。

The Beaver Builder pricing plans

4つのプランから選ぶことができる:

  • スタンダード年間99ドルで、このプランにはプレミアムモジュールとテンプレートが含まれており、美しいデザインを素早く作成することができます。また、WooCommerceと統合しているので、オンラインマーケットプレイスを最適化し、より多くの売上を得ることができます。この点を考慮すると、Standardは中小企業やサイドビジネス、あるいは個人のブログにも最適な設定です。
  • Pro.Beaver Builder Proは199ドルで、WordPressのマルチサイトをサポートします。追加ボーナスとして、ビーバービルダーテーマへのアクセス権も得られます。
  • 代理店。 年間399ドルで、Beaver Builderのブランディングをカスタマイザーロゴと会社名に置き換えることができます。この点を考慮すると、このプランは複数のサイトでBeaver Builderを使用する必要があるWordPress開発者や代理店に最適です。
  • アルティメット 年間546ドルで、このプランにはBeaver Themerアドオンが付属しており、独自のヘッダーとフッターをデザインしたり、標準のWordPressコンテンツエディターでは変更できないページをカスタマイズしたりできます。また、Assistant Proの6ヶ月のサブスクリプションもついてくるので、サイトのクリエイティブアセットをクラウドに保存することができます。このように、Ultimateはサイトのあらゆる部分をカスタマイズしたいサイトオーナーにおすすめです。

結論:Beaver Builderはあなたにぴったりのページビルダーですか?

機能、サポート、料金プランを見て、Beaver Builderは素晴らしいページビルダープラグインだと確信しました。

ユーザーフレンドリーなドラッグ&ドロップエディター、既製のモジュール、プロがデザインしたテンプレートを備えています。つまり、個別コードを一行も書くことなく、簡単にカスタマイザーを作成することができます。

小規模なビジネスサイトや個人的なブログを運営するのであれば、Starterプランには多くの必須機能があります。また、プレミアムモジュールとテンプレートが付属しており、WooCommerceと統合されています。つまり、オンラインストアをカスタマイズし、WooCommerceの訪問者を顧客に変えることができます。

WordPress マルチサイトをお使いですか?Beaver Builder Pro はマルチサイトをサポートしていますので、サイトネットワーク全体で使用することができます。

WordPress 代理店を経営している場合、またはクライアントのサイトを管理している場合、代理店プランにはホワイトラベル機能が追加されます。これにより、ビーバービルダーのブランディングをご自身のロゴや代理店名に置き換えることができます。この方法で、あなたの代理店をよりプロフェッショナルに見せ、あなたの個人ブランドを構築することができます。

最後に、サイトデザインを完全にコントロールしたい場合は、Beaver Builder Ultimateをお勧めします。この強力なパッケージには Beaver Themer アドオンが付属しており、カスタマイザーやフッターを作成できます。また、検索結果ページやブログアーカイブなど、通常は編集が難しいページのカスタマイズも可能です。

Beaver Builderのレビューが、あなたに最適なページビルダーかどうかを判断する一助となれば幸いです。 また、最高のWebデザインソフトウェアの選び方に関するガイド、または専門家が選んだビジネスサイトに必須のWordPressプラグインもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

WPBeginnerユーザーは99ドルからBeaver Builderを購入できます!

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Reader Interactions

1件のユーザーレビューレビューを追加する

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

レビューを書く

レビューをお寄せいただきありがとうございます。すべてのレビューは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスは公開されませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。

あなたの評価: