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

Customization 如何使用现有的线框主题将自己的CSS添加到Sitecore SXA自定义组件?,customization,custom-component,sitecore9,sitecore-sxa,Customization,Custom Component,Sitecore9,Sitecore Sxa,我正在尝试创建一个新的自定义组件,该组件可以添加/修补Sitecore SXA组件,并且应该能够与Sitecroe SXA的现有主题(主要是线框主题)融为一体。我已经按照我们的定制要求创建了组件,但我无法找到如何将我的定制CSS和js文件与Sitecore SXA线框主题集成的方法 我试着用样式标签将CSS放在我的视图中,但它不起作用 我应该能够将我的自定义css和js文件与sxa现有主题集成,这样我的组件就可以用作sxa组件的子部分 有两个选项可以扩展现有的线框主题-这两个选项都不应修改现有主

我正在尝试创建一个新的自定义组件,该组件可以添加/修补Sitecore SXA组件,并且应该能够与Sitecroe SXA的现有主题(主要是线框主题)融为一体。我已经按照我们的定制要求创建了组件,但我无法找到如何将我的定制CSS和js文件与Sitecore SXA线框主题集成的方法

我试着用样式标签将CSS放在我的视图中,但它不起作用


我应该能够将我的自定义css和js文件与sxa现有主题集成,这样我的组件就可以用作sxa组件的子部分

有两个选项可以扩展现有的线框主题-这两个选项都不应修改现有主题。一个好的一般经验法则是不要修改平台附带的文件/项目。这些选择包括:

基于线框主题创建新的自定义主题。 您可以使用站点的上下文菜单并转到
Scripts>newsitetheme
创建新主题。这将为您提供一个向导来为您的站点创建新主题。然后,您可以将线框主题的子主题复制到新的自定义主题中,并通过将适当的文件上载到媒体库中主题的文件夹中,根据需要更新CSS/JS。选择新主题作为站点的主题

Sitecore文档参考:

扩展现有的线框主题。 SXA允许你创建一个主题扩展来上传你自己的风格和脚本。要创建主题扩展,请转到
媒体库
中的
扩展主题
部分,并使用关联菜单插入新的
扩展主题
。然后,您可以将自定义CSS和JS文件添加到它为您提供的文件夹结构中的主题扩展中。然后,您需要通过转到
/sitecore/System/Settings/Feature/Experience Accelerator/Page Content/Page Content Site Setup
Insert>attach theme extension
将主题扩展附加到线框主题。这将为您提供一个项目,用于映射线框主题(将其选择为扩展的
主题)和主题扩展(在
扩展主题下选择)。这将把你的主题扩展文件添加到线框主题中,你的主题扩展文件将被视为主题的一部分

Sitecore文档参考: