Diviのディバイダーモジュールの使い方

こんにちは、根本です。今回は、Diviのディバイダーというモジュールの使い方をご紹介していきます。

重要Diviは有料のテーマ及びプラグインです。こちらの公式サイトから契約し、テーマもしくはプラグインをインストールしてから続きをご覧ください。

Diviのディバイダーモジュールとは?

Divi ディバイダー 1

ディバイダーモジュールは、線を追加することができるモジュールです。また、Diviにはスペーサーという空白を追加できるモジュールは用意されていないので、線を透明にして、空白を作成することもできます。

コンテンツ設定

では、使い方を確認していきましょう。まずは、「コンテンツ」の設定からです。

表示/非表示

Divi ディバイダー コンテンツ 表示非表示

デザイン設定

ライン

Divi ディバイダー デザイン ライン

  • ラベルカラー:ディバイダーの色を設定します。
  • 仕切りスタイル:ディバイダーのタイプを選択します。
  • 行位置:「トップ」、「縦方向中央寄せ」、「ボトム」の3つからディバイダーの縦の位置を設定できます。

サイズ変更

Divi ディバイダー デザイン サイズ変更

  • 仕切り太さ:ディバイダーの太さを調節します。
  • 最大幅:静的な横幅を設定します。基本的にここで設定した幅でモジュールが表示されますが、次の「最大幅」を設定している場合は、そちらの幅が優先されます。
  • 最大幅:1つ前の「最大幅」よりも優先される設定項目で、ここで設定した幅よりも横幅が広くなることはありません。
  • 文字列の揃え:ディバイダーモジュール全体の整列を設定できます。
  • 最小の高さ:ディバイダーモジュールの最小の高さを調節します。ここで設定した高さ以上で表示されます。
  • 高さ:静的なモジュールの高さを調節します。ここで設定した高さで固定されますが、最小の高さや最大の高さを設定していると、その高さが優先されるので、ここで設定した高さは無視されます。
  • 最大の高さ:ディバイダーモジュールの最大の高さを設定します。ここで設定した高さ以上にモジュールが高くなることはありません。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です