---
title: "推奨事項:レンダリングの活用"
slug: "recommendations--using-renderings"
abstract: "どのレンダリングを使い、どう使うかを考えてみてください。"
---
# 推奨事項:レンダリングの活用

SXAには、モジュール化されたコンポーネントベースの設計を保証するために、あらかじめ定義されたレンダリングおよびレンダリングバリアントのライブラリが付属しています。カスタムレンダリング(バリアント)を作成することも可能です。レンダリングを賢く活用することで、作業をより効率的に進めることができます。

## 作業に適したレンダリングを使いましょう

ページレイアウトの大部分をレンダリングするために、ページコンテンツ、ページリスト、プロモーション、リッチテキストなどの汎用レンダリングは避けてください。目的に合った正しいレンダリングを使いましょう。標準レンダリングを[クローン](https://doc.sitecore.com/sai/ja/developers/sitecoreai/content-modeling-and-presentation/sitecoreai-for-developers/content-editor-items/components/copy-and-customize-a-component.html "Copy and customize a component") し、そのレンダリングの目的を表す名前を付けることを検討してください。

例えば、以下のデフォルトのレンダリングクローンの名前は、ビジネスユーザーがその目的を即座に理解しやすくします。

-   **ティーザー(ページコンテンツレンダリングのクローン)は、ページへのリンクを設定してコンテンツをティーラスするよう設定されています。**
-   **ハイライト** や **Call to Action** (プロモレンダリングのシンプルなコピー)を使い、仕事に適したスタイルやレンダリングバリエーションのセットを提供します。

## 著者が編集したコンテンツにはリッチテキストレンダリングを使用しないでください

複雑なコンポーネントの場合は、リッチテキストレンダリングを使うのも良いでしょう。HTMLの配置に完全な自由度が提供されるからです。しかし、このコンテンツ追加方法は編集者にとって扱いが難しい場合があります。なぜなら、すべてのコンテンツ編集者がHTMLコードの編集方法を知っているわけではないからです。リッチテキストレンダリングの代わりにクローンや [バリアント](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/create-a-rendering-variant.html) を使うことを検討してください。

リッチテキストレンダリングを使用する前に、以下の他の選択肢を検討してください:

-   コピー&カスタマイズ、SXAレンダリング(プロモレンダリングなど)も可能です。
-   より複雑な [レンダリングバリアン](https://doc.sitecore.com/xp/en/developers/sxa/18/sitecore-experience-accelerator/en/create-a-rendering-variant.html)トを作成しましょう。こうすることで、レンダリングバリアントのコンポーネントマークアップを完全にコントロールしつつ、テキストや画像はエディターで編集可能にできます。これは視覚的なコンポーネントの推奨されるアプローチです。

## リッチテキストフィールドの内容が完全に編集可能であることを確認しましょう

> !注このセクションはコンテンツエディターにのみ適用され、ページビルダーには適用されません。

サイト展開後にマーケターが維持することが期待されるテキストを提供する際は、WYSIWYGエディターで維持できないマークアップやクラスを入れ **て** はいけません。

![image1.png](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/image1.png)

もしエディターがテキスト要素(テーマ内で特定のスタイルでスタイリングする必要がある)にクラスを付ける必要がある場合は、Sitecore**のリッチテキストエディター**に追加しなければなりません。このようにして、それらはドロップダウンメニューで利用可能です。エディターはHTMLビューに切り替えることなくコンテンツをスタイル化できます。

また、コンテンツ公開後の驚きを避けるために、リッチテキストエディター内の見た目にスタイルが反映されているか確認する必要があります。

![image2.png](https://doc.sitecore.com/api/markdown-image/sai/ja/developers/sitecoreai/images/image2.png)

ページにより複雑なHTMLコードが必要な場合は、複雑なHTMLをリ**ッチテキスト**欄に置くのではなく、[コンポーネントのクローン](https://doc.sitecore.com/sai/ja/developers/sitecoreai/content-modeling-and-presentation/sitecoreai-for-developers/content-editor-items/components/copy-and-customize-a-component.html "Copy and customize a component")作成、レンダリングバ[リアン](https://doc.sitecore.com/xp/en/developers/sxa/18/sitecore-experience-accelerator/en/create-a-rendering-variant.html)トの設定、[カスタムコンポーネントの作成](https://doc.sitecore.com/sai/ja/developers/sitecoreai/content-modeling-and-presentation/sitecoreai-for-developers/content-editor-items/components/walkthrough--building-a-simple-custom-component.html "Walkthrough: Building a simple custom component")を検討してください。