---
title: "航行レンダリング"
slug: "the-navigation-renderings"
abstract: "SXAのデフォルトナビゲーションレンダリングについて詳しくはこちらをご覧ください"
---
# 航行レンダリング

ナビゲーションはどのページでも重要な要素です。SXAには多種多様なナビゲーションバリエーションやスタイルが用意されています。デフォルトでは、以下のナビゲーションレンダリングが利用可能です:

-   **アーカイブ** - 明確な年代順ナビゲーションを提供し、コンテンツを年、月、週、または日に分けます。ブログページに適しています。
    
    ![The archive component.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/SXA-archive-example.PNG)
    
-   **Breadcrumb** - ルートから現在のアイテムまでのすべてのパス項目を一覧化する [パンくず](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/add-links-and-breadcrumbs.html "Add links and breadcrumbs") を生成する。レンダリングバリアントをサポートしている。
    
    ![The Breadcrumb component.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/SXA-breadcrumb.PNG)
    
-   **リンク** と **リンクリスト** - [リンク](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/add-links-and-breadcrumbs.html "Add links and breadcrumbs") は兄弟ページや親ページ、閲覧履歴のページ、任意のページやリソースへのリンクを追加します。この専用コンポーネントをリンクに使うことで、すべてのハイパーリンクがブラウザウィンドウ内で期待される場所に正確に誘導され、正しいクラスと適切な説明が付けられるようにできます。リンクリストレンダリングでは、タイトル、リンク、テキストを含む項目のリストが表示されます。
    
    ![The Link list component.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/SXA-linklist.png)
    
-   **Navigation** - ナビゲーションメニューを生成すること。SXAのナビゲーションレンダリングは、ウェブサイトのユーザーにとって使いやすいナビゲーション設計に役立ちます。スタイリングの詳細については「 [ナビゲーションを追加」](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/add-navigation.html "Add navigation") をご覧ください。
    
    ![Big/Fat navigation component.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/SXA-navigation-bigfat.PNG)