Astra Below Header Moduleのご紹介:メインナビゲーション下のコンテンツ表示を拡張します。

アストラ?プロ このプラグインが提供するBelow Headerモジュールは、サイトのトップ構(gòu)造に追加のレイアウトスペースを提供します。この柔軟なコンテンツエリアはメインナビゲーターメニュー、連絡(luò)先情報(bào)、ボタン、ソーシャルアイコン、その他の追加コンテンツに適した以下のページでは、ナビゲーション補(bǔ)助を強(qiáng)化するためのさまざまな便利な要素を自由に追加できます。

畫(huà)像[1]-Astra Below Header Module ユーザーズガイド:サイトのトップ表示を強(qiáng)化する

ヘッダー下のレイアウト

下のヘッダーには2つのレイアウトがあります:

  • 最初のタイプは左右デュアルゾーンコンテンツが左右に分散する構(gòu)造で、複數(shù)の情報(bào)を表示する必要がある場(chǎng)合に適している。
畫(huà)像[2]-Astra Below Header Module ユーザーズガイド:サイトのトップ表示を強(qiáng)化する
  • もうひとつは、告知、宣伝メッセージ、注意喚起など、ひとつのコンテンツに焦點(diǎn)をあてた、中央に配置された単一エリアの構(gòu)成だ。
畫(huà)像[3]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する

ある アストラ バージョン3.0以降では、このモジュールは ヘッダービルダー をエディターの下部エリアに追加しました。ユーザーはエディターで直接、順?lè)浈偿螗匹螗膜畏N類(lèi)を調(diào)整することができます。

挿入可能なコンテンツの種類(lèi)

メニュー
外観設(shè)定でメニューを作成したら、それをヘッダー下エリアに割り當(dāng)て、表示させます。ナビゲーター.

畫(huà)像[4]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する
畫(huà)像[5]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する

検索機(jī)能
情報(bào)検索を強(qiáng)化するために、クリックすると入力ボックスが展開(kāi)される検索アイコンを追加。

畫(huà)像[6]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する

テキストまたは HTML
メールボックス、電話番號(hào)、リマインダー?メッセージ、ボタンを追加することができ、短いコンテンツを表示するのに適しています。

畫(huà)像[7]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する

ガジェット
言語(yǔ)切り替え、フォーム、通知機(jī)能など、デフォルトコンポーネントとサードパーティプラグインによって生成されたコンポーネントをサポートします。パスは外裝狀態(tài) > カスタマイズ > ガジェット.

畫(huà)像 [8]-Astra Below Header Module ユーザーズガイド:サイトのトップレベルの存在感を高める
畫(huà)像[9]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する

外観設(shè)定オプション

ボーダーと高さ
下部のボーダーの色と幅を設(shè)定することで、エリアの分離感を高めることができます。エリアの高さもスライダーで調(diào)整できます。

畫(huà)像[10]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する
畫(huà)像[11]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する

カラー構(gòu)成
カスタマイザーのヘッダー下設(shè)定エリアに移動(dòng)し、背景色、テキスト色、リンク色、ホバー時(shí)の色を全體の配色に合わせて変更します。

畫(huà)像[12]-Astra Below Header Module ユーザーズガイド:サイトのトップ表示を強(qiáng)化する

レイアウト設(shè)定
対応設(shè)定書(shū)體フォントファミリー、フォントサイズ、フォントウェイト、その他のパラメーターにより、テキストの明瞭さと全體的なスタイルの調(diào)整を維持します。

畫(huà)像[13]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する

モバイル最適化機(jī)能

下のヘッダーはモバイルデバイスの表示最適化をサポートしています:

  • コンテンツ配置の選択(水平またはスタック)
  • ディスプレイがメニューバーガーアイコンには、コンテンツの帰屬を示すラベルを付けることができる。
畫(huà)像[14]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する
  • メニューマージ機(jī)能を有効にすると、下層メニューがメインメニューに統(tǒng)合され、ナビゲーションバーがシンプルに統(tǒng)一されます。
畫(huà)像[15]-Astra Below Header Module ユーザーガイド:サイトのトップ表示を強(qiáng)化する

概要

Below Headerモジュールは、ウェブサイトの上部に多くの情報(bào)を表示する機(jī)能を提供します。デュアルゾーンとシングルゾーンのレイアウトは様々なシナリオに対応でき、色、タイポグラフィ、モバイル設(shè)定と連動(dòng)し、統(tǒng)一された明確なナビゲーション階層を作成します。トップコンテンツを強(qiáng)調(diào)する必要があるウェブサイトにとって、このモジュールは便利で柔軟な設(shè)定方法を提供します。

関連記事


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

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

    コメントなし