アストラ?プロ このプラグインが提供するBelow Headerモジュールは、サイトのトップ構(gòu)造に追加のレイアウトスペースを提供します。この柔軟なコンテンツエリアはメインナビゲーターメニュー、連絡(luò)先情報(bào)、ボタン、ソーシャルアイコン、その他の追加コンテンツに適した以下のページでは、ナビゲーション補(bǔ)助を強(qiáng)化するためのさまざまな便利な要素を自由に追加できます。
![畫(huà)像[1]-Astra Below Header Module ユーザーズガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173207455-image.png)
ヘッダー下のレイアウト
下のヘッダーには2つのレイアウトがあります:
- 最初のタイプは左右デュアルゾーンコンテンツが左右に分散する構(gòu)造で、複數(shù)の情報(bào)を表示する必要がある場(chǎng)合に適している。
![畫(huà)像[2]-Astra Below Header Module ユーザーズガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173228560-image.png)
- もうひとつは、告知、宣伝メッセージ、注意喚起など、ひとつのコンテンツに焦點(diǎn)をあてた、中央に配置された単一エリアの構(gòu)成だ。
![畫(huà)像[3]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173237393-image.png)
ある アストラ バージョン3.0以降では、このモジュールは
挿入可能なコンテンツの種類(lèi)
メニュー
外観設(shè)定でメニューを作成したら、それをヘッダー下エリアに割り當(dāng)て、表示させます。ナビゲーター.
![畫(huà)像[4]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173301853-image.png)
![畫(huà)像[5]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173322280-image.png)
検索機(jī)能
情報(bào)検索を強(qiáng)化するために、クリックすると入力ボックスが展開(kāi)される検索アイコンを追加。
![畫(huà)像[6]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173328320-image.png)
テキストまたは HTML
メールボックス、電話番號(hào)、リマインダー?メッセージ、ボタンを追加することができ、短いコンテンツを表示するのに適しています。
![畫(huà)像[7]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173334272-image.png)
ガジェット
言語(yǔ)切り替え、フォーム、通知機(jī)能など、デフォルトコンポーネントとサードパーティプラグインによって生成されたコンポーネントをサポートします。パスは外裝狀態(tài) > カスタマイズ > ガジェット.
![畫(huà)像 [8]-Astra Below Header Module ユーザーズガイド:サイトのトップレベルの存在感を高める](http://gqxi.cn/wp-content/uploads/2025/04/20250410173342576-image.png)
![畫(huà)像[9]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173352693-image.png)
外観設(shè)定オプション
ボーダーと高さ
下部のボーダーの色と幅を設(shè)定することで、エリアの分離感を高めることができます。エリアの高さもスライダーで調(diào)整できます。
![畫(huà)像[10]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173415986-image.png)
![畫(huà)像[11]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173422711-image.png)
カラー構(gòu)成
カスタマイザーのヘッダー下設(shè)定エリアに移動(dòng)し、背景色、テキスト色、リンク色、ホバー時(shí)の色を全體の配色に合わせて変更します。
![畫(huà)像[12]-Astra Below Header Module ユーザーズガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173452941-image.png)
レイアウト設(shè)定
対応設(shè)定書(shū)體フォントファミリー、フォントサイズ、フォントウェイト、その他のパラメーターにより、テキストの明瞭さと全體的なスタイルの調(diào)整を維持します。
![畫(huà)像[13]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173458413-image.png)
モバイル最適化機(jī)能
下のヘッダーはモバイルデバイスの表示最適化をサポートしています:
- コンテンツ配置の選択(水平またはスタック)
- ディスプレイがメニューバーガーアイコンには、コンテンツの帰屬を示すラベルを付けることができる。
![畫(huà)像[14]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173519524-image.png)
- メニューマージ機(jī)能を有効にすると、下層メニューがメインメニューに統(tǒng)合され、ナビゲーションバーがシンプルに統(tǒng)一されます。
![畫(huà)像[15]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する](http://gqxi.cn/wp-content/uploads/2025/04/20250410173509535-image.png)
概要
Below Headerモジュールは、ウェブサイトの上部に多くの情報(bào)を表示する機(jī)能を提供します。デュアルゾーンとシングルゾーンのレイアウトは様々なシナリオに対応でき、色、タイポグラフィ、モバイル設(shè)定と連動(dòng)し、統(tǒng)一された明確なナビゲーション階層を作成します。トップコンテンツを強(qiáng)調(diào)する必要があるウェブサイトにとって、このモジュールは便利で柔軟な設(shè)定方法を提供します。
関連記事
お問(wèn)い合わせ | |
---|---|
チュートリアルが読めない?無(wú)料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無(wú)料ヘルプ! |
![]() カスタマーサービス WeChat
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
三 Eメール:info@361sale.com | |
④ 勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttp://gqxi.cn/ja/49654この記事は著作権で保護(hù)されており、必ず帰屬表示を付けて複製してください。
コメントなし