テーマに含めるHTMLを使いましょう
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
HTML Includesでは、ページ内のHTMLにレンダリングしたいHTMLのチャンクを定義できます。これにより、外部フロントエンドのアセットを使えるため、ロード時間が速くなり、保守性も向上します。任意のHTMLを定義し、HTML内の任意の場所にレンダリングするように設定できます。HTMLインクルはSXAテーマ用に設定されており、コンポーネントに割り当て られたテーマと ページに割り当てられるテーマの両方に使えます。
!重要テーマにHTMLインクルーズを使う前に、HTML構造が正しく、HTMLインクルーズの使用が既存のテーマページの構造を壊さないようにしてください。
HTML作成 含める
HTMLインクルーズを使いたい場合は、テーマに合わせて作成する必要があります。
SXAテーマのHTMLインクルークを作成するには:
-
コンテンツエディターで、例えば /sitecore/media library/Themes/Basic2などで作成したいHTMLのテーマに移動します。
-
HTML Includeフォルダを右クリックし、「HTML Include」を選択してください。
!ヒントもしテーマにまだこのフォルダがない場合は、/ sitecore/templates/Foundation/Experience Accelerator/Theming/HTML Snippets/HTML Snippets Folderとしてこのテンプレートを使って作成できます。
-
インクルに 名前をつけましょう。
-
OKをクリックします。
HTMLの構成 インクル
HTMLインプリュズをテーマでページに正しく表示するには、設定が必要です。
HTMLの設定には以下が含まれます:
- コンテンツエディターで、設定したいHTMLインクラインへ移動します。
- HTML Includeのウィンドウで HTML と Location のフィールドを指定します。
フィールド
概要
HTML
あなたのHTMLのHTML内容には、例えば link、 script、 divが含まれます。
所在地
出力HTMLのどこに表示するかを指定しますHTML Include。 head、 body-top、 body-bottomできます。