SXAのテーマ

ベーステーマ は、Webサイトのレイアウトを事前に決定するプロトタイプテーマです。さまざまな設計哲学や特定の機能をサポートするために、いくつかの基本テーマを持つことができます。

基本テーマのProtected Themeチェックボックスを選択したままにします。「Protected Theme」チェックボックスをオンにすると、テーマはSitecore.XA.Feature.CreativeExchange.configの <restrictedLocations> 設定に追加され、Creative Exchangeを使用して再度インポートしたときにCSS/JSへの変更は反映されません。

基本テーマは、メディアライブラリに保存されます。 /sitecore/Media Library/Base Themes。

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

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

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

次の表では、サイト テーマのフォルダーについて説明します。

スクリプトとスタイルに事前最適化を使用する場合、テーマのスタイルとスクリプトフォルダーにはpre-optimized-minファイルのみが含まれ、ソースアセットは含まれません。

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

イメージプレースホルダーにモックイメージを使用する場合は、Wireframe Imageセクションに移動し、次のフィールドを指定します。

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

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

次の表では、Basic2テーマのフォルダについて説明します。