使用 SharePoint 主题,起初它们的安装很棘手,但一旦获得了良好的开发环境,您就可以在传统的“保存 css 文件,按 F5”中测试修改。
主题具有以下优点:
不需要共享点设计器
- 不需要更改母版页和处理(取消)重影(所有恐惧的总和)
- 可以应用于一个子网站,并拥有具有不同主题的其他子网站(请参阅 google 中的 gl-applytheme 以通过许多子网站大规模应用主题)
还有这些缺点:
- 您无法访问 HTML 更改,因为您需要母版页的爱(我不认为这是一个缺点,它通常存在于不同的场景中,并且也会使您在 css-zen 中提高您的 css 技能 -花园路)
- 主题一旦应用,就进入服务器内存——这意味着如果你改变你的主题文件夹,你需要回收应用程序池,应用一个不同的主题,然后应用你的主题,看看你忘记放的一个像素边框页脚。但对于这个特定问题,我有以下解决方案:
完成“主题设置”后,您将只能使用 CSS 和图像,并且可以使用您最喜欢的开发人员工具栏/Firebug 插件随意覆盖 SharePoint 中的任何类,以找到您想要更改的内容。
- 在文件夹 c:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES 创建一个名为 THEMEDEV 的文件夹
- 在新文件夹中,创建一个名为 theme.css 的文件和另一个名为 THEMEDEV.INF 的文件
- 在 .INF 文件中,粘贴以下内容:
[info]
title=THEMEDEV
codepage=65001
version=3.00
format=3.00
readonly=true
refcount=0
[titles]
1033=THEMEDEV
- 现在打开 c:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033 文件夹(1033 是您的语言代码,这是英文安装的默认设置)
- 编辑 SPTHEMES.XML 文件
- 在 下方插入:
<Templates>
<TemplateID>THEMEDEV</TemplateID>
<DisplayName>Development Theme</DisplayName>
<Description>Development Theme.</Description>
<Thumbnail>images/thnone.gif</Thumbnail>
<Preview>images/thnone.gif</Preview>
</Templates>
-
现在编辑您的 theme.css 文件,将导入添加到您最喜欢的 CSS 开发文件夹:
@import url('file:///C:/SharepointThemes/Theme1/theme.css');
保存所有内容,打开您的共享点:站点操作 => 站点设置 => 外观 => 站点主题 => 选择您的开发主题并点击应用
-
如果一切正常,您现在可以在您最喜欢的编辑器中编辑您的 C:\SharepointThemes\Theme1\theme.css,用类似的东西保存它
* { 颜色: red !important }
并查看您网站上的更改。
开发主题时也很重要的一点:不要创建文件夹来存储图片,使用同一个文件夹中的所有内容,并且在代码本身中使用相对的方式,例如 background: url('image.png ')
ps1:由于 file://c:/ 文件夹,只有您可以看到您对共享点站点所做的更改,如果您需要更多人在开发过程中查看更改,请设置他们都可以访问的网络路径,其余的都是一样的。
ps2:请记住,这是一个开发环境,要使您的主题成为实时主题,您需要创建另一个主题来存储用于更改网站视觉效果的所有内容。
该过程类似于创建 THEMEDEV 的过程,只需在所有配置中放置一个漂亮且一致的名称(文件夹名称、.INF 名称、.INF 内容、SPThemes.xml 节点内容),将所有图像粘贴到主题的文件夹并用您的内容替换theme.css 文件。
Edit1:阅读您上面的评论,现在您有了“编辑 + 上传到 FTP”类型的设置 :) 顺便说一下,这适用于 MOSS 和 WSS(即使您不知道区别)。有关自定义共享点的更多信息,我昨天发了一篇关于更多选项的帖子:
Sharepoint: How to remove default core.css reference?