我正在尝试做的是在要构建的模板中包含我自己的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将广泛介绍如何应用主题/

10-08 11:48