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

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

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

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

ヒント

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

ナビゲーションメニューの作成

ナビゲーションメニューを作成するには、以下の手順に従ってください。

  1. サイトメニュー (Site menu) を開き、 サイトビルダーナビゲーションメニュー に移動します。

    サイトメニューからナビゲーションメニューにアクセスしてください。

  2. 追加 (Add button) をクリックします。

  3. ナビゲーションメニューの名前 を入力してください。

    ナビゲーションメニューを作成します。

  4. [保存]をクリックします。

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

ナビゲーションメニューに新しい要素を追加する

  1. 追加 (Add button) をクリックします。

  2. メニューに追加する要素の種類を選択してください(例:ページ、ドキュメント、カテゴリ)。 これにより、アイテム選択ウィンドウが開きます。

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

メニューに追加したい要素の種類を選択してください。

  1. 追加したい要素を選択し、 をクリックしてを選択します。

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

    重要

    追加した要素に関連する表示ページがない場合、警告が表示されます。 この項目には表示ページがありません。表示ページのない項目はリンクがないため、メニューに表示されません。

    追加された要素に関連付けられた表示ページがない場合、警告が表示されます。

  2. 必要に応じて、メニュー要素をドラッグ&ドロップして、並べ替えたり、階層構造に配置したりできます。

    ヒント

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

    ナビゲーションメニューに要素を追加する。

  3. 必要に応じて、ナビゲーションメニューツリーから子ナビゲーションメニュー要素を追加できます。

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

    ナビゲーションメニューツリーから直接子ナビゲーションメニュー要素を追加できます。

    ヒント

    ナビゲーションメニューのいずれかの要素をクリックし、キーボードの矢印キーを使用してナビゲーションメニューツリーを移動します。

  4. 必要に応じて、各メニュー要素にカスタム表示名を定義できます。 ページ要素、または表示ページを使用するあらゆるコンテンツタイプの要素(ブログ記事、ウェブコンテンツ記事、ドキュメント、語彙、カテゴリなど)に、カスタム名を定義できます。

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

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

    メニュー要素の表示をカスタマイズします。

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

動的な語彙要素の使用

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

動的な語彙要素を使用すれば、項目の階層構造が変化する場合でも、ナビゲーションメニューを迅速かつ簡単に更新できます。 たとえば、カタログの商品の種類を表すためにカテゴリーを使用し、カテゴリーを更新すると、語彙を使用するすべてのメニューが自動的に更新されるようにすることができます。 そして、それらのカテゴリーに使用されている表示ページによっては、カテゴリー分けの変更が自動的にページやナビゲーションメニューに反映されることもある。

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

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

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

ナビゲーションメニューをプレビューして、ページ上に表示されたときの見た目を確認してください。

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

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

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

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

ナビゲーションメニューの動作を設定するには、以下の手順に従ってください。

  1. サイトメニュー (Site menu) を開き、 サイトビルダーナビゲーションメニュー に移動します。

  2. ご希望のメニューを選択してください。

  3. アクションActions button)をクリックします。

  4. 設定のチェックを外す/入れる。

    サイトページを作成する際に、既存のナビゲーションメニューから選択できます。

  5. [保存]をクリックします。

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

ナビゲーションメニューの種類を設定するには、以下の手順に従ってください。

  1. サイトメニュー (Site menu) を開き、 サイトビルダーナビゲーションメニュー に移動します。

  2. 目的のメニューを表示するには、 アクションActions button)をクリックしてください。

  3. 希望するナビゲーションの種類を選択してください:プライマリナビゲーション、セカンダリナビゲーション、またはソーシャルナビゲーション。

    希望するナビゲーションタイプを選択してください。

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

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

ナビゲーションメニューの削除

  1. サイトメニュー (Site menu) を開き、 サイトビルダーナビゲーションメニュー に移動します。

  2. 目的のメニューを表示するには、 アクションActions button)をクリックし、 削除をクリックします。

  3. 確認画面で OK をクリックします。

ナビゲーションメニューが削除されました。

ナビゲーションメニューのエクスポートとインポート

ナビゲーションメニューは、ナビゲーションメニューアプリケーションから直接エクスポートおよびインポートできます。 これらの操作は、ナビゲーションメニューの定義とその関連項目を含むLARファイルを作成および消費します。

Liferay 2026.Q1以降、ナビゲーションメニューのエクスポートとインポートはバッチ処理を使用するため、LPD-35914、LPD-35443、およびLPD-66179の機能フラグが必要です。 ステージング環境では、バッチエクスポートおよびインポートは利用できません。 機能フラグを有効にする前に作成されたナビゲーションメニューは、エクスポートまたはインポートのオプションに表示されない場合があります。

ナビゲーション メニューをエクスポートまたはインポートするには、メニューを選択し、アプリケーション バーの オプション (Options icon) をクリックし、 エクスポート/インポート (Export/Import icon ) を選択します。

ナビゲーションメニューは、ナビゲーションメニューアプリケーションから直接エクスポートおよびインポートできます。

この動作は、サイトレベルのエクスポートおよびインポートと一致します。 共通の動作と構成オプションについては、 サイトページとコンテンツのエクスポート/インポート を参照してください。