Astra Above ヘッダーモジュール解説:ヘッダー情報(bào)提示の柔軟な拡張性

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

畫像[1]-Astra Above Header Module 解説:柔軟なトップ情報(bào)表示エリアの作成

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

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

  • レイアウト1ヘッダーを2分割し、左側(cè)にセクション1、右側(cè)にセクション2を表示します。
畫像[2]-Astra Above Headerモジュール解説:柔軟なトップレベル表示領(lǐng)域の作成
  • レイアウト2例えば、プロモーション情報(bào)やお知らせなど。
畫像[3]-Astra Above Header Module Explained: 柔軟なトップ情報(bào)表示エリアの作成

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

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

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

畫像[4]-Astra Above Header Module Explained: 柔軟なトップ情報(bào)表示エリアの作成
畫像[5]-Astra Above Header Module Explained: 柔軟なトップ情報(bào)表示エリアの作成

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

畫像[6]-Astra Above Header Module Explained: 柔軟なトップ情報(bào)表示エリアの作成

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

畫像[7]-Astra Above Header Module Explained: 柔軟なトップ情報(bào)表示エリアの作成

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

畫像[8]-Astra Above Header Module Explained: 柔軟なトップ情報(bào)表示エリアの作成
畫像[9]-Astra Above Header Module Explained: 柔軟なトップ情報(bào)表示エリアの作成

外観スタイル設(shè)定

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

畫像[10]-Astra Above Header Module Explained: 柔軟なトップ情報(bào)表示エリアの作成
畫像[11]-Astra Above Header Module Explained: 柔軟なトップ情報(bào)表示エリアの作成

色と背景
" に移動(dòng)します。外裝狀態(tài) > カスタマイズ > > 上のヘッダー"をクリックすると、背景色、テキスト色、リンク色、ホバー色などを設(shè)定し、スタイルを統(tǒng)一することができます。

畫像[12]-Astra Above Header Module Explained: 柔軟なトップレベル表示領(lǐng)域の作成

モバイル?レスポンシブ設(shè)定

  • アライメントセクション1とセクション2を"並列「またはスタッカブル「異なる畫面幅に適応するディスプレイ
  • メニュータグモバイルメニューにテキストラベルを追加し、ナビゲーションをわかりやすくする。
畫像[13]-Astra Above Header Module Explained: 柔軟なトップメッセージ表示エリアの作成
  • マージメニュー機(jī)能トップメニューをメインナビゲーションに統(tǒng)合することで、小さなスクリーンにすべてのナビゲーションオプションを集中させ、スペースを節(jié)約します。
畫像[14]-Astra Above Header Module Explained: 柔軟なトップレベル表示領(lǐng)域の作成

概要

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

関連記事


お問(wèn)い合わせ
チュートリアルが読めない?無(wú)料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無(wú)料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス186 分かち合う
おすすめ
解説 ソファ購(gòu)入

コメントを投稿するにはログインしてください

    コメントなし