メニュー表示を設定する¶
メニュー表示を表示・設定するには、 メニュー表示フラグメント またはメニュー表示ウィジェットを使用することができます。 この2つのオプションのいずれかを使って、サイトのメニュー表示オプション、レベル、動作を定義することができます。
Tip
Liferayを初めて使う人は、メニュー表示フラグメントを使って、サイトのナビゲーションメニューの構築を始めましょう。 Menu Displayフラグメントは、Menu Display Widgetsにはない、Master Page Template と連携したプレビューオプションと設定のしやすさを提供します。
メニュー表示用フラグメントの設定¶
7.4以降で利用可能
Liferay Navigation Menusアプリケーションを使用すると、コンテンツページの任意の場所にナビゲーションメニューを作成することができます。 このナビゲーションメニューは、サイトのページ階層、またはLiferayの Navigation Menus Applicationを使って定義したその他の階層をベースにしています。 また、メニューの表示スタイルのオプションや、ナビゲーションに含めるサブレベルの数を定義することもできます。
メニュー表示フラグメント」は、コンテンツページの「フラグメントとウィジェットの下に表示されます。 コンテンツページの他のフラグメントと同様に、このフラグメントを追加・設定します。 詳しくは、 コンテンツページへの要素の追加 および フラグメントの設定 を参照してください。
メニュー表示フラグメントでは、2つの方法でページとサブページの階層を構築することができます。
サイトナビゲーションメニュー(A)はLiferay DXP ナビゲーションメニューを使って定義したメニューを サイト・ナビゲーションに使用します。 デフォルトでは、Liferay DXPはサイト内のページ階層に基づいた2つのサイトメニューを提供します。
コンテクストメニュー(B)は、ページのコンテクストに応じたメニューを表示しています。 例えば、サイトメニューにリンクした第1レベルのメニュー表示フラグメントと、子ページのみを表示する第2レベルのメニュー表示フラグメントを組み合わせることで、より高度なナビゲーションを実現できます。 これにより、ユーザーが第1階層のメニューで異なるページをクリックすると、第2階層のメニューが動的に変化し、子ページが表示されるようになっています。
メニュー表示ウィジェットの設定¶
以下は、メニュー表示ウィジェットで可能なすべてのオプションです。 設定メニューにアクセスするには、メニュー表示ウィジェットの上部にある「 
」をクリックします。
ナビゲーションメニュー¶
目的のナビゲーションメニュータイプを選択します。目的のナビゲーションメニュータイプが[プレビュー]ボックスに表示されます。
ナビゲーションメニューのタイプ |
説明 |
|---|---|
ページの階層 |
ページ階層は、サイトビルダーのデフォルトの階層をベースにしています。 |
プライマリ ナビゲーション |
プライマリ ナビゲーションは、ページのメインナビゲーションです。 |
セカンダリー・ナビゲーション |
セカンダリーナビゲーションは、ナビゲーションの第2レベルであり、ページ内のサイドバーまたは個別のメニューが考えられます。 |
ソーシャルナビゲーション |
ソーシャルナビゲーションは、ソーシャルメディアまたは同様のタスクでコンテンツを共有するためのリンクを含むメニューのためのものです。 |
また、 ［選択］ ボタンをクリックして、ナビゲーションメニューを選択することもできます。
表示テンプレート¶
ナビゲーションメニューにはウィジェットテンプレートを選択できます。
テンプレートを表示する |
説明 |
|---|---|
リスト メニュー |
すべてのアイテムを垂直リストに表示します。 |
水平方向のピル形式 |
アイテムを水平に表示し、ボタンスタイルを使用して強調表示します。 |
等幅ピル形式 |
水平方向のピル形式と同様ですが、アイテムを埋めて水平方向のスペースを埋めます。 |
縦積みピル形式 |
ピル型スタイルの垂直バージョン。 |
タブ |
ナビゲーションタブなどの項目を表示します。 |
等幅ピル形式 |
水平方向のスペースを埋めるナビゲーションタブ。 |
最小バー形式 |
ページの埋め込みメニューに表示されるデフォルト表示の軽量バージョン。 |
最小等幅バー形式 |
水平方向のパディングで最小バー形式と同様。 |
規定スタイルのバー |
デフォルトの埋め込みメニュー。 |
スプリットボタンのドロップダウン |
各項目をドロップダウン付きのボタンとして表示し、複数のナビゲーションレベルを設定できます。 |
表示するメニュー項目¶
メニューからどのレベルのどのページをウィジェットに表示するかを設定できます。 開始レベル、表示する深さのレベル数、およびサブレベルの表示方法を選択できます。
項目 |
説明 |
|---|---|
メニュー項目を以下から始める: |
レベルのタイプを ［レベル］ 、 ［現在のメニュー項目に関連するレベル］ 、または ［親を選択］ から選択します。 |
レベル数 |
表示するレベル番号を0～4で選択します。 レベル0は親ページを表し、レベル1は第1レベルの子ページを表します。 |
表示するレベル: |
ナビゲーションに表示するレベルの数を、1～無制限で選択します。 |
サブレベルを展開: |
このドロップダウンメニューから ［自動］ または ［All］ を選択します。これにより、ナビゲーションの上にマウスを置くと、ナビゲーションレベルが一度に1つずつ自動的に表示されるのか、すべてのレベルが一度に表示されるのかが決まります。 |