ナビゲーション レンダリングを追加する

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

メモ

このトピックで説明する手順には、エクスペリエンス エディターを使用します。

ナビゲーション レンダリングは、Webサイトのユーザーに役立つ方法でナビゲーションを設計するのに役立ちます。ナビゲーション レンダリングをページにドラッグすると、ナビゲーション メニューが生成されます。 Control Propertiesダイアログでは、ナビゲーションのスタイルを指定できます。

ナビゲーションレンダリングをページに追加するには:

  1. ツールボックスを開きます。

  2. Navigationセクションから、レンダリングを追加するプレースホルダーにNavigationレンダリングをドラッグアンドドロップします。

    手記

    Control Propertiesダイアログボックスでは、PlaceholderData Sourceのプロパティは変更しないでください。これらのプロパティを変更すると、レンダリングが消えたり、予期しない動作が発生したりする可能性があります。

  3. バリエーション (ページ タイトルの代わりに字幕を表示するバリエーションなど) を選択するには、フローティング ツールバーのVariantリストで、目的のバリエーションを選択します。バリアントによって、表示される項目とその外観が決定されます。

  4. ナビゲーションメニューにスタイルを適用するには、Styles Edit style and behavior of the component.nをクリックします。

  5. ダイアログボックスで、必要なスタイルを選択し、OKをクリックします。たとえば、次の項目を選択できます。

    航法

    形容

    ワイヤーフレーム モードの例

    Main navigation - drop down vertical

    標準の垂直ドロップダウンナビゲーション

    Main navigation drop down vertical example.

    Main navigation- drop-down horizontal

    子項目を1行に含むドロップダウン ナビゲーション

    Main navigation- drop-down horizontal example.

    Sidebar navigation

    すべての子アイテムが縦に表示

    Sidebar navigation example.

    Sitemap navigation

    すべての子アイテムが縦に表示

    Sitemap navigation example.

    Big/fat navigation

    すべての子アイテムが横方向に表示

    Big/fat navigation example.

    Mobile navigation

    モバイル用ナビゲーション

    Navigation for mobile example.
  6. Navigation Settingsセクションでは、次のフィールドを指定できます。

    • Start page – サイトをホームページとは異なるページで開く場合は、ここでそのページを選択します。

    • Top navigation level –ナビゲーションを開始するレベル(ルートからカウント)をクリックします。

    • Bottom navigation level –ナビゲーションが終了するレベル(ルートからカウント)をクリックします。

    • Navigation filter – リストからナビゲーションフィルターをクリックします。

    • Flat structure – このチェックボックスをオンにすると、同じレベルのすべてのアイテムが表示されます。

    • Include Root Page – このチェックボックスをオンにすると、ナビゲーションリストにルートページが含まれます。

  7. Cachingセクションでは、ナビゲーションレンダリングのキャッシュを設定して、Webサイトのパフォーマンスを向上させることができます。

    • Clear on publish - パブリッシュするたびにレンダリングのキャッシュをクリアします。

    • Clear on content update - 関連付けられたコンテンツが変更されたときに、レンダリングのキャッシュをクリアします。

      手記

      この設定の動作は、cacheHTMLプロパティとenablePartialHtmlCacheClearプロパティの構成方法によって異なる場合があります。

    • Do not clear - パブリッシュ時にレンダリング キャッシュをクリアしないでください。

この記事を改善するための提案がある場合は、 お知らせください!