【问题标题】:customising sharepoint site design自定义共享点网站设计
【发布时间】:2010-10-12 21:42:54
【问题描述】:

我的工作最近部署了 Sharepoint,我目前正在努力掌握它。

我希望能够完全自定义我的博客的外观,但我不知道从哪里开始。我浏览了微软的开发者网站,看起来他们确实有很多东西,但似乎都比我现在的水平高得多。

我认为自己在 CSS 和 Web 开发方面非常有经验,这是否可以转化为共享点?我可以创建一个新的 CSS 文件并将一堆图像上传到商店并以这种方式更改我的“网站”的外观,还是更复杂?

我意识到这有点含糊,但我真的很感激一些指向“让 sharepoint 看起来不那么糟糕的入门”指南或我实际上希望实现的那种事情的示例。希望我的问题不是太高级。

谢谢

【问题讨论】:

    标签: css sharepoint


    【解决方案1】:

    使用 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?

    【讨论】:

    • 这真的很棒,感谢 F.Aquino。我无权访问共享点服务器,但我将尝试为其进行协商。我喜欢在学习的同时能够在本地机器上工作的想法。我会去的。
    【解决方案2】:

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

    【讨论】:

    • 感谢zincorp,这看起来很有趣,让我很好地了解了实际可行的方法。想知道您是否有任何中间步骤的资源 - 我如何实际应用备用样式表?我似乎在任何地方都找不到它作为一个选项!
    【解决方案3】:

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

    我所遇到的关于其工作原理的最佳解释是cleverworkarounds.com 网站上的六部分系列。

    【讨论】:

    • 谢谢你,它看起来很棒,我会开始努力完成它!不确定 WSS 和 MOSS 之间的区别是什么,目前,我只想更改单个站点的外观,而不是整个 sharepoint 的东西。希望这能让我开始。
    • 一件事:使用 SharePoint Designer 2007 处理 CSS,但不要使用它来保存更改;将您的工作复制到 VS 并部署为“功能”。祝你好运!
    • urg,这所以不像制作漂亮的 CSS 文件并通过 FTP 上传它们! VS = 视觉工作室?我确实下载了共享点设计器,但还没有安装它。愚蠢地希望我可以在dreamweaver中将一个CSS文件拼凑在一起,然后以某种方式将它喷到服务器上!感谢爱尔兰酋长的帮助
    • 没有问题 - SP 的定制是一个 PITA! SD2007 将更改推送到容易被 Windows 更新覆盖的文件目录。推荐的做法是使用 Visual Studio 将自定义包装为功能(可以通过 Central Admin 激活) - 然后将其部署为解决方案包。肯定会涉及到一些学习曲线——作为一名开发人员/设计师,我必须学习大量令人不舒服的管理知识,因为我必须自己做这件事。不要放弃! ;-)
    猜你喜欢
    • 2010-12-10
    • 2011-10-24
    • 2013-11-16
    • 2011-04-29
    • 2014-08-20
    • 2011-02-21
    • 2011-04-30
    • 1970-01-01
    相关资源
    最近更新 更多