Diviのディバイダーモジュールの使い方
こんにちは、根本です。今回は、Diviのディバイダーというモジュールの使い方をご紹介していきます。
重要Diviは有料のテーマ及びプラグインです。こちらの公式サイトから契約し、テーマもしくはプラグインをインストールしてから続きをご覧ください。
Diviのディバイダーモジュールとは?
ディバイダーモジュールは、線を追加することができるモジュールです。また、Diviにはスペーサーという空白を追加できるモジュールは用意されていないので、線を透明にして、空白を作成することもできます。
コンテンツ設定
では、使い方を確認していきましょう。まずは、「コンテンツ」の設定からです。
表示/非表示
デザイン設定
ライン
- ラベルカラー:ディバイダーの色を設定します。
- 仕切りスタイル:ディバイダーのタイプを選択します。
- 行位置:「トップ」、「縦方向中央寄せ」、「ボトム」の3つからディバイダーの縦の位置を設定できます。
サイズ変更
- 仕切り太さ:ディバイダーの太さを調節します。
- 最大幅:静的な横幅を設定します。基本的にここで設定した幅でモジュールが表示されますが、次の「最大幅」を設定している場合は、そちらの幅が優先されます。
- 最大幅:1つ前の「最大幅」よりも優先される設定項目で、ここで設定した幅よりも横幅が広くなることはありません。
- 文字列の揃え:ディバイダーモジュール全体の整列を設定できます。
- 最小の高さ:ディバイダーモジュールの最小の高さを調節します。ここで設定した高さ以上で表示されます。
- 高さ:静的なモジュールの高さを調節します。ここで設定した高さで固定されますが、最小の高さや最大の高さを設定していると、その高さが優先されるので、ここで設定した高さは無視されます。
- 最大の高さ:ディバイダーモジュールの最大の高さを設定します。ここで設定した高さ以上にモジュールが高くなることはありません。