ナビゲーションメニューアプリケーションの使用
ナビゲーションメニューアプリケーションを使用して、サイトのページやコンテンツ用のカスタムメニューを作成します。これを使えば、メニューに含める要素とその配置方法を決定できます。作成後は、 ページフラグメント または ウィジェット を使用してカスタムメニューを表示できます。
Liferay 7.3以前のバージョンでは、ナビゲーションメニューに追加できるエンティティはページのみです。 Liferay 7.4 U1以降では、ナビゲーションメニューにエンティティタイプを追加できるようになりました。
Liferay 7.3以降では、カスタムフィールドを使用してナビゲーションメニューの項目に詳細情報を追加できます（ サイトナビゲーションメニュー項目 の カスタムフィールド メニュー内）。その後、この情報をウィジェットテンプレートと組み合わせて使用することで、ナビゲーションメニューをさらにカスタマイズできます。
ナビゲーションメニューの作成
ナビゲーションメニューを作成するには、以下の手順に従ってください。
-
サイトメニュー (
) を開き、 サイトビルダー → ナビゲーションメニュー に移動します。
-
をクリックして （
を追加）します。 -
ナビゲーションメニューの名前を入力します。
-
をクリックして保存します。
要素（ページ、ドキュメント、カテゴリなど）を追加できる新しいカスタムメニューが表示されます。
ナビゲーションメニューに新しい要素を追加する
-
をクリックして （
を追加）します。 -
メニューに追加する要素の種類を選択してください（例：ページ、ドキュメント、カテゴリ）。これにより、アイテム選択ウィンドウが開きます。
同じメニューに複数の要素を追加できます。
-
追加したい要素を選択し、 をクリックして を選択します。
複数の要素を選択できます。
ブログ記事、ウェブコンテンツ記事、ドキュメント、カスタムオブジェクトエントリの場合、アイテムセレクターには承認済みのアイテムのみが表示されます。下書きアイテムを選択することはできません。
重要追加した要素に関連する表示ページがない場合、警告が表示されます。この要素にはリンクがなく、デフォルトのウィジェットテンプレートでは、その下の要素にリンクがある場合にのみ表示されます。
-
必要に応じて、メニュー要素をドラッグ＆ドロップして、並べ替えたり、階層構造に配置したりできます。
ヒントメニュー要素を階層構造にするだけでなく、 サブメニュー タイプを使用してメニューにサブセクションを追加することもできます。子要素を持つ要素を削除すると、子要素も削除されます。
-
必要に応じて、ナビゲーションメニューツリーから子ナビゲーションメニュー要素を追加できます。
目的のナビゲーション メニュー要素の アクション (
) をクリックし、 子要素の追加を選択して、子要素のタイプを選択します。
ヒントナビゲーションメニューのいずれかの要素をクリックし、キーボードの矢印キーを使用してナビゲーションメニューツリーを移動します。
-
必要に応じて、各メニュー要素にカスタム表示名を定義できます。ページ要素、または表示ページを使用するあらゆるコンテンツタイプの要素（ブログ記事、ウェブコンテンツ記事、ドキュメント、語彙、カテゴリなど）に、カスタム名を定義できます。
注記Liferay 7.4 バージョン U9 以降または GA13 以降では、表示ページを使用してコンテンツタイプ要素のカスタム表示名を定義することのみ可能です。
これを行うには、メニュー要素を選択し、サイドパネルでUse Custom Nameをチェックし、名前を入力し、Saveをクリックします。
メニューへの変更はすべて保存されます。
動的な語彙要素の使用
語彙ナビゲーションメニュー要素 は動的です。ページに表示されると、単一の要素ではなく、現在の階層内のすべてのカテゴリとサブカテゴリが追加されます。語彙の内容に変更があった場合、メニューにも自動的に反映されます。
動的な語彙要素を使用すれば、項目の階層構造が変化する場合でも、ナビゲーションメニューを迅速かつ簡単に更新できます。たとえば、カテゴリを使ってカタログ内の商品の種類を表し、カテゴリの更新に合わせて、その語彙を使用しているメニューを自動的に更新するように設定することができます。そして、それらのカテゴリーに使用されている表示ページによっては、カテゴリー分けの変更が自動的にページやナビゲーションメニューに反映されることもある。
ナビゲーションメニューのプレビュー
ナビゲーションメニューを編集中にプレビューすることで、ページに表示されたときにどのように見えるかを確認できます。目のアイコン (
) をクリックすると、ナビゲーションメニューのプレビューが表示されたポップアップウィンドウが開きます。
ドロップダウンメニューからさまざまなオプションを選択すると、リスト表示やタブ表示など、メニューの表示スタイルを確認できます。
ページ作成時にメニューを使用する
ユーザーがサイトページを作成する際、既存のナビゲーションメニューの一覧が表示されます。利用可能なメニューの一覧から特定のメニューを非表示にすることで、この動作を変更できます。
ナビゲーションメニューの動作を設定するには、以下の手順に従ってください。
-
サイトメニュー (
) を開き、 サイトビルダー → ナビゲーションメニュー に移動します。 -
ご希望のメニューを選択してください。
-
アクション （
）をクリックします。 -
設定のチェックを外す／入れる。
-
をクリックして保存します。
ナビゲーションメニュータイプの構成
ナビゲーションメニューの種類を設定するには、以下の手順に従ってください。
-
サイトメニュー (
) を開き、 サイトビルダー → ナビゲーションメニュー に移動します。 -
目的のメニューを表示するには、 アクション （
）をクリックしてください。 -
希望するナビゲーションの種類を選択してください：プライマリナビゲーション、セカンダリナビゲーション、またはソーシャルナビゲーション。
一度選択されると、各メニューの設定が「マーク済み」列に表示されます。
| ナビゲーションメニューの種類 | 使用法 |
|---|---|
| メインナビゲーション | プライマリナビゲーションとは、ページのメインナビゲーションのことです。 |
| 二次ナビゲーション | セカンダリーナビゲーションは、ナビゲーションの第2レベルであり、ページ内のサイドバーまたは個別のメニューが考えられます。 |
| ソーシャルナビゲーション | ソーシャルナビゲーションは、ソーシャルメディアまたは同様のタスクでコンテンツを共有するためのリンクを含むメニューのためのものです。 |
ナビゲーションメニューの削除
-
サイトメニュー (
) を開き、 サイトビルダー → ナビゲーションメニュー に移動します。 -
目的のメニューを表示するには、 アクション （
）をクリックし、 削除をクリックします。 -
確認画面で OK をクリックします。
ナビゲーションメニューが削除されました。
ナビゲーションメニューのエクスポートとインポート
ナビゲーションメニューは、ナビゲーションメニューアプリケーションから直接エクスポートおよびインポートできます。これらの操作は、ナビゲーションメニューの定義とその関連項目を含むLARファイルを作成および消費します。
Liferay DXP 2026.Q1以降、ナビゲーションメニューのエクスポートとインポートにはバッチ処理が使用されます。エクスポートとインポートの手順については、 LAR ファイルを使用したデータのエクスポート/インポート を参照してください。
ナビゲーション メニューをエクスポートまたはインポートするには、メニューを選択し、アプリケーション バーの オプション (
) をクリックし、 エクスポート/インポート (
) を選択します。
feature.flag.LPD-57655 機能フラグ が有効になっている場合、 オプション メニューには、 エクスポート と インポート が エクスポート/インポート の代わりに別々の項目として表示されます。その手順については、 別々のメニュー項目を使用したエクスポートとインポート を参照してください。
この動作は、サイトレベルのエクスポートおよびインポートと一致します。共通の動作と構成オプションについては、 サイトページとコンテンツのエクスポート/インポート を参照してください。