Question

我的工作最近部署了Sharepoint，我现在正试图掌握它。

我希望能够完全自定义我的博客的外观，但我不知道从哪里开始。我浏览了一下微软的开发者网站，看起来他们有很多东西，但这一切看起来都比我现在要高得多。

我认为自己在CSS和Web开发方面经验丰富，是否有任何转化为sharepoint？我可以创建一个新的CSS文件并将一堆图像上传到商店并以这种方式更改我的“网站”的外观，还是更复杂？

我意识到这有点模糊，但我真的很感激一些指向“开始使用sharepoint而不是看起来很糟糕”的指南，或者是我真正希望实现的那种事情的一个例子。希望我的问题不是太高级别。

由于

Answer 1

使用SharePoint主题，它们的安装起初很棘手但是一旦你获得了良好的开发环境，你就可以在传统的“保存css文件中测试修改，按下F5”。

主题有这些优点：

不需要sharepoint designer

不需要更改主页并处理（非）重影（所有恐惧的总和）
可以应用于一个子网站，并拥有不同主题的其他子网站（请参阅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文件
下面＆lt; SPThemes ...＆gt;插入：


    <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');
```
保存所有内容，打开您的分享点：网站操作=＆gt;网站设置=＆gt;外观和感觉=＆gt;网站主题=＆gt;选择您的开发主题，然后点击应用
如果一切正常，您现在可以在您喜欢的编辑器中编辑C：\ SharepointThemes \ Theme1 \ theme.css，保存类似
```
* { color: red !important } 
```

并查看您网站上的更改。

在开发主题时也有一些重要的事情：不要创建文件夹来存储，比如说你的图像，使用同一文件夹中的所有内容以及代码本身使用相对时尚，比如 background：url（'image.png “）

ps1：由于file：// c：/文件夹，您只能看到对sharepoint站点所做的更改，如果您需要更多人在开发过程中查看更改，请设置他们都有权访问的网络路径，其余的都一样。

ps2：请记住，这是一个开发环境，要使您的主题成为一个实时主题，您需要创建另一个主题来存储用于更改网站视觉效果的所有内容。

该过程类似于创建THEMEDEV的过程，只需在所有配置中放置一个漂亮且一致的名称（文件夹名称，.INF名称，.INF内容，SPThemes.xml节点内容），将所有图像粘贴到主题文件夹，并将theme.css文件替换为您的内容。

Edit1：阅读上面的评论，现在你有一个“编辑+上传到FTP”类型的设置:)顺便说一句，这适用于MOSS和WSS（即使你不知道区别）。有关自定义sharepoint的更多信息，我昨天发了一篇关于更多选项的帖子：

Sharepoint: How to remove default core.css reference?

Answer 2

我喜欢将这篇文章作为SP品牌推广的起点：http://erikswenson.blogspot.com/2008/10/functional-sharepoint-branding-style.html

Answer 3

这取决于您是在谈论WSS 3.0站点还是MOSS站点。可以使用主题自定义WSS 3.0站点。自定义MOSS站点有点棘手，虽然您可以通过Central Admin添加SINGLE自定义CSS样式表 - 在这种情况下，您的自定义文件，图像等将被部署为功能。

关于我如何运作的最佳解释是cleverworkarounds.com网站上的六部分系列。

自定义sharepoint站点设计

3 个答案: