Astra Proスペーシング・モジュール解説：サイトの余白と組版スペースをコントロールする

ウェブサイトのレイアウトにおいて、スペーシングはページコンテンツの階層と読みやすさに影響する。アストラ・プロ プラグインは スペーシング・アドオン このモジュールは、サイトのロゴ、コンテナ、フッター、フッターを含む、サイトのいくつかのコア・エリアに対してマージンやインナーマージンの調整を可能にする。サイドバー.柔軟な設定により、ページ構成がよりコンパクトになり、視覚的にもすっきりします。

サイトロゴのスペーシング設定

パス：外観 > カスタマイズ > ヘッダー > ヘッダー サイト・アイデンティティ

Spacingモジュールはサイトロゴに対応しています、キャプションと小見出しでは、上下の外余白または内余白を設定することで、ヘッダー内のコンテンツに秩序をもたらし、要素が混雑したり互いにばらばらに見えたりするのを防ぎます。

コンテナ間隔の設定

パス: 外観 > カスタマイズ > グローバル >>。 コンテナ

コンテナとは、記事本文、画像、段落など、メインコンテンツを運ぶページの領域のことです：

• エクスターナル・スペーシング：包装と包装の間の距離を調整するために使用される。フッターフッターの上下間隔
• 内部スペーシング：コンテンツとコンテナの端の間の距離を制御するために使用される。

異なるオープニングその下で、これらの設定はわずかに異なる動作をする：

ボックス型レイアウト

コンテナの幅は固定で、外側のスペーシングのためのマージンと内側のスペーシングのためのパディングがある。

コンテンツ ボックスレイアウト

コンテンツ領域のみが中央に配置され、背景は全幅に表示できる。Boxedと同様、上下左右のスペーシングに対応。

全幅／コンテインド・レイアウト

記事ページは上下の間隔を設定できるが、左右は自動的に余白ができる。

オープンサイドバー閉じるとパディングとして表現され、閉じると上下が追加される。 マージン.

全幅／ストレッチ・レイアウト

このモードでは、コンテンツはブラウザの幅いっぱいに広がり、マージンの設定は反映されない。

フッターの間隔設定

2つのゾーンに分かれており、個別に調整可能：

フッターウィジェットエリア

パス： 外観 > カスタマイズ > フッター > フッター フッターウィジェット

各ガジェットモジュールの四辺に内マージンを設定することで、コンテンツがボーダーにまとわりつくのを防ぎ、視覚的に健全な状態を保つことができる。タイポグラフィ効果

フッター下部

パス： 外観 > カスタマイズ > フッター > フッターバー

テキスト、ソーシャルアイコン、その他のコンテンツが横に寄り過ぎないように、下部のコピーライトエリアの余白を設定するために使用します。

サイドバーの間隔設定

パス：外観 > カスタマイズ > サイドバー > デザイン

スペーシング・モジュールはサイドバー上下の余白はページ本体から、内部の余白は各ウィジェットに個別に追加できます。例

• 外部スペーシング：上下にマージンを使用し、左右にパディングを追加する。

• 内部間隔：各ウィジェットモジュールの四辺の間隔は独立して設定でき、コンテンツが近すぎないようにする。

このきめ細かなコントロールにより、サイドバーのナビゲーション、検索、広告モジュールがよりすっきりと整理された印象になる。

概要

スペーシングアドオンはページレイアウト実力をつけるための重要なツール。セクションに適切な余白を加えることで、タイポグラフィ全体を整理し、読む環境を改善し、視覚的なガイダンスを強化することができる。マッチング アストラ テーマ自体のモジュラーセットアップにより、うまく構成された快適なペースのページ効果を簡単に作成できる。

関連記事