メニュー表示を設定する

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

メニュー表示フラグメントまたはメニュー表示ウィジェットを使用して、メニュー表示を表示および構成します。どちらのオプションでも、サイトのメニュー表示オプション、レベル、および動作を定義できます。

ヒント

Liferay を初めて使用する場合は、メニュー表示フラグメントを使用して、サイトのナビゲーションメニューの構築を開始してください。メニュー表示フラグメントは、マスターページテンプレートで機能するプレビューオプションと、メニュー表示ウィジェットでは提供されない簡単な構成を提供します。

7.4以降で利用可能

コンテンツページのどこにでもナビゲーションメニューを作成できます。このナビゲーションメニューは、サイトのページ階層、または Liferay のナビゲーションメニューアプリケーションを使用して定義したその他の階層に基づいています。また、メニューの表示スタイルのオプションや、ナビゲーションに含めるサブレベルの数を定義することもできます。

メニュー表示フラグメントは、コンテンツページのフラグメントとウィジェットセクションの下に表示されます。このフラグメントは、コンテンツページ内の他のフラグメントと同様に追加および構成します。詳細については、コンテンツページへの要素の追加およびフラグメントの構成を参照してください。

メニュー表示フラグメント内のページとサブページの階層は、次の 2 つの方法で構築できます。

サイトナビゲーションメニュー (A) は、サイトナビゲーションに Liferay DXP ナビゲーションメニューを使用して定義したメニューを使用します。デフォルトでは、Liferay DXP はサイト内のページ階層に基づいて 2 つのサイトメニューを提供します。
コンテキストメニュー (B) は、ページのコンテキストに基づいたメニューを示しています。たとえば、サイトメニューの 1 つにリンクされた第 1 レベルのメニュー表示フラグメントと、子ページのみを表示する第 2 レベルのメニュー表示フラグメントを組み合わせることで、より高度なナビゲーションを作成できます。この方法では、ユーザーが第 1 レベルのメニューのさまざまなページをクリックすると、第 2 レベルのメニューが動的に変化し、子ページが表示されます。

注

デフォルトでは、ページセットはコンテナーとして機能し、直接ナビゲートできないため、ナビゲーションメニューには表示されません。これらは、同じレベルでコンテンツページが追加された場合にのみ表示され、子ページにはアクセスできるようになりますが、ページセット自体にはアクセスできなくなります。

あるいは、カスタムフラグメントを作成して、ページセットのナビゲーションをより正確に処理することもできます。

以下は、メニュー表示ウィジェットで可能なすべてのオプションです。設定メニューにアクセスするには、メニュー表示ウィジェットのヘッダーで オプション () → 設定をクリックします。

注

Liferay DXP 2025.Q1/Portal GA132 より前では、設定オプションはウィジェットの右上隅に表示されていました。

希望するナビゲーションメニュータイプを選択すると、プレビューボックスに希望するナビゲーションメニュータイプが表示されます。

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

または、 メニューの選択 を選択し、選択ボタンをクリックすることで、既存のナビゲーションメニューを選択することもできます (このオプションを使用して、親サイトからナビゲーションメニューを選択できます)。

表示テンプレート

ナビゲーションメニューにはウィジェットテンプレートを選択できます。

表示テンプレート	説明
リストメニュー	すべてのアイテムを垂直リストに表示します。
水平方向のピル形式	アイテムを水平に表示し、ボタンスタイルを使用して強調表示します。
等幅ピル形式	水平方向のピル形式と同様ですが、アイテムを埋めて水平方向のスペースを埋めます。
縦積みピル形式	ピル型スタイルの垂直バージョン。
タブ	ナビゲーションタブなどの項目を表示します。
等幅ピル形式	水平方向のスペースを埋めるナビゲーションタブ。
最小バー形式	ページの埋め込みメニューに表示されるデフォルト表示の軽量バージョン。
最小等幅バー形式	水平方向のパディングで最小バー形式と同様。
規定スタイルのバー	デフォルトの埋め込みメニュー。
分割ボタンドロップダウン	各項目を、複数のナビゲーションレベルのドロップダウン付きのボタンとして表示します。

メニューからどのレベルのどのページをウィジェットに表示するかを設定できます。開始レベル、表示する深さのレベル数、およびサブレベルの表示方法を選択できます。

項目	説明
メニュー項目を以下から始める:	レベルのタイプを選択します: レベル、現在のメニュー項目に対する相対レベル、または親を選択。これらのオプションの詳細については以下をご覧ください。
レベル数	表示するレベル番号を0～4で選択します。レベル0は親ページを表し、レベル1は第1レベルの子ページを表します。
表示するレベル:	ナビゲーションに表示するレベルの数を、1～無制限で選択します。
サブレベルを展開:	このドロップダウンメニューから自動またはすべてを選択します。これにより、マウスをナビゲーション上に移動したときに、ナビゲーションレベルが 1 つずつ自動的に表示されるか、すべてのレベルが一度に表示されるかが決まります。

これらは、[メニュー項目の開始] フィールドの下にある 3 つのオプションです。

レベル: レベル 0 はルートレベルから始まり、レベル 1 ～ 4 は現在のページ (存在する場合) までの後続レベルになります。そこからどのパスをたどるかを決定することはできないため、それ以上のレベルは表示されません。
現在のレベルに対する相対レベル: ここでは順序が逆になっています。レベル 0 は現在のページを表し、レベル 1 ～ 4 は、直近の親 (1) から最も遠い親ページまたはルートページまでの親レベルを表します。
親を選択: メニューの開始点として使用するページを手動で選択します。