ある ワードプレス ウェブサイトのデザインにおけるページ間隔は、全體の美観と読書體験に影響します。アストラ?プロ プラグインのSpacing Addonモジュールは、サイトの各部分の余白や內(nèi)側(cè)の余白を細(xì)かくコントロールすることができ、わかりやすい構(gòu)成や階層的なページレイアウトを構(gòu)築するのに適しています。この記事では、モジュールの機能の説明と実際の設(shè)定方法をまとめましたので、すぐに使い始めることができます。
![畫像[1]-Astra Pro Spacingアドオンユーザーガイド:WordPressのページ間隔を完全に制御する](http://gqxi.cn/wp-content/uploads/2025/04/20250412105924607-image.png)
モジュール紹介
スペーシングアドオン。 アストラ?プロ プラグインの機能モジュール。有効にすると、テーマのデフォルトのマージン設(shè)定を置き換えて、ページ要素にカスタムスペーシングを設(shè)定することができます。
モジュールを開く方法
- でAstraテーマをインストールする。 アストラ?プロ プラグイン。
- バックエンドに行き、Astra > DashboardをクリックしてSpacingモジュールを有効にする。
![畫像[2]-Astra Pro Spacingアドオンユーザーガイド:WordPressのページ間隔を完全にコントロールする](http://gqxi.cn/wp-content/uploads/2025/04/20250412110321536-image.png)
- 有効化されると、ピッチ設(shè)定機能は自動的にアピアランス > カスタマイズパネルの対応するモジュールに表示されます。
一般的な設(shè)定オプションの説明
- ユニット選択の使用をサポートする。
px
そしてエム
もしかしたら%
. - デバイス応答設(shè)定デスクトップ用、タブレット用、攜帯電話用それぞれのスペーシング値を設(shè)定します。
- 4サイド?スペーシング?コントロール上下左右の余白を個別に調(diào)整します。
![畫像[3]-Astra Pro Spacing Addonユーザーズガイド:WordPressのページ間隔を完全にコントロールする](http://gqxi.cn/wp-content/uploads/2025/04/20250412110212827-image.png)
- 同期ボタン(接続アイコン)有効の場合は4方向一律に同じ値が適用され、無効の場合は個別に設(shè)定できる。
ブログのページ間隔調(diào)整
外観 > カスタマイズ > ブログ >」に移動する。 ブログ / アーカイブ"以下のオプションがある:
- ページネーションページネーション領(lǐng)域の內(nèi)側(cè)の余白をコントロールする。
![畫像[4]-Astra Pro Spacing Addonユーザーズガイド:WordPressのページ間隔を完全にコントロールする](http://gqxi.cn/wp-content/uploads/2025/04/20250412110401494-image.png)
- 記事外枠各記事と他のコンテンツとの間隔を設(shè)定します。
![畫像[5]-Astra Pro Spacing Addonユーザーズガイド:WordPressのページ間隔を完全にコントロールする](http://gqxi.cn/wp-content/uploads/2025/04/20250412110407538-image.png)
- 記事の內(nèi)部間隔各記事の內(nèi)部コンテンツに余白を加える。
![畫像[6]-Astra Pro Spacing Addonユーザーズガイド:WordPressのページ間隔を完全にコントロールする](http://gqxi.cn/wp-content/uploads/2025/04/20250412110412887-image.png)
これらのオプションは、ブログページをより階層化し、読みやすくするのに役立つ。
ヘッダーセクションのスペーシング設(shè)定
すべての設(shè)定は外観 > カスタマイズ > ヘッダービルダーにあります。
切り札フッター
- ヘッダー?エリア?スペーシング: サイトロゴとメインメニューを配置するエリアの余白をコントロールします。
![畫像[7]-Astra Pro Spacing Addonユーザーズガイド:WordPressのページ間隔を完全にコントロールする](http://gqxi.cn/wp-content/uploads/2025/04/20250412110433390-image.png)
- メインメニューの間隔メインの設(shè)定メニュー項目間の間隔。
![畫像[8]-Astra Pro Spacing Addonユーザーズガイド:WordPressのページ間隔を完全にコントロールする](http://gqxi.cn/wp-content/uploads/2025/04/20250412110455894-image.png)
- サブメニューの間隔サブメニューの余白をコントロールする。
上のヘッダー
トップヘッダーを有効にした後、「ヘッダー?ビルダー >」に移動する。 上のヘッダー"をクリックすると、全體領(lǐng)域の內(nèi)マージンを調(diào)整できる。メニューが有効な場合は、メニュー項目とサブメニューの獨立した間隔を設(shè)定することもできます。
![畫像[9]-Astra Pro Spacing Addonユーザーズガイド:WordPressのページ間隔を完全にコントロールする](http://gqxi.cn/wp-content/uploads/2025/04/20250412110512777-image.png)
ヘッダー下
上部ヘッダーと同様のパスを設(shè)定する。Header Builder > Below Header」で、下部ヘッダーの間隔を追加し、メニュー項目の間隔効果を調(diào)整する。
![畫像[10]-Astra Pro Spacingアドオンユーザーガイド:WordPressのページ間隔を完全に制御する](http://gqxi.cn/wp-content/uploads/2025/04/20250412110523460-image.png)
スティッキーヘッダー
有効な場合スティッキー?ヘッダーモジュールの設(shè)定を変更すると、メインヘッダーとメインメニューの設(shè)定は他の操作なしに自動的にこの領(lǐng)域に同期されます。サイトロゴとメニューのサブアイテムの間隔も統(tǒng)一されます。
結(jié)語
スペーシングアドオンは、ウェブサイトレイアウトに欠かせない機能の1つです。ブログページを構(gòu)築する場合でもナビゲーションメニューこのモジュールは、ページのデザインだけでなく、モバイルデバイスに適応する上で重要な役割を果たすことができます。スペーシングの設(shè)定を合理的に使用すると、ページの構(gòu)造がより明確になり、全體的なスタイルがより統(tǒng)一されています。
関連記事
お問い合わせ | |
---|---|
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ! |
![]() カスタマーサービス WeChat
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
三 Eメール:info@361sale.com | |
④ 勤務(wù)時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttp://gqxi.cn/ja/49881この記事は著作権で保護(hù)されており、必ず帰屬表示を付けて複製してください。
コメントなし