基本操作

基本操作:Beaver Builderでレイアウトを作って、画像や文章を入れる

ビーバービルダーを有効化すると、固定ページでビーバービルダーが使える状態になっています。

固定ページを作成する

ビーバービルダーでページを編集する前に、「固定ページ > 新規追加」でページを作ります。

公開されている固定ページを開く

管理画面にログインした状態で、公開したページを開きます。

「Beaver Builder」をクリック。

右側にツールボックスが表示されています。表示されない場合は、灰色のボタンをクリック。

「モジュール」タブが開いているのを確認し、音声、HTML、テキストエディタなど、好きなものをドラッグ&ドロップで配置する。

画面のどこかに編集ボックスが表示されます。

文字や画像を配置して、「保存」をクリック。

要素が配置された状態が確認できます。

レイアウトを作る

灰色のボタンをクリック。

「列」タブを開き、好きなカラムをドラッグ&ドロップで配置する。

「モジュール」タブに切り替え、好きな要素をドラッグ&ドロップで配置する。

「画像」モジュールの使い方

「画像」をドラッグ&ドロップで配置すると、以下のような編集ボックスが表示されます。
写真の取得方法は、「メディアライブラリ」を選択。

ライブラリから画像を指定するか、アップロードする。

「保存」ボタンを押す。

モジュールの複製方法

配置済みのモジュールを複製することができます。

画像にカーソルを合わせて、複製のアイコンをクリック。

モジュールの移動方法

モジュールをドラッグ&ドロップで移動させることができます。

画像にカーソルを合わせて、レンチのアイコンを掴み、そのままドラッグ&ドロップで移動。

ビーバービルダーで作ったページを公開する

「終了」をクリック。

次に「Publish」をクリックすると、ページが公開されます。

ABOUT ME
竜胆(りんどう)Webデザイン
古川恵子。1981年福島県生まれ。東京在住。 都内でウェブ制作と、ワードプレス個人レッスンを行っています。また、出身地である福島県にワードプレスを普及させるために活動しています。