要素内のギャップを変更する

内部間隔が重要な理由

デザイン内の隙間（単一の要素内であっても、複数の要素間であっても）は、すっきりとした読みやすく、視覚的に魅力的なレイアウトを維持するために不可欠です。適切な間隔は、次のような効果をもたらします。

• コンテンツの読みやすさを向上させる
• バランスと構造の感覚を作り出す
• 要素が雑然としたり窮屈に感じたりしないようにする

GemPages では、主に 2 種類の内部間隔を調整できます。 パディング and ギャップ (行と列で使用されます)。

1. 内部パディングを調整する

パディング 要素のコンテンツと外側の境界線の間のスペースを制御します。一般的には次のような目的で使用されます。

• テキストや画像の周囲に余裕を持たせる
• コンテンツが要素の端に触れないようにする
• 一貫性のある洗練された外観を作成する

GemPagesでパディングを調整する方法:

ステップ 1: 調整する要素 (ボタン、画像、テキスト ブロックなど) をクリックします。
ステップ 2: 左側のサイドバーで、 高機能 タブには何も表示されないことに注意してください。
ステップ 3： を見つける 間隔 セクションを調整し、 パディング 値:

• Top: コンテンツ上のスペース
• 右派: 右にスペース
• ボトム: 下のスペース
• 左派: 左にスペース

ヒント: 均一な外観にするために一貫したパディング値を使用するか、非対称のデザインのために各側をカスタマイズします。

2. 行内の子要素間の間隔を調整する

あなたが 行 または コンテナ 複数の子要素（列、ボタン、画像など）を保持する場合、それらの項目間の間隔は次のように制御されます。 カラムギャップ.

列間隔を調整する方法:

ステップ 1： を選択 親コンテナ (通常は 2 列以上の行要素)。
ステップ 2: 設定パネルで、 列の間隔 設定。

ステップ 3: スライダーを使用して、子要素間のスペースを増減します。

変更内容をリアルタイムでプレビューし、最適なレイアウトと配置を確保します。

3. 積み重ねられた行またはアイテム間の間隔を調整する

アコーディオンセクション、リストアイテム、コンテンツブロックなどの垂直に積み重ねられた要素の場合、それらの間のスペースは アイテムギャップ or 行のギャップ 設定。

行または項目のギャップを調整する方法:

ステップ 1： を選択 コンテナ 積み重ねられたアイテムを保持するもの (例: アコーディオンまたは複数行のセクション)。
ステップ 2: 左側のサイドバーで、 アイテム間隔 のセクションから無料でダウンロードできます。

ステップ 3：調整する アイテムギャップ スライダーを使って設定します。