Sitefinity 有一个非常具体的文件结构,对于实现利用母版页的自定义模板是必需的。
- 创建此处描述的文件结构。
- 完成后,请确保您所需的 css 包含在
main.css/reset.css
Global 目录中的文件中,并将您的母版页上传到该App_Master
目录。
- 有了这些文件,您必须将您的 CSS 文件注册为主题。
- 转到
Administration > Settings
,选择高级选项,然后Appearance > Frontend Themes
从左侧的菜单中进行选择。
- 添加一个新主题,并提供包含您的主题的目录的路径(在提供的链接中,图像显示了一个名为 的主题的文件结构
MyGreenTheme
。
它的路径是:)~/App_Data/Sitefinity/WebsiteTemplates/MyTemplate/App_Themes/MyGreenTheme
。
- 完成后,创建一个新模板并浏览到 App_Master 目录以选择您的母版页。在模板编辑器的右侧,单击主题并选择您新注册的主题。
图像可以通过
- 通过 css 将背景图像应用于母版页中指定的容器,或
- 通过将它们从设计器后端放入占位符中。
如果您选择使用前者而不是后者,请确保您的main.css
和reset.css
文件中的图像路径与这些文件相关。(例如background-image:url('../../Images/some_image.png';
)
(请参阅提供的链接中的文件结构图像以进行说明)
作为旁注,我发现通过 Visual Studio 添加的文件不会被 Sitefinity 拾取,它们必须通过后台通过转到管理 > 文件结构来添加。一旦通过后端添加,对这些文件所做的任何更改都应该在页面刷新后被拾取。
此外,我还没有尝试在 Sitefinity 中包含任何 Javascript/JQuery 代码,但我的假设是该过程是相似的。
干杯!