ナビゲーションメニューアプリケーションの使用

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

ナビゲーションメニューアプリケーションを使用して、サイトページとコンテンツのカスタムメニューを作成します。これを使用すると、メニューに含まれる要素と、それらがどのように構成されているかを決定できます。作成したら、ページフラグメントまたはウィジェットを使用してカスタムメニューを表示できます。

サイトのページとコンテンツのカスタムメニューを作成します。

注

Liferay 7.3 以前では、ナビゲーションメニューに追加できるエンティティはページのみです。 Liferay 7.4 U1+ 以降、ナビゲーションメニューでは、追加のエンティティタイプをナビゲーションメニューに追加できるようになりました。

ヒント

Liferay 7.3 以降では、カスタムフィールドを使用して、ナビゲーションメニューの項目に詳細情報を追加できます（ サイトナビゲーションメニュー項目 の カスタムフィールド メニューの下）。その後、この情報をアプリケーション表示テンプレートと共に使用して、ナビゲーションメニューをさらにカスタマイズできます。

ナビゲーションメニューを作成するには、次の手順に従います。

サイトメニュー () を開き、 サイトビルダー → ナビゲーションメニューに移動します。
追加 () をクリックします。
ナビゲーションメニューの名前を入力します。
[保存]をクリックします。

要素 (ページ、ドキュメント、カテゴリなど) の追加を開始できる新しいカスタムメニューが表示されます。

追加 () をクリックします。
メニューに追加する要素の種類 (ページ、ドキュメント、カテゴリなど) を選択します。これにより、アイテム選択ウィンドウが開きます。

同じメニューに複数の要素を追加できます。

メニューに追加する要素の種類を選択します。

追加する要素を選択し、選択をクリックします。

複数の要素を選択できます。

重要

追加された要素に関連付けられた表示ページがない場合、警告が表示されます。この項目には表示ページがありません。表示ページのない項目はリンクがないため、メニューに表示されません。
必要に応じて、メニュー要素をドラッグアンドドロップして並べ替えたり、階層的に配置したりすることもできます。

ヒント

メニュー要素を階層構造にするだけでなく、 サブメニュー タイプを使用してメニューにサブセクションを追加することもできます。子要素を持つ要素を削除すると、子要素も削除されます。
必要に応じて、ナビゲーションメニューツリーから子ナビゲーションメニュー要素を追加できます。

目的のナビゲーションメニュー要素の アクション () をクリックし、 子の追加を選択して、子要素のタイプを選択します。

ヒント

ナビゲーションメニュー要素の 1 つをクリックし、キーボードの矢印を使用してナビゲーションメニューツリー内を移動します。
必要に応じて、メニュー要素ごとにカスタム表示名を定義します。ページ要素、または表示ページを使用する任意のコンテンツタイプ要素 (ブログエントリ、Web コンテンツ記事、ドキュメント、語彙、カテゴリなど) にカスタム名を定義できます。

注

Liferay 7.4 バージョン U9+ または GA13+ の表示ページを使用して、コンテンツタイプ要素のカスタム表示名のみを定義できます。

これを行うには、メニュー要素を選択し、サイドパネルで カスタム名を使用する をチェックし、名前を入力して、保存をクリックします。

メニューへのすべての変更が保存されます。

動的な語彙要素の使用

語彙ナビゲーションメニュー要素は動的です。ページに表示されたら、単一の要素ではなく、現在の階層にあるすべてのカテゴリとサブカテゴリが追加されます。語彙の内容を変更すると、メニューに自動的に反映されます。

動的な語彙要素を使用すると、アイテムの階層が変化する場合に、ナビゲーションメニューをすばやく簡単に更新できます。たとえば、カテゴリを使用してカタログ内の製品の種類を表し、カテゴリを更新すると、語彙を使用しているメニューが自動的に更新されるようにすることができます。その後、それらのカテゴリに使用される表示ページに応じて、分類の変更がページとナビゲーションメニューに自動的に反映される場合があります。

動的な語彙要素は、ナビゲーションメニューのカテゴリの階層を反映して自動的に更新されます。

編集中にナビゲーションメニューをプレビューして、ページ上に表示されたときにどのように表示されるかを確認できます。 目のアイコン () をクリックすると、ナビゲーションメニューのプレビューを含むポップアップウィンドウが開きます。

ナビゲーションメニューをプレビューして、ページ上に表示されたときにどのように表示されるかを確認します。

ドロップダウンメニューからさまざまなオプションを選択して、リストスタイルやタブスタイルなど、メニューを表示できるさまざまなスタイルを確認することもできます。

ページ作成中にメニューを使用する

ユーザーがサイトページを作成するときに、既存のすべてのナビゲーションメニューのリストが表示されます。使用可能なメニューのリストから特定のメニューを非表示にすることで、この動作を変更できます。

既存のナビゲーションメニューに新しいページを追加します。

ナビゲーションメニューのこの動作を構成するには、次の手順に従います。

サイトメニュー () を開き、 サイトビルダー → ナビゲーションメニューに移動します。
ご希望のメニューを選択してください。
アクション () をクリックします。
設定のチェックを外す/チェックする。
[保存]をクリックします。

ナビゲーションメニューのタイプを構成するには、次の手順に従います。

サイトメニュー () を開き、 サイトビルダー → ナビゲーションメニューに移動します。
目的のメニューの アクション () をクリックします。
希望するナビゲーションタイプ (プライマリナビゲーション、セカンダリナビゲーション、またはソーシャルナビゲーション) を選択します。

選択すると、各メニューの構成が「マーク済み」列に表示されます。

ナビゲーションメニューのタイプ	使用法
プライマリナビゲーション	プライマリナビゲーションは、ページのメインナビゲーションです。
セカンダリー・ナビゲーション	セカンダリーナビゲーションは、ナビゲーションの第2レベルであり、ページ内のサイドバーまたは個別のメニューが考えられます。
ソーシャルナビゲーション	ソーシャルナビゲーションは、ソーシャルメディアまたは同様のタスクでコンテンツを共有するためのリンクを含むメニューのためのものです。