ドラッグアンドドロップで直感的にページレイアウトを作成できるプラグイン「Beaver Builder」



【 最新の更新日は 2019年12月28日 です】

山田どうそんです。

Beaver Builderは固定ページのレイアウトをすべてドラッグ・アンド・ドロップで直感的に操作して作ることができるプラグインです。

HTML&CSSなどが全くわからなくても、直感的にレイアウトを2カラムにしたり3カラムにしたりできます。

プラグインの特徴

  • ページレイアウトを直感的に操作して作成できる

プラグインのダウンロード

プラグインのダウンロードは下記のリンク先からもできますしWordPress内で「Beaver Builder」と検索してもダウンロードが可能です。現在のバージョンは「1.9.2」。

プラグインの使い方

管理画面の場所

「設定」>「ページビルダー」という項目が表示されます。

プラグインの設定

プラグインの設定は、固定ページから行います。

「固定ページ」>「固定ページ編集」に進むと「テキストエディタ」の横に「ページビルダー」というタブが表示されています。

ここをクリックすると、次のようなテンプレートを選ぶ画面が表示されます。

しかし、テンプレートはアップグレードしなくては利用できないので、ここでは「キャンセル」を選択します。

すると、このように画面右側に「行のレイアウト」「基本モジュール」「上級モジュール」「WordPressウィジェット」などが表示されます。

「行のレイアウトまたはモジュールをドロップして開始。」となっている部分に、右側から選択してドラッグアンドドロップします。

ここでは2カラムをドラッグアンドドロップしました。

すると、このように2カラムになりました。

では、この左側のカラムに今度は「基本モジュール」>「テキストエディタ」をドラッグ・アンド・ドロップします。

すると、このように画面上にテキストエディタのダイアログボックスが表示されました。

テキストエディタに文字を記入すると、カラムの中に文字が挿入されているのがわかると思います。

これで、保存をすれば2カラムのテキストを入力したレイアウトが完成します。

画面上部にある「コンテンツを追加」をクリックすると、追加でコンテンツをどんどん追加してページを作成していくことができます。

「ツール」をクリックすると、ページを複製したり、JavaScriptやCSSの設定ができます。

使ってみた感想のまとめ

とても簡単でしたね。

画像やウィジェットなども簡単に挿入できます。

オススメプラグインの一つです。

サブスクリプションモデルを構築し安定収入の仕組みを作りませんか?

自分の得意なスキルで会員サイトを作りサブスクリプションモデルを構築して安定収入を作りませんか?

もう、来月の売上を心配しなくてはならないビジネスモデルとはおさらばして、毎月安定的に収益を上げることができる新しいビジネスモデルを構築しませんか?

あなたが、サブスクリプションモデルを構築するために必要なリソースを学ぶことができる無料オンライントレーニングをご用意しました。

今回、この無料オンライントレーニングを視聴してくれた方に僕の有料コース2コース(合計4.8万円分)を無料でプレゼントさせていただきます。

今すぐ登録してプレゼントを受け取ってください。

それでは、無料オンライントレーニングでお待ちしております。

今すぐサブスクリプションモデルで安定収入を作る男の「無料オンライントレーニング」を視聴する>>>

ABOUT US

山田 どうそん
Udemy受講生2万人以上の自動化マーケティング講師。ビジネスはオンラインで完全に自動化させることが最も重要だと思っている。偽の自動化ではなく本物の自動化しか興味がない。Udemy→海外ツールを使ったマーケティングファネル→サブスク。自動化にはこの3つのスキルが重要でそれ以外のスキルは不要。何より優先すべきは時間。