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

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

ヘッダー下のレイアウト

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

• 最初のタイプは左右デュアルゾーンコンテンツが左右に分散する構造で、複数の情報を表示する必要がある場合に適している。

• もうひとつは、告知、宣伝メッセージ、注意喚起など、ひとつのコンテンツに焦点をあてた、中央に配置された単一エリアの構成だ。

ある アストラ バージョン3.0以降では、このモジュールは ヘッダービルダー をエディターの下部エリアに追加しました。ユーザーはエディターで直接、順番やコンテンツの種類を調整することができます。

挿入可能なコンテンツの種類

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

検索機能
情報検索を強化するために、クリックすると入力ボックスが展開される検索アイコンを追加。

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

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

外観設定オプション

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

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

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

モバイル最適化機能

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

• コンテンツ配置の選択（水平またはスタック）
• ディスプレイがメニューバーガーアイコンには、コンテンツの帰属を示すラベルを付けることができる。

• メニューマージ機能を有効にすると、下層メニューがメインメニューに統合され、ナビゲーションバーがシンプルに統一されます。

概要

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

関連記事