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

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

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

プラグインの特徴

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

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

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

プラグインの使い方

管理画面の場所

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

プラグインの設定

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

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

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

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

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

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

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

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

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

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

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

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

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

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

使ってみた感想のまとめ

とても簡単でしたね。

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

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

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

The following two tabs change content below.

山田 どうそん

現在「電子書籍出版株式会社」というグループ会社の代表をするとともに、個人事業として「トリガーマインド」を運営しています。 法人では電子書籍の出版代行やプロダクトローンチの企画運営、メディア制作代行、などを行っています。「トリガーマインド」は個人向けの教育事業を中心として展開しており個人の方がネットから低資金で集客できるようなノウハウを提供しています。 他には仮想通貨の自動売買の販売。仮想通貨の情報配信なども行っています。

【WordPressの最適な初期設定をすべて解説した動画78個を今だけ無料プレゼント】

 

 

あなたがもしこれからWordPressをはじめようとしているならこのプレゼントをぜひお受け取りください。

 

最初の初期設定を間違えてしまうと、あとから変更することができず、せっかくのWordPressの効果を最大限に活かすことができなくなってしまいます。

 

「長時間かけて作ったブログがあとから間違っていてすべて作り直し」

 

なんてことにならないために、このプレゼントを受け取って正しい設定をしてからスタートしてください。

 


コメントを残す

メールアドレスが公開されることはありません。

ABOUTこの記事をかいた人

現在「電子書籍出版株式会社」というグループ会社の代表をするとともに、個人事業として「トリガーマインド」を運営しています。 法人では電子書籍の出版代行やプロダクトローンチの企画運営、メディア制作代行、などを行っています。「トリガーマインド」は個人向けの教育事業を中心として展開しており個人の方がネットから低資金で集客できるようなノウハウを提供しています。 他には仮想通貨の自動売買の販売。仮想通貨の情報配信なども行っています。