我正在尝试做的是在要构建的模板中包含我自己的style.css文件。在Visual Studio中,我打开了~/Template/App_Themes/Global/cssLoadOrder.xml
并按我希望它们出现在页面中的顺序排列了CSS文件。但是,当我将模板上传到Sitefinity时,cssLoadOrder.xml
中的CSS文件都不会出现在生成的HTML中的任何位置。
在5.2中,来自cssLoadOrder.xml
的CSS文件被附加到<head>
的末尾。
在5.3中,唯一附加到<head>
末尾的是<link href="/Default2/Telerik.Web.UI.WebResource.axd?...">
,而忽略了cssLoadOrder.xml
中的CSS文件。
如何链接到我自己的CSS以及从加载中删除默认的Reset.css
文件?
最佳答案
在v5.2-v5.3之间,功能或过程没有变化,因此添加新主题的正常工作流程仍然可以正常工作。
从应用程序的根目录使用以下文件夹结构创建一个新主题:
\ App_Data \ Sitefinity \ WebsiteTemplates \ MyTheme \ App_Themes \ MyTheme1
在MyTheme1文件夹中,添加3个文件夹(全局,样式和图像)。
使用以下示例cssLoadOrder.xml添加名为cssLoadOrder.xml的文件
其中sfnormalize.min.css和sfproject.min.css是您的CSS文件的名称。
登录到Sitefinity的后端并转到
管理>>设置>>高级>>外观>>前端主题
选择新建,然后填写以下字段:
名称:MyTheme1
路径:〜/ App_Data / Sitefinity / WebsiteTemplates / MyTheme1 / App_Themes / MyTheme1
注销(并循环使用以避免缓存问题)。
登录到Sitefinity的后端并转到
设计>>页面模板
选择页面正在使用的模板,然后单击它进行编辑。
在屏幕的右上角,单击“主题”按钮,然后从下拉列表中选择“ MyTheme1”。
有关渲染源的屏幕截图,请click here。
这些步骤可能很麻烦,因此,可以选择使用免费的Sitefinity Thunder扩展(download link)
安装和设置后,只需在VisualStudio中打开解决方案,然后选择“项目” >>“添加新项”。在那里,您会发现几种Sitefinity类型,包括Sitefinity主题。
这将自动执行步骤1至6,剩下要做的就是将新主题应用于您喜欢的任何模板(步骤7-9)。
如果您想了解更多有关该主题的信息,official documentation将广泛介绍如何应用主题/