Astra Pro Spacingアドオン完全ユーザーガイド

ある ワードプレス ウェブサイトのデザインにおけるページ間隔は、全体の美観と読書体験に影響します。アストラ・プロ プラグインのSpacing Addonモジュールは、サイトの各部分の余白や内側の余白を細かくコントロールすることができ、わかりやすい構成や階層的なページレイアウトを構築するのに適しています。この記事では、モジュールの機能の説明と実際の設定方法をまとめましたので、すぐに使い始めることができます。

モジュール紹介

スペーシングアドオン。 アストラ・プロ プラグインの機能モジュール。有効にすると、テーマのデフォルトのマージン設定を置き換えて、ページ要素にカスタムスペーシングを設定することができます。

モジュールを開く方法

• でAstraテーマをインストールする。 アストラ・プロ プラグイン。
• バックエンドに行き、Astra > DashboardをクリックしてSpacingモジュールを有効にする。

• 有効化されると、ピッチ設定機能は自動的にアピアランス > カスタマイズパネルの対応するモジュールに表示されます。

一般的な設定オプションの説明

• ユニット選択の使用をサポートする。 pxそしてエム もしかしたら %.
• デバイス応答設定デスクトップ用、タブレット用、携帯電話用それぞれのスペーシング値を設定します。
• 4サイド・スペーシング・コントロール上下左右の余白を個別に調整します。

• 同期ボタン（接続アイコン）有効の場合は4方向一律に同じ値が適用され、無効の場合は個別に設定できる。

ブログのページ間隔調整

外観 > カスタマイズ > ブログ >」に移動する。 ブログ / アーカイブ"以下のオプションがある：

• ページネーションページネーション領域の内側の余白をコントロールする。

• 記事外枠各記事と他のコンテンツとの間隔を設定します。

• 記事の内部間隔各記事の内部コンテンツに余白を加える。

これらのオプションは、ブログページをより階層化し、読みやすくするのに役立つ。

ヘッダーセクションのスペーシング設定

すべての設定は外観 > カスタマイズ > ヘッダービルダーにあります。

切り札フッター

• ヘッダー・エリア・スペーシング: サイトロゴとメインメニューを配置するエリアの余白をコントロールします。

• メインメニューの間隔メインの設定メニュー項目間の間隔。

• サブメニューの間隔サブメニューの余白をコントロールする。

上のヘッダー

トップヘッダーを有効にした後、「ヘッダー・ビルダー >」に移動する。 上のヘッダー"をクリックすると、全体領域の内マージンを調整できる。メニューが有効な場合は、メニュー項目とサブメニューの独立した間隔を設定することもできます。

ヘッダー下

上部ヘッダーと同様のパスを設定する。Header Builder > Below Header」で、下部ヘッダーの間隔を追加し、メニュー項目の間隔効果を調整する。

スティッキーヘッダー

有効な場合スティッキー・ヘッダーモジュールの設定を変更すると、メインヘッダーとメインメニューの設定は他の操作なしに自動的にこの領域に同期されます。サイトロゴとメニューのサブアイテムの間隔も統一されます。

結語

スペーシングアドオンは、ウェブサイトレイアウトに欠かせない機能の1つです。ブログページを構築する場合でもナビゲーションメニューこのモジュールは、ページのデザインだけでなく、モバイルデバイスに適応する上で重要な役割を果たすことができます。スペーシングの設定を合理的に使用すると、ページの構造がより明確になり、全体的なスタイルがより統一されています。

関連記事