メニュー表示を設定する
メニュー表示 を表示および設定するには、 メニュー表示フラグメント または メニュー表示ウィジェット を使用できます。 これら2つのオプションのいずれかを使用すると、あなたのサイトのメニュー表示オプション、レベル、および動作を定義することができます。
Liferayを初めて使う場合は、menu display fragmentを使ってサイトのナビゲーションメニューを作り始めましょう。 メニュー表示フラグメントは、 マスターページテンプレート と連動するプレビューオプションと、メニュー表示ウィジェットにはない設定のしやすさを提供します。
メニュー表示用フラグメントの設定
7.4+で利用可能
ナビゲーションメニューは、コンテンツページのどこにでも作成できます。 このナビゲーションメニューは、サイトのページ階層、または Liferay の ナビゲーションメニューアプリケーション を使って定義したその他の階層に基づいています。 また、メニューの表示スタイルのオプションや、ナビゲーションに含めるサブレベルの数を定義することもできます。
メニュー表示フラグメントは、コンテンツページのフラグメントとウィジェットセクションの下に表示されます。 コンテンツページの他のフラグメントと同様に、このフラグメントを追加して設定します。 詳しくは、 コンテントページへの要素の追加 および フラグメントの設定 を参照してください。
メニュー表示フラグメントでは、2つの方法でページとサブページの階層を構築できます:
- サイトナビゲーションメニュー(A) は、Liferay DXPのナビゲーションメニューを使って定義したメニューをサイトナビゲーションに使用します。 デフォルトでは、Liferay DXPはサイト内のページ階層に基づいて2つのサイトメニューを提供します。
- コンテクスト・メニュー(B)は、ページのコンテクストに基づいたメニューを表示します。 例えば、サイトメニューの1つにリンクされた第1レベルのMenu Displayフラグメントと、子ページのみを表示する第2レベルのMenu Displayフラグメントを組み合わせることで、より高度なナビゲーションを作成することができます。 こうすることで、ユーザーが第1レベルメニューのさまざまなページをクリックすると、第2レベルメニューが動的に変化し、子ページが表示される。
メニュー表示ウィジェットの設定
以下は、メニュー表示ウィジェットで可能なすべてのオプションです。 設定メニューにアクセスするには、メニュー表示ウィジェットの上部にある オプション( )をクリックします。
ナビゲーションメニュー
希望するナビゲーション・メニュー・タイプを選択する。希望するナビゲーション・メニュー・タイプがプレビュー・ボックスに表示される。
ナビゲーションメニューのタイプ | 説明 |
---|---|
ページの階層 | ページ階層はサイトビルダーのデフォルト階層に基づいています。 |
プライマリ ナビゲーション | プライマリ ナビゲーションは、ページのメインナビゲーションです。 |
セカンダリー・ナビゲーション | セカンダリーナビゲーションは、ナビゲーションの第2レベルであり、ページ内のサイドバーまたは個別のメニューが考えられます。 |
ソーシャルナビゲーション | ソーシャルナビゲーションは、ソーシャルメディアまたは同様のタスクでコンテンツを共有するためのリンクを含むメニューのためのものです。 |
あるいは、 Choose Menu を選択し、 Select ボタンをクリックして、既存のナビゲーション・メニューを選択することもできます(このオプションを使用して、親サイトからナビゲーション・メニューを選択することもできます)。
表示テンプレート
ナビゲーション・メニューには、 ウィジェット・テンプレート を選択できます:
テンプレートを表示する | 説明 |
---|---|
リストメニュー | すべてのアイテムを垂直リストに表示します。 |
水平方向のピル形式 | アイテムを水平に表示し、ボタンスタイルを使用して強調表示します。 |
等幅ピル形式 | 水平方向のピル形式と同様ですが、アイテムを埋めて水平方向のスペースを埋めます。 |
縦積みピル形式 | ピル型スタイルの垂直バージョン。 |
タブ | ナビゲーションタブなどの項目を表示します。 |
等幅ピル形式 | 水平方向のスペースを埋めるナビゲーションタブ。 |
最小バー形式 | ページの埋め込みメニューに表示されるデフォルト表示の軽量バージョン。 |
最小等幅バー形式 | 水平方向のパディングで最小バー形式と同様。 |
規定スタイルのバー | デフォルトの埋め込みメニュー。 |
スプリットボタンのドロップダウン | 各項目をドロップダウン付きのボタンとして表示し、複数のナビゲーションレベルを設定できます。 |
表示するメニュー項目
メニューからどのレベルのどのページをウィジェットに表示するかを設定できます。 開始レベル、表示する深さのレベル数、およびサブレベルの表示方法を選択できます。
項目 | 説明 |
---|---|
メニューから始める | レベルのタイプを選択します: Level , Level Relative to the Current Menu Item , または Select Parent 。 これらのオプションについて、詳しくは以下をご覧いただきたい。 |
レベル数 | 表示するレベル番号を0~4で選択します。 レベル0は親ページを表し、レベル1は第1レベルの子ページを表します。 |
表示するレベル: | ナビゲーションに表示するレベルの数を、1~無制限で選択します。 |
サブレベルを展開: | このドロップダウンメニューから、 Auto または All を選択します。これは、マウスをナビゲーション上に置くと、ナビゲーションレベルが自動的に1つずつ表示されるか、一度にすべてのレベルが表示されるかを決定します。 |
[Start with Menu Items In]フィールドの下にある3つのオプションです:
-
レベル :レベル0はルート・レベルから始まり、レベル1~4は現在のページが存在する場合、それに続くレベルです。 そこからどの道をたどればいいのか判断できないので、それ以上のレベルは表示されない。
-
電流に対するレベル :ここでは順序が逆である。 レベル0は現在のページを表し、レベル1~4は、直属の親(1)から始まり、最も遠い親ページまたはルートページまでの親レベルを表す。
-
親を選択 :メニューの開始点として使用したいページを手動で選択します。