基本操作

基本操作:アニメーションを付ける

画像やテキストなど、モジュールごとにアニメーションを付けることができます。 「モジュール(内側の枠)」のレンチアイコンをクリック。 「詳細」タブを開き、「アニメーション」のスタイルを選択し、遅延に好きな秒数を入れる。
基本操作

基本操作:スマートフォンに対応する(レスポンシブWebデザイン)

スマホで見たときに、レイアウトを変更するかどうかの設定ができます。 サイト全体のルールを決めるときは「グローバル設定」 ビーバーのアイコンをクリックし、「グローバル設定」パネルを表示させ、「レスポンシブレイアウト」で設定。 ...
基本操作

基本操作:ページにウィジェットを配置する

固定ページの好きな場所に、好きなウィジェットを配置することができます。 どんなウィジェットがあるのかを確認する 「外観 > ウィジェット」で、ウィジェットの種類を把握する。 ビーバービルダーでウィジェットを配置する ...
基本操作

基本操作:ページの幅全体に背景を付ける

利用中のテーマに、全幅用のテンプレートがない場合は、ページの幅全体に背景色をつけることができません。 今回は、サンプルに使用しているGeneratePressを使う場合の設定方法です。 エレメンターというプラグインを...
基本操作

基本操作:Beaver Builderの余白を調整する(個別のモジュール編)

ページ毎に、さらにパーツ(モジュール)ごとに、細かくそれぞれの余白を設定することができます。 行とモジュールの2つに余白が設定できる 各モジュールが入っている「行」と、画像や文章などの「モジュール」の2つのエリアがあり、それぞれに余...
基本操作

基本操作:Beaver Builderの余白を調整する(全体編)

モジュールとモジュールの間の余白を調整します。 この方法で余白を変更すると、今までビーバービルダーで作ったページ全ての余白が変更されます。 ビーバービルダーで作った全ページの余白を調整する 画像と画像の余白など、縦と横の余...
便利な機能

便利な機能:Beaver Builderで作成したページを複製する

ビーバービルダーで作成したページを複製することができます。 複製する 複製したいページを開き、ビーバービルダーの編集モードにする。 次に、画面左側のビーバーのアイコンをクリック、「Duplicate Layout」をクリック。...
基本操作

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

ビーバービルダーを有効化すると、固定ページでビーバービルダーが使える状態になっています。 固定ページを作成する ビーバービルダーでページを編集する前に、「固定ページ > 新規追加」でページを作ります。 公開されている固定ペ...
その他

その他:Beaver Builderが動かなくなった場合

ビーバービルダーが起動しなくなることがあります。 キャッシュクリアを試す その場合、まずは「設定 > Beaver Builder」でキャッシュクリアを試すといいかもしれません。 著者の環境でトラブルが起きたとき、1件...
基本操作

基本操作:Beaver Builderのインストール

ビーバービルダーのインストールについて説明します。 プラグインの検索、インストール 「プラグイン > 新規追加」で、Beaver Builderを検索します。 「今すぐインストール」をクリック。インストールが終わると、この...