1. SXAのテーマ

テーマでHTMLインクルードを使用する

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

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

HTMLインクルードを使用すると、ページのHTMLにレンダリングするHTMLのチャンクを定義できます。これにより、外部フロントエンド資産を使用できるため、読み込み時間が短縮され、保守性が向上します。任意のHTMLを定義し、HTML内の使用可能な任意の場所にレンダリングするように設定できます。HTMLインクルードはSXAテーマ用に設定されており、コンポーネントに割り当てられた テーマと ページに割り当てられたテーマの両方に使用できます。

大事な

テーマにHTMLインクルードを使用する前に、HTMLインクルードを使用してもテーマを使用する既存のページの構造が壊れないように、HTML構造が正しいことを確認してください。

HTMLインクルードの作成

HTMLインクルードを使用する場合は、テーマ用に作成する必要があります。

SXAテーマのHTMLインクルードを作成するには:

  1. コンテンツエディターで、HTMLインクルードを作成するテーマ ( /sitecore/media library/Themes/Basic2など) に移動します。

  2. HTML Includesフォルダを右クリックし、HTML Includeを選択します。

    先端

    テーマにこのフォルダがまだない場合は、挿入オプションとして使用できるテンプレート /sitecore/templates/Foundation/Experience Accelerator/Theming/HTML Snippets/HTML Snippets Folderを使用して作成できます。

  3. インクルードにNameを付けます。

  4. 「 OK」をクリックします。

HTMLインクルードの設定

テーマを使用するページでHTMLインクルードを適切にレンダリングするには、HTMLインクルードを設定する必要があります。

HTMLインクルードを設定するには:

  1. コンテンツ エディターで、設定するHTMLインクルードに移動します。

  2. 「HTMLインクルード」のウィンドウで、「 HTML 」フィールドと「 Location 」フィールドを指定します。

畑

形容

HTMLの

HTMLのHTMLコンテンツには、link、script、divなどが含まれます。

場所

出力HTMLのどこにHTMLインクルードをレンダリングするかを指定します。 head、body-top、およびbody-bottomを指定できます。

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