1. ベストプラクティス

推奨事項:レンダリングの活用

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

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

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

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

ページレイアウトの大部分をレンダリングするために、Page Content、Page List、Promo、Rich Textなどの汎用レンダリングは避けてください。目的に合った正しいレンダリングを使いましょう。標準レンダリングをクローン し、そのレンダリングの目的を表す名前を付けることを検討してください。

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

  • ティーザー(ページコンテンツレンダリングのクローン)は、ページへのリンクを設定してコンテンツをティーラスするよう設定されています。

  • ハイライト やCall to Action (プロモレンダリングのシンプルなコピー)を使い、仕事に適したスタイルやレンダリングバリエーションのセットを提供します。

著者が編集したコンテンツにはRich Textレンダリングを使用しないでください

複雑なコンポーネントの場合は、HTMLの自由度を完全に提供できるため、Rich Textレンダリングの使用を検討してもよいでしょう。しかし、このコンテンツ追加方法は編集者にとって扱いが難しい場合があります。なぜなら、すべてのコンテンツ編集者がHTMLコードの編集方法を知っているわけではないからです。Rich Textレンダリングの代わりにクローンや バリアント を使うことを検討してみてください。

Rich Textレンダリングを使用する前に、以下の他の選択肢を検討してください:

  • コピー&カスタマイズ、SXAレンダリング(プロモレンダリングなど)も可能です。

  • より複雑な レンダリングバリアントを作成しましょう。こうすることで、レンダリングバリアントのコンポーネントマークアップを完全にコントロールしつつ、テキストや画像はエディターで編集可能にできます。これは視覚的なコンポーネントの推奨されるアプローチです。

Rich Textフィールドの内容が完全に編集可能であることを確認しましょう
注記

このセクションはContent EditorおよびExperience Editorにのみ適用され、Pagesには適用されません。

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

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

また、コンテンツ公開後の驚きを避けるために、Rich Text Editor内の見た目にスタイルが反映されているか確認してください。

ページにより複雑なHTMLコードが必要な場合は、複雑なHTMLをRich Textフィールドに置くのではなく、コンポーネントのクローン作成、レンダリングバリアントの設定、カスタムコンポーネントの作成を検討してください。

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