デザインの好みに合わせて、ウェブサイトヘッダーの間隔と高さを制御します。
​

ヘッダーパディングは、ヘッダーコンテンツの上下のスペースを制御します。調整することで、名前、ロゴ、結婚式の日付の余白が変わり、サイト全体のルック＆フィールに影響します。
​

パディングは、ヘッダーコンテンツ（名前またはロゴ、結婚式の日付、出欠回答ボタン）とヘッダーエリアの端の間のスペースです。ナビゲーションメニューとヘッダー画像はこのエリアの外にあるため、影響を受けません。
​

上パディング： ヘッダーコンテンツの上のスペース
​

下パディング： ヘッダーコンテンツの下のスペース
​

パディングが多い = より大きく広々としたヘッダー
パディングが少ない = コンパクトで合理化されたヘッダー
​

ビジュアルバランス。 窮屈に感じるヘッダーもあれば、広すぎると感じるヘッダーもあります。
​

スタイルに合わせる。 エレガントな結婚式にはより多くのスペースを、カジュアルな結婚式には少なく。
​

モバイル最適化。 パディングは画面幅に合わせて変わるため、スマートフォンでは自動的に小さくなります。
​

ロゴサイズ。 ロゴがある場合、多めのパディングで余裕を持たせます。
​

個人の好み。 特定の量のパディングの見た目が好きというだけかもしれません。
​

ヘッダーの間隔がすぐに更新されます。
​

パディングはピクセルではなく、画面幅に対するパーセンテージで設定されます。各スライダーは12段階で動き、最も少ない側ではパディングなし、最も多い側では画面幅の約30%になります。
​

少ない側に近い： コンパクト、ミニマル
​

中間： 快適、標準
​

多い側に近い： 広々、ドラマチックなステートメントヘッダー
​

上と下は別々に設定するため、異なる値を使えます：
​

上を多く、下を少なく： コンテンツを最上部から下に押し下げる
​

下を多く、上を少なく： ページコンテンツが始まる前にスペースを作る
​

同じ： 中央、バランスのとれたルック
​

異なる： 非対称、興味深い効果を作り出せる
​

実験して最も良い見た目を見つけましょう。
​

大きなロゴ： 輝くためのスペースを与える
​

ミニマルなデザイン： 余分な余白がエレガントに感じる
​

デスクトップビュー： 大きな画面はより多くのパディングを扱える
​

ステートメントを作る： 多くのパディングは大胆で自信のあるルックを作る
​

モバイルデバイス： 小さな画面でスペースを節約
​

コンテンツ重視のサイト： コンテンツに早く到達
​

ミニマリストテーマ： 一部のテーマはミニマルなパディング用に設計されている
​

調整後：
​

モバイル用の個別設定はありません。パディングは画面幅に対するパーセンテージのため、同じ設定でもコンピュータでは広々としたヘッダーに、スマートフォンでは自動的に小さなヘッダーになります。
​

ヘッダー画像はパディングのあるヘッダーエリアの上に配置されるため、パディングによって画像のサイズは変わりません。ヘッダーの背景を追加している場合は、背景がパディングのあるエリアを埋めるため、パディングを多くすると名前の周りに表示される背景が広くなります。
​

ナビゲーションメニューはヘッダーとは別のため、ヘッダーパディングによって変わることはありません。
​

ヘッダーパディングはすべてのテーマでレスポンシブです。画面幅に対するパーセンテージのため、画面サイズに基づいて自動的に調整されます。
​

パディングはヘッダーの「重さ」に影響します：
​

より多くのパディング = より軽く、エアリー
​

少ないパディング = より密度が高く、コンパクト
​

ゲストがサイトを訪問したときに感じたい感覚に合わせましょう。
​

パディングは整列と連携してヘッダーのルックを作成します：
​

中央揃えのコンテンツ + 多めのパディング： エレガント、フォーマル
​

左揃えのコンテンツ + 最小限のパディング： モダン、クリーン
​

中央揃え + 最小限のパディング： コンパクト、効率的
​

多すぎる： ヘッダーがコンテンツを見る前に画面の半分を占める
​

少なすぎる： ヘッダーが窮屈で読みにくい
​

アンバランス： 理由もなく上下パディングが大きく異なる
​

モバイルをテストしない： デスクトップで素晴らしく見えるが、スマートフォンでひどい
​

スライダーには単位は表示されません。内部的には、パディングは画面幅に対するパーセンテージ（%）のため、小さな画面では縮小されます。
​

パディング： ヘッダー内のスペース（コンテンツ周り）
​

マージン： ヘッダー外のスペース（ヘッダーと他の要素の間）
​

これらのスライダーで調整するのはパディング、つまりヘッダー内のスペースです。ヘッダーのマージン設定はありません。
​

迷ったら：
​

現在の設定から始める
​

徐々に調整する（一度にスライダー1〜2段階ずつ）
​

スライダーの元の位置を控えておく（リセットするボタンはありません）
​

ゲストがスクロールしても、ヘッダーパディングは変わりません。
​

パディングはボタンやリンクのサイズを変えないため、タップしにくくなることはありません
​

パディングが多すぎるとコンテンツが下に押し下げられるため、スマートフォンではゲストのスクロール量が増えます
​

美学と使いやすさのバランスを取る！
​

ヘッダーパディングは、サイトがどれだけ洗練され専門的に感じられるかに大きな違いを生む微妙なディテールです。ちょうど良い状態にするために数分費やす価値があります。
​