コンテナのサイズと挙動を設定する方法

コンテナを使用すると、Web サイトのウィジェットをすばやく配置および変更し、テンプレートを作成できます。保存したら、これらのテンプレートを Web サイト全体に適用できるため、時間を節約し、すべてのページでスタイルの連続性を実現できます。

コンテナを操作するときは、コンテナのサイズを設定する方法を知っておくことが重要です。コンテナを選択し、[レイアウト] タブに移動することで、コンテナのサイズと動作を調整できます。このセクションでは次のことができます。

・コンテナのサイズを変更する
・コンテナの動作を調整する

1 コンテナのサイズを調整する
2 アイテムオプション(商品)
3 オーバーフロー
4 追加オプションメニュー
5 HTMLタグ

コンテナのサイズを調整する

コンテナのサイズを調整するには

コンテナを選択してください
「レイアウト」タブに移動します
コンテナセクションに移動します

コンテンツの幅と最小の高さのコンテナーオプション。
[コンテンツの幅] では、ボックス化または全幅をドロップダウンから選択できます。
「ボックス」では、「幅」オプションを使用して、コンテナ内のコンテンツに割り当てられる幅を変更できます。
「全幅」では、コンテンツがコンテナのスペースを満たすことができます。

ボックス	全幅
コンテナの幅ではなく、コンテナ内のコンテンツの幅を調整する場合に使用します。	コンテナ内のコンテンツの幅ではなく、コンテナの幅を調整する場合に使用します。全幅を使用する場合でも、パディングとマージンを使用してコンテナのコンテンツの幅を調整できます。

『最小の高さ』では、コンテナの最小高さを設定できます。これは、モバイルレイアウト上でテキストやオブジェクトが確実に表示されるようにするのに役立ちます。

ピクセル、パーセント、またはビューポートの高さと幅を使用して、コンテナの高さと幅の両方を調整できます。各オプションの右上で使用するものを選択します。

アイテムオプション(商品)

『商品』となってますが、Elementorの翻訳が間違ってるので『アイテム』と呼びます。

コンテナ内のアイテムの動作は、「アイテム」セクションで変更できます。
上で説明したサイズオプションの下で、項目の動作を定義することもできます。これには、アイテムの方向、位置揃え（Justify Content）、配置（Align Content）、アイテム間のギャップ(Gaps)、およびラップ(Wrap)が含まれます。