SXA テーマ

ベース テーマは、Web サイトのレイアウトをあらかじめ決定するプロトタイプのテーマです。さまざまなデザインの考え方や特定の機能をサポートするために、いくつかのベース テーマを設定できます。

ベース テーマの [保護されたテーマ] チェックボックスはオンのままにしてください。[保護されたテーマ] チェックボックスがオンになっている場合、テーマはSitecore.XA.Feature.CreativeExchange.config の <restrictedLocations> 設定に追加され、CSS/JS への変更は、Creative Exchange を使用してインポートし直したときに反映されません。

ベース テーマは、メディア ライブラリの /sitecore/メディア ライブラリ/Base Themes に保存されます。

サイト テーマはベース テーマの拡張であり、特定のサイトに適用できます。サイト テーマは通常、ベース テーマに依存しており、サイトで使用されるすべてのレンダリングのスクリプトとスタイルが含まれています。テーマ内の CSS および JavaScript ファイルは、一度に 1 つのレンダリングを処理するチャンクに分割されます。

サイト テーマごとに、テーマの基本的な特性とプロパティを定義するベース テーマを選択する必要があります。すべてのテーマには、グリッド テーマも必要です。SXA テーマは多重継承をサポートします。これは、単一のテーマごとに複数の親テーマを定義できることを意味します。選択したベース テーマの順序は重要です。新しいテーマを追加したり、順序を変更したりするときは注意してください。たとえば、SearchTheme が Core Libraries にある jquery ライブラリに依存している場合、SearchTheme が他のテーマの後に読み込まれることを確認する必要があります。

デフォルトでは、テーマにはフォント、画像、スクリプト、およびスタイルのフォルダーが含まれています。

次の表は、サイト テーマのフォルダーを示しています。

スクリプトとスタイルに事前最適化を使用する場合は、テーマのスタイルとスクリプト フォルダーには、ソース アセットではなく、pre-optimized-min ファイルのみ含めてください。

SXA には、サイトをすばやく設定するのに役立つワイヤーフレームという名前のデフォルトのサイト テーマが付属しています。ワイヤーフレーム テーマを使用してサイトを構築することができ、ベース テーマは Creative Exchange を使用してクリエイティブ エージェンシーに送信されます。ワイヤーフレーム テーマを、フロントエンド開発者によって準備されたサイト テーマと交換できます。

画像のプレースホルダーでモック画像を使用する場合は、[ワイヤーフレーム画像] セクションに移動して、次のフィールドに入力します。

新しいサイトを作成し、新しいテーマを作成することを選択した場合、このテーマは Basic2 テーマのコピーになります。すぐに使用できるこのテーマには、直接編集してはならない事前最適化ファイルが含まれています。このテーマのコンテンツは、サイト用に作成するテーマのプレースホルダーにすぎません。

ブランディングに取り組むためのテーマを準備するには、 SXA CLI コマンド ライン ツールを使用します。

次の表は、Basic2 テーマのフォルダーを示しています。