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

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

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

プラグインの特徴

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

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

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

プラグインの使い方

管理画面の場所

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

プラグインの設定

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

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

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

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

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

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

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

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

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

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

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

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

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

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

使ってみた感想のまとめ

とても簡単でしたね。

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

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

最新の更新を
プッシュ通知で購読しよう

ABOUTこの記事をかいた人

こんにちは。山田どうそんです。37歳未婚。現在、東京都江東区に住んでいます。出身は佐々木希と同じ、秋田県秋田市。趣味は筋トレで週3回トレーナーをつけてジム通いしています。ビジネスは、コンテンツ制作のコンサルティングを行っています。
もともと、月収15万円の借金だらけ。未来に何一つ希望を持てなかった僕ですが、インターネットのビジネスをしたことで今では値段を気にせず買い物ができるようになりました。そうなれた要因の一つに「コンテンツ制作のスキル」を身につけたことがあります。
なぜ、「コンテンツ制作のスキル」を身に着けたことで稼げるようになったのか?それは、「コンテンツの質」=「集客力」だからです。多くの方がビジネスをはじめて、うまくいかないのは集客ができないからです。集客をするために、Facebookを始めたり、インスタグラムをはじめたり、YouTubeをはじめたり・・・。いろいろ試してみても、思ったようにうまくいかない人が多いのが現状です。
そんな、集客で悩んでいる人のために、どうやってコンテンツ力を上げて集客力を身につけられるのかをコンサルしています。
僕は、ネットビジネスで人生を大きく変えることができました。一生貧乏で一生自分に自信を持てない人生を歩み続けると思っていました。それが、今では上場企業の部長クラスの人よりも稼げるようになり、自分に大きな自信を持てるようになりました。それは、正しい知識を正しく学んでいったからです。ビジネスで集客力を身に着けて自分のビジネスを成功させたいという方のために力になりたいと思っています。
そして、僕は、もっともっと成長して人生を楽しみたいと思っています。