Astra Above ヘッダーモジュール解説：ヘッダー情報提示の柔軟な拡張性

アストラ・プロ プラグインのAbove Headerモジュールは、サイトのトップコンテンツに柔軟でカスタマイズ可能な表示領域を提供します。メインナビゲーションの上に配置され、お問い合わせ番号、ソーシャルアイコン、追加コンテンツを表示するためによく使用されます。メニュー検索機能など組み合わせ アストラ ヘッダービルダーは、デスクトップとモバイルデバイスで異なるレイアウトやコンテンツを簡単に設定でき、サイト構造の明快さと情報配信の効率性を高めます。

ヘッダー上部のレイアウト・オプション

アストラ ベースレイアウトは2種類：

• レイアウト1ヘッダーを2分割し、左側にセクション1、右側にセクション2を表示します。

• レイアウト2例えば、プロモーション情報やお知らせなど。

ヘッダー・ビルダーでは、上記ヘッダーは実際には要素の最初の行であり、必要に応じてドラッグ＆ドロップできる。

サポートされる追加コンテンツタイプ

メニューナビゲーション
メニューは上部ヘッダー位置に割り当てることができる。の"外装状態 > カスタマイズ > メニューAbove Header Menu」でメニューを作成した後、追加ナビゲーションを表示するのに適した表示位置として「Above Header Menu」を選択します。

検索ボタン
アイコンをクリックすると、検索アイコンが表示されます。探すボックスは、ユーザーがコンテンツを素早く見つけるための効率を向上させる。

テキストまたはHTMLコンテンツ
カスタムテキストと HTML例えば、電子メールアドレス、連絡先番号、ボタンなど、重要な情報を表示するのに適したものを挿入します。

ガジェットコンポーネント
追加サポート ワードプレス ログインウィンドウ、言語切り替え、天気予報コンポーネントなど、デフォルトのウィジェットやサードパーティのプラグインによって生成されたコンテンツ。エントリーポイントは "外観 > カスタマイズ > ウィジェット "です。

外観スタイル設定

ボーダーと高さ
下のボーダーの色と幅をカスタマイズして、より階層的なアバブヘッダーを作ることができます。

色と背景
" に移動します。外装状態 > カスタマイズ > 首 > 上のヘッダー"をクリックすると、背景色、テキスト色、リンク色、ホバー色などを設定し、スタイルを統一することができます。

モバイル・レスポンシブ設定

• アライメントセクション1とセクション2を"並列「またはスタッカブル「異なる画面幅に適応するディスプレイ

• メニュータグモバイルメニューにテキストラベルを追加し、ナビゲーションをわかりやすくする。

• マージメニュー機能トップメニューをメインナビゲーションに統合することで、小さなスクリーンにすべてのナビゲーションオプションを集中させ、スペースを節約します。

概要

ヘッダーの上 はい アストラ・プロ 高度な機能モジュールは、サイト上部に情報を表示するための豊富なレイアウトとコンテンツ設定オプションを提供します。セカンダリーメニューの挿入、連絡先情報、検索ボックス、プロモーション情報の表示など、Above Headerを通じて柔軟に実装できます。レスポンシブ設定やスタイルのカスタマイズと組み合わせることで、異なるデバイス間でも一貫したビジュアルと構造表示を維持します。

関連記事