推奨事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SXAには、モジュール化されたコンポーネントベースの設計を保証するために、あらかじめ定義されたレンダリングおよびレンダリングバリアントのライブラリが付属しています。カスタムレンダリング(バリアント)を作成することも可能です。レンダリングを賢く活用することで、作業をより効率的に進めることができます。
作業に適したレンダリングを使いましょう
ページレイアウトの大部分をレンダリングするために、ページコンテンツ、ページリスト、プロモーション、リッチテキストなどの汎用レンダリングは避けてください。目的に合った正しいレンダリングを使いましょう。標準レンダリングをクローン し、そのレンダリングの目的を表す名前を付けることを検討してください。
例えば、以下のデフォルトのレンダリングクローンの名前は、ビジネスユーザーがその目的を即座に理解しやすくします。
- ティーザー(ページコンテンツレンダリングのクローン)は、ページへのリンクを設定してコンテンツをティーラスするよう設定されています。
- ハイライト や Call to Action (プロモレンダリングのシンプルなコピー)を使い、仕事に適したスタイルやレンダリングバリエーションのセットを提供します。
著者が編集したコンテンツにはリッチテキストレンダリングを使用しないでください
複雑なコンポーネントの場合は、リッチテキストレンダリングを使うのも良いでしょう。HTMLの配置に完全な自由度が提供されるからです。しかし、このコンテンツ追加方法は編集者にとって扱いが難しい場合があります。なぜなら、すべてのコンテンツ編集者がHTMLコードの編集方法を知っているわけではないからです。リッチテキストレンダリングの代わりにクローンや バリアント を使うことを検討してください。
リッチテキストレンダリングを使用する前に、以下の他の選択肢を検討してください:
- コピー&カスタマイズ、SXAレンダリング(プロモレンダリングなど)も可能です。
- より複雑な レンダリングバリアントを作成しましょう。こうすることで、レンダリングバリアントのコンポーネントマークアップを完全にコントロールしつつ、テキストや画像はエディターで編集可能にできます。これは視覚的なコンポーネントの推奨されるアプローチです。
リッチテキストフィールドの内容が完全に編集可能であることを確認しましょう
!注このセクションはコンテンツエディターにのみ適用され、ページビルダーには適用されません。
サイト展開後にマーケターが維持することが期待されるテキストを提供する際は、WYSIWYGエディターで維持できないマークアップやクラスを入れ て はいけません。
もしエディターがテキスト要素(テーマ内で特定のスタイルでスタイリングする必要がある)にクラスを付ける必要がある場合は、Sitecoreのリッチテキストエディターに追加しなければなりません。このようにして、それらはドロップダウンメニューで利用可能です。エディターはHTMLビューに切り替えることなくコンテンツをスタイル化できます。
また、コンテンツ公開後の驚きを避けるために、リッチテキストエディター内の見た目にスタイルが反映されているか確認する必要があります。
ページにより複雑なHTMLコードが必要な場合は、複雑なHTMLをリッチテキスト欄に置くのではなく、コンポーネントのクローン作成、レンダリングバリアントの設定、カスタムコンポーネントの作成を検討してください。