品牌化 SharePoint 2013 网站

• 下载源码 - 58.5 KB

引言

本文的目的是创建一个具有良好皮肤的网站，类似于下面的截图，而无需编写任何自定义代码。我只用了 3 到 4 个小时就创建了这个网站。因此它非常简单，并且可以根据您的需要自定义网页的内容。

背景

该站点是使用“项目站点”模板创建的。由于站点集的外观和风格组中没有提供大部分功能，因此我激活了发布功能。

如果您尚未使用发布功能站点模板，请按照以下步骤激活发布功能。

1. 为您的站点集激活 SharePoint Server Publishing Infrastructure 功能。
   • 单击“设置”菜单，然后从选项中选择“站点设置”。
   • 单击站点设置的“站点集管理”组中的“站点集功能”链接。

   

   • 单击 SharePoint Server Publishing Infrastructure 功能的“激活”按钮。

   

2. 为您的团队站点激活 SharePoint Server Publishing 功能。
   • 单击“设置菜单”，然后从选项中选择“站点设置”。
   • 单击站点设置页面的“站点操作组”中的“管理站点功能”链接。

   

   • 单击“SharePoint Server Publishing 功能”的“激活”按钮。

   

   以下 OOTB Web 部件用于开发此网站

   1. 自定义母版页
   2. 自定义样式表
   3. 内容编辑器 Web 部件
   4. 链接 Web 部件
   5. 新闻源 Web 部件

样式库

• 单击“设置”菜单，然后从选项中选择“站点内容”。

• 打开样式库并创建以下文件夹

  • 

• 将附加的“leftmenu.css”和“epmo.css”文件上传到样式库中的 CSS 文件夹。

• 将“logo”文件上传到 image 文件夹。

• 将“announcments.xsl”文件上传到 xsl 文件夹。

• 将“jquery.js”文件上传到 .js 文件夹。

自定义母版页

• 单击“设置”菜单，然后从选项中选择“站点设置”。
• 单击站点设置的“Web 设计器库”组中的“母版页和页面布局”链接。

• 下载 seattle.html 文件并将其保存在您的本地驱动器中

• 在 Visual Studio/记事本中打开“seattle.html”，现在根据您的需要自定义页面
• 现在打开附加的 CustomMasterPage.html 并将单词“dummy”替换为您的站点集 URL，并将其上传到母版页布局文件夹中
• 将“CustomMasterPage.html”发布为主要版本

自定义主页

• 转到站点内容 --> 页面库
• 上传附加的 homepage.aspx 页面
• 编辑页面，并在左侧添加内容编辑器 Web 部件
• 在框架的右侧添加链接 Web 部件和新源 Bard

自定义左侧导航菜单

• 单击“设置”菜单，然后从选项中选择“站点设置”。
• 单击站点设置的“外观和风格”组中的“树视图”链接。

• 选中“启用快速启动”选项并按确定。

• 导航到“站点内容”，您可以在左侧菜单中看到“编辑链接”选项
• 单击“编辑链接”，然后您可以根据您的需要自定义菜单，菜单的样式使用 leftmenu.css 文件进行更改。

历史

• 2016 年 6 月 30 日：初始版本