Content management system 在Sitefinity 4.0中为模板布局/设计使用主文件

Content management system 在Sitefinity 4.0中为模板布局/设计使用主文件,content-management-system,master-pages,sitefinity,sitefinity-4,Content Management System,Master Pages,Sitefinity,Sitefinity 4,我有一个主模板,其中包含手工编码的HTML、JS和CSS(在3.7中使用),我想将其用作Sitefinity 4.0项目的模板,但我似乎不知道如何创建模板并使用主文件,而不是痛苦地拖放,一堆布局框和重新制作我所有的现有代码。虽然我可以在3.7版本的文件系统中将我的master放到项目中,但它似乎找不到它,或者允许我在4.0版本中使用它 具体来说,我似乎无法在HTML中获得正确的JS和CSS文件路径。Firebug表示服务器正在返回某些文件的“禁止”和“未找到”。您可以使用现有母版页,但是在4.0

我有一个主模板,其中包含手工编码的HTML、JS和CSS(在3.7中使用),我想将其用作Sitefinity 4.0项目的模板,但我似乎不知道如何创建模板并使用主文件,而不是痛苦地拖放,一堆布局框和重新制作我所有的现有代码。虽然我可以在3.7版本的文件系统中将我的master放到项目中,但它似乎找不到它,或者允许我在4.0版本中使用它


具体来说,我似乎无法在HTML中获得正确的JS和CSS文件路径。Firebug表示服务器正在返回某些文件的“禁止”和“未找到”。

您可以使用现有母版页,但是在4.0中,它们不会像在3.x中那样自动拾取。而是先创建一个设计模板,然后选择该母版作为基础。应该有“选择您自己的主文件”选项

以下是指向此文档的链接:


希望这是有帮助的

此外,如果要引用/App_数据文件夹中的文件,请注意需要将该文件夹保留在路径之外

例如:

<script type="text/javascript" src="/Sitefinity/WebSiteTemplates/THEMENAME/App_Themes/SKINNAME/js/script.js"></script>

与.master文件中使用的图片相同


希望这也能有所帮助。

Sitefinity有一个非常特殊的文件结构,用于实现利用母版页的自定义模板

  • 创建描述的文件结构
  • 完成后,确保所需的css包含在全局目录中的
    main.css/reset.css
    文件中,并将母版页上载到
    App\u master
    目录
  • 有了这些文件,您必须将CSS文件注册为主题
  • 转到
    管理>设置
    ,选择高级选项,然后从左侧菜单中选择
    外观>前端主题
  • 添加新主题,并提供包含主题的目录的路径(在提供的链接中,图像显示名为
    MyGreenTheme
    的主题的文件结构
    它的路径是:
    ~/App\u Data/Sitefinity/websitemplates/MyTemplate/App\u Themes/MyGreenTheme
  • 完成后,请创建一个新模板并浏览到App_主目录以选择您的母版页。在模板编辑器的右侧,单击主题并选择新注册的主题
图像可以通过

  • 通过css将背景图像应用于母版页中指定的容器,或
  • 通过从设计器后端将它们放到占位符中 如果选择使用前者而不是后者,请确保
    main.css
    reset.css
    文件中的图像路径与这些文件相关。(例如
    背景图像:url('../../Images/some_image.png';

    (请参见所提供链接中的文件结构图像以了解详细信息)

    作为补充说明,我发现通过visual studio添加的文件不是由Sitefinity拾取的,它们必须通过“管理”>“文件结构”通过后端添加。一旦通过后端添加,这些文件所做的任何更改都应在页面刷新后拾取

    此外,我还没有尝试在Sitefinity中包含任何Javascript/JQuery代码,但我的假设是该过程类似


    干杯!

    我遇到的问题是,它没有提供我的JS和CSS文件-我应该把它们放在哪里以及什么路径(相对或其他)我应该使用吗?根据您的环境,您可以将它们放在任意位置。理想情况下,您可以将css文件放在主题文件夹中,并注册该主题,以便它自动呈现它们。否则,您可以在任何位置包含对它们的引用,只要确保路径正确即可。例如,如果您将js放在“脚本”中在根目录下的文件夹中,引用它们,如src=“/Scripts/myscript.js”