---
title: "レンダリングおよびレンダリングバリアント"
slug: "renderings-and-rendering-variants"
abstract: "Experience Managerには、モジュール化されたコンポーネント設計を保証するためのあらかじめ定義されたレンダリングライブラリが付属しています。"
---
# レンダリングおよびレンダリングバリアント

標準的なコンポーネントを必要な場所に直接ドラッグ&ドロップすることでページを作成できます。これらのコンポーネントはレンダリングと呼ばれ、エクスペリエンスエディターのツールボックスやページに一覧表示されます。利用可能なレンダリングは以下に記載されています。

レンダリングにバリアントがある場合は、浮動ツールバー下のリストからバリアントを選択できます。バリアントはレンダリングの見た目を変えたり、異なるコンテンツを表示したりします。下記の表の **バリアント** 列に **「はい**」がある場合、レンダリングはバリアントをサポートしていることを意味します。

> !注デフォルトのレンダリングを設定したり、コンテンツエディターで独自のレンダリングバリエーションを作成したりできます。

## メディア

**レンダリング**

**バリアント**

**概要**

[画像](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-a--reusable--image.html)

はい

メディアライブラリから選択した画像をページに追加します。

## ナビゲーション

**レンダリング**

**バリアント**

**概要**

[リンクリスト](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-links-and-breadcrumbs.html)

はい

タイトル、リンク、テキストを含むアイテムリストを表示します。

[ナビゲーション](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-navigation.html)

いいえ

ナビゲーションメニューを生成します。以下を選択できます:  
  

-   **メインナビゲーション - ドロップダウン縦方向** – 標準ドロップダウンナビゲーション
-   **メインナビゲーション - ドロップダウン横方向** – 子項目を1行にまとめたドロップダウンナビゲーション
-   **サイドバーナビゲーション** – すべての子項目を縦に表示
-   **サイトマップナビゲーション** - すべての子項目を縦に表示
-   **ビッグ/ファットナビゲーション –** すべての子項目を横に表示します。
-   **モバイルナビゲーション** – モバイル向けナビゲーション

## ページ内容

**レンダリング**

**バリエーション**

**概要**

[ページ内容](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-a-page-content-component.html)

はい

選択したデータソース項目の特定のフィールドをページ上に表示します。

[プロモーション](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-a-promo-rendering.html)

はい

別のページのフィールドをレンダリングし、他のレンダリングのプレースホルダーとして機能します。アイコンやタイトル、リンクで構成されています。

[リッチテキスト](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add--reusable--rich-text.html)

はい

ページ上にフォーマット済みのテキストを追加します。HTMLタグを使ってテキストを書くことができます。

[タイトル](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/add-a-title-component.html)

はい

現在のページのタイトルまたは副題を表示します。

## ページ構造

**レンダリング**

**バリアント**

**概要**

[コンテナ](https://doc.sitecore.com/xp/ja/users/sxa/103/sitecore-experience-accelerator/combine-content-from-multiple-components.html)

いいえ

他のレンダリング用にラッパーを使って追加のCSSスタイリングを追加します。