テーマの拡張

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

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

SXAは、テーマを使用してサイトのルック アンド フィールを定義します。テーマは、サイトの機能やコンテンツとは別に作成できます。既存のテーマは、テーマ自体を変更せずに拡張できます。たとえば、選択したサイト機能に基づいて特定のテーマ機能を有効または無効にしたり、基本テーマやワイヤーフレーム テーマなどのSXAテーマを拡張したり、まったく新しいテーマを作成したり、SXAの更新のたびにスタイル、画像、JavaScriptを追加したりせずに既存のテーマを拡張したりします。

テーマを拡張するには、テーマ拡張を作成し、Attach Theme ExtensionまたはExtend Site Themeアクションを使用します。

テーマの拡張機能を作成する

テーマを変更する代わりにテーマ拡張機能を作成すると、必要な場所で拡張機能を柔軟に使用できます。たとえば、フッターとヘッダーで異なるスタイルを使用できるようにする場合などです。

テーマの拡張機能を作成するには:

  1. コンテンツ ツリーで、Media Libraryに移動して右クリックExtension Themesをクリックし、InsertをクリックしてExtension Themeをクリックします。

  2. 名前を入力し、OKをクリックします。

  3. これで、スタイルとメディアアイテムをアップロードできます。例えば、フッターのスタイルを変更するCSSファイルをアップロードするには、stylesフォルダーをクリックし、「 Upload File」をクリックします。

    メモ

    多くの異なるファイルをアップロードするには、Upload files (advanced)をクリックし、スタイルとアイテムを一括アップロードします。

  4. Upload Fileダイアログボックスで、「Choose File」をクリックし、追加するスタイルを選択して、「OK」をクリックします。

手記

バージョン管理されたメディア テンプレートは、Creative Exchangeやその他のSXA機能で問題が発生する可能性があるため、サポートされていません。

「サイト・テーマの拡張」アクションを使用したテーマの拡張

新しいテーマにテーマ拡張機能を使用するには、Extend Site Themeアクションを使用する必要があります。たとえば、新しいサイトを作成し、そのサイトで新しいサイト テーマを作成すると、テーマ拡張機能が選択されている機能にテーマ拡張機能が自動的に組み込まれます。

Extend Site Themeアクションを使用してテーマを拡張するには:

  1. System/Settings/Feature/Experience Acceleratorに移動し、拡張するフィーチャのSite Setupフォルダをクリックします。たとえば、ページコンテンツ機能などです。 Page Content Site Setupを右クリックし、Insertをクリックして、Extend Site Themeをクリックします。

  2. ExtensionセクションのExtension Themesフィールドで、拡張テーマを選択したフィールドに移動します。

  3. 変更を保存します。

    これで、ページコンテンツ機能を有効にし、Create new themeチェックボックスをオンにして新しいサイトを作成すると、テーマが拡張されます。

    この例では、ページコンテンツ機能に新しいフッタースタイルを追加しました。新しいサイトのページを作成し、そのページをエクスペリエンス エディターで開くと、更新されたフッターが表示されます。

    手記

    既存のサイトで拡張テーマを使用するには、テーマをサイト ページに割り当てる必要があります。

「テーマ拡張のアタッチ」アクションを使用したテーマの拡張

テーマ拡張機能を個別にデプロイするには、Attach Theme Extensionアクションを使用する必要があります。

Attach Theme Extensionアクションを使用してテーマ拡張機能を追加するには:

  1. System/Settings/Feature/Experience Acceleratorrに移動し、スタイルを追加するレンダリングをクリックします。例えば、新しいフッタースタイルを追加するには、Page Content Site Setupを右クリックし、「 Insert」をクリックし、「 AttachThemeExtension」をクリックします。

  2. ExtensionセクションのTheme that is extendedフィールドで、拡張機能を適用するテーマを選択したフィールドに移動します。たとえば、ワイヤーフレーム テーマなどです。

  3. ExtensionセクションのExtension Themesフィールドで、選択したフィールドに拡張テーマを移動できるようになりました。

  4. 変更を保存します。

    エクスペリエンス エディターでページを開くと、更新されたフッターが表示されます。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、