ナビゲーション レンダリングを追加する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
このトピックで説明する手順には、エクスペリエンス エディターを使用します。
ナビゲーション レンダリングは、Webサイトのユーザーに役立つ方法でナビゲーションを設計するのに役立ちます。ナビゲーション レンダリングをページにドラッグすると、ナビゲーション メニューが生成されます。 Control Propertiesダイアログでは、ナビゲーションのスタイルを指定できます。
ナビゲーションレンダリングをページに追加するには:
-
ツールボックスを開きます。
-
Navigationセクションから、レンダリングを追加するプレースホルダーにNavigationレンダリングをドラッグアンドドロップします。
手記Control Propertiesダイアログボックスでは、PlaceholderとData Sourceのプロパティは変更しないでください。これらのプロパティを変更すると、レンダリングが消えたり、予期しない動作が発生したりする可能性があります。
-
バリエーション (ページ タイトルの代わりに字幕を表示するバリエーションなど) を選択するには、フローティング ツールバーのVariantリストで、目的のバリエーションを選択します。バリアントによって、表示される項目とその外観が決定されます。

-
ナビゲーションメニューにスタイルを適用するには、Styles Edit style and behavior of the component.nをクリックします。
-
ダイアログボックスで、必要なスタイルを選択し、OKをクリックします。たとえば、次の項目を選択できます。
航法
形容
ワイヤーフレーム モードの例
Main navigation - drop down vertical
標準の垂直ドロップダウンナビゲーション

Main navigation- drop-down horizontal
子項目を1行に含むドロップダウン ナビゲーション
Sidebar navigation
すべての子アイテムが縦に表示
Sitemap navigation
すべての子アイテムが縦に表示
Big/fat navigation
すべての子アイテムが横方向に表示
Mobile navigation
モバイル用ナビゲーション
-
Navigation Settingsセクションでは、次のフィールドを指定できます。
-
Start page – サイトをホームページとは異なるページで開く場合は、ここでそのページを選択します。
-
Top navigation level –ナビゲーションを開始するレベル(ルートからカウント)をクリックします。
-
Bottom navigation level –ナビゲーションが終了するレベル(ルートからカウント)をクリックします。
-
Navigation filter – リストからナビゲーションフィルターをクリックします。
-
Flat structure – このチェックボックスをオンにすると、同じレベルのすべてのアイテムが表示されます。
-
Include Root Page – このチェックボックスをオンにすると、ナビゲーションリストにルートページが含まれます。
-
-
Cachingセクションでは、ナビゲーションレンダリングのキャッシュを設定して、Webサイトのパフォーマンスを向上させることができます。
-
Clear on publish - パブリッシュするたびにレンダリングのキャッシュをクリアします。
-
Clear on content update - 関連付けられたコンテンツが変更されたときに、レンダリングのキャッシュをクリアします。
手記この設定の動作は、cacheHTMLプロパティとenablePartialHtmlCacheClearプロパティの構成方法によって異なる場合があります。
-
Do not clear - パブリッシュ時にレンダリング キャッシュをクリアしないでください。
-