Documentation

メニュー表示を設定する

メニュー表示を表示・設定するには、 メニュー表示フラグメント またはメニュー表示ウィジェットを使用することができます。 この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階層のメニューが動的に変化し、子ページが表示されるようになっています。

メニュー表示フラグメントの階層は、サイトメニューやコンテクストメニューから定義することができます。

メニュー表示ウィジェットの設定

以下は、メニュー表示ウィジェットで可能なすべてのオプションです。 設定メニューにアクセスするには、メニュー表示ウィジェットの上部にある「 Options icon 」をクリックします。

設定メニューに移動します。

ナビゲーションメニュー

目的のナビゲーションメニュータイプを選択します。目的のナビゲーションメニュータイプが[プレビュー]ボックスに表示されます。

ナビゲーションメニューのタイプ

説明

ページの階層

ページ階層は、サイトビルダーのデフォルトの階層をベースにしています。

プライマリ ナビゲーション

プライマリ ナビゲーションは、ページのメインナビゲーションです。

セカンダリー・ナビゲーション

セカンダリーナビゲーションは、ナビゲーションの第2レベルであり、ページ内のサイドバーまたは個別のメニューが考えられます。

ソーシャルナビゲーション

ソーシャルナビゲーションは、ソーシャルメディアまたは同様のタスクでコンテンツを共有するためのリンクを含むメニューのためのものです。

また、 [選択] ボタンをクリックして、ナビゲーションメニューを選択することもできます。

ナビゲーションメニューのタイプを選択します。

表示テンプレート

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

表示テンプレートを選択します。

テンプレートを表示する

説明

リスト メニュー

すべてのアイテムを垂直リストに表示します。

水平方向のピル形式

アイテムを水平に表示し、ボタンスタイルを使用して強調表示します。

等幅ピル形式

水平方向のピル形式と同様ですが、アイテムを埋めて水平方向のスペースを埋めます。

縦積みピル形式

ピル型スタイルの垂直バージョン。

タブ

ナビゲーションタブなどの項目を表示します。

等幅ピル形式

水平方向のスペースを埋めるナビゲーションタブ。

最小バー形式

ページの埋め込みメニューに表示されるデフォルト表示の軽量バージョン。

最小等幅バー形式

水平方向のパディングで最小バー形式と同様。

規定スタイルのバー

デフォルトの埋め込みメニュー。

スプリットボタンのドロップダウン

各項目をドロップダウン付きのボタンとして表示し、複数のナビゲーションレベルを設定できます。

表示するメニュー項目

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

表示するメニュー項目を選択します。

項目

説明

メニュー項目を以下から始める:

レベルのタイプを [レベル] 、 [現在のメニュー項目に関連するレベル] 、または [親を選択] から選択します。

レベル数

表示するレベル番号を0~4で選択します。 レベル0は親ページを表し、レベル1は第1レベルの子ページを表します。

表示するレベル:

ナビゲーションに表示するレベルの数を、1~無制限で選択します。

サブレベルを展開:

このドロップダウンメニューから [自動] または [All] を選択します。これにより、ナビゲーションの上にマウスを置くと、ナビゲーションレベルが一度に1つずつ自動的に表示されるのか、すべてのレベルが一度に表示されるのかが決まります。

追加情報