Astraテーマで異なるページに異なるメニューを表示する方法

ページによって異なるメニューを表示することを考えたことはありますか？実際、ページの内容によって異なるナビゲーションメニューを表示することは一般的な要件です。例えば、トップページでは合理的なメニューが必要かもしれませんが、製品ページやランディングページではより焦点を絞ったナビゲーション構造が必要かもしれません。メニューは アストラ このテーマを使用すると、コードを記述することなく、ページごとに異なるメニューを設定するのが非常に簡単です。

今回は、利用シーン別に3つの実装を紹介する。

方法1：Astra Proのページヘッダーモジュールを使用して、さまざまなメニューを設定する。

これは、プラグインを追加インストールすることなく、特定のページのメインメニューを変更したい場合に最も簡単な方法です。

手順は以下の通り：

• インストールとアクティベーション アストラ・プロ プラグイン
• ダッシュボード」→「Astra」→「Astra Pro Modules」→「Enable」に進みます。 ページヘッダーモジュール

• 新しいページヘッダーを作成するには、"新規追加「と命名する。

• への切り替え サイトヘッダー タブで、使用するプライマリーメニューを選択します。

• ある 表示ルール でメニューを適用したいページまたは記事を選択する。

• パブリッシュをクリックし、セットアップ完了

一度設定すると、選択したページは自動的に指定したメニューを読み込みますが、他のページは影響を受けません。

注：この方法はメインメニューの置き換えにのみ適用され、ボタンやウィジェットなどのヘッダー内の他のコンテンツには適用されません。

方法2：Astra Proのサイトビルダーを使ってカスタムヘッダーを作成する

必要なのが単なるメニューの変更ではなく、ヘッダー全体のスタイルや内容の変更、例えば ロゴを使用して、特別なボタンなどを追加することができます。 アストラ・プロ サイトビルダーモジュールは、ヘッダーの個別のセットを構築し、特定のページに表示するように設定します。

この方法は、ブランディングページやプロモーションページなど、デザインの自由度が高いページに適しています。

方法3：条件付きメニュー・プラグインを使う

サイトに複数のメニューがあり、ページ間でメニューを柔軟に切り替えたい場合は、無料の 条件付きメニュー・プラグイン.

使用方法

• バックエンドにインストールして有効にする 条件付きメニュー・プラグイン

• 出向く 外装状態 > メニュー条件を設定したいメニューを選択します。

• 打点 ロケーション管理

• 表示条件を追加して、現在のページを表示するページを選択する。メニュー

• 設定を保存した後、メニューはページによって動的に切り替わります。

この方法は、メニューの複数のページを頻繁に切り替える必要がある場合、柔軟な設定、シンプルな操作に特に適しています。

概要

トップページであれ、ランディングページであれ、特別なサービスページであれ、異なるメニュー構成は訪問者が必要なものをより早く見つけるのに役立ちます。ランディングページでは アストラ テーマには3つの一般的な実装がある：

• ページヘッダーモジュールメインメニューの素早い入れ替えに最適
• サイトビルダーモジュール:全体を設定するのに適している。フッタータイプ
• 条件付きメニュー・プラグインメニューが複数あり、ページごとに切り替える必要がある場合に適しています。

実際の利用シーンに応じて適切な方法を選択することで、ウェブサイトのナビゲーションをより明確で効率的なものにすることができる。

関連記事