如何使用现有的线框主题将自己的CSS添加到Sitecore SXA自定义组件中？

Question

我正在尝试创建一个新的自定义组件，该组件可以与Sitecore SXA组件一起添加/修补，并且应该能够主要以Wireframe主题融入Sitecroe sxa的现有主题。我已经根据自定义要求创建了该组件，但是无法找到将自定义CSS和js文件与Sitecore SXA线框主题集成的方式。

我尝试通过将CSS与样式标签一起放在视图中来使用它，但是它不起作用。

我应该能够将自定义的css和js文件与sxa现有主题集成在一起，以便我的组件可以用作SXA组件的子部分。

Answer 1

您有两个选择来扩展现有的线框主题-都不应该修改现有的主题。一个好的通用经验法则是不要修改平台随附的文件/项目。这些选项是：

基于线框主题创建新的自定义主题。

您可以通过使用网站的上下文菜单并转到Scripts > New Site Theme来创建新主题。这将为您提供向导，为您的网站创建一个新主题。然后，您可以将Wireframe主题的子代复制到新的自定义主题中，并通过将适当的文件上载到媒体库中主题的文件夹中来更新CSS / JS。选择新主题作为您网站的主题。

Sitecore文档参考：https://doc.sitecore.com/developers/sxa/17/sitecore-experience-accelerator/en/create-a-custom-theme.html

扩展现有的线框主题。

SXA允许您创建主题扩展，以上传自己的样式和脚本。要创建主题扩展名，请转到Extension Themes的{​​{1}}部分，然后使用上下文菜单插入新的Media Library。然后，您可以将自定义CSS和JS文件添加到为其提供的文件夹结构中的主题扩展中。然后，您需要转到Extension Theme并转到/sitecore/System/Settings/Feature/Experience Accelerator/Page Content/Page Content Site Setup，将主题扩展名附加到线框主题。这将为您提供一个项目，以供您映射线框主题（选择为Insert > Attach Theme Extension）和主题扩展名（在{{1}下选择它）。现在，这会将您的主题扩展文件添加到Wireframe主题中，并且您的主题扩展文件将被视为主题的一部分。

Sitecore文档参考：https://doc.sitecore.com/developers/sxa/17/sitecore-experience-accelerator/en/extend-a-theme.html