自定义“我的网站”母版页

重要:  本文是由机器翻译的,请参阅免责声明。请在 此处 中查找本文的英文版本以便参考。

母版页提供您的网站中所有页面的外观。通过更改母版页的样式或内容,您可以快速更改整个网站的外观。

本文介绍如何创建和修改现有“我的网站”母版页的副本,然后将新的或修改后的“我的网站”母版页应用到附加到此母版页的“我的网站”网站集内的所有页面。当您修改“我的网站”母版页时,所有用户都将在其“我的配置文件”页面上看到更改。

SharePoint 母版页简介中了解有关母版页的详细信息。

注意: 要按照本主题中的过程执行操作,您必须具有合适的权限。默认情况下,您必须是网站所有者组、设计者组或网站集管理员组的成员才能使用 SharePoint Designer 2010 打开 SharePoint Online 网站并自定义母版页。如果您是其中之一组的成员,但是看不到本主题中提到的选项,则您的 SharePoint Online 实施可能自定义为限制使用 SharePoint Designer 的用户。请与您的网站管理员联系以查明原因。

本文内容

概述:母版页定义页面布局

查看“我的网站”母版页

自定义或从头开始?

自定义“我的网站”母版页

创建“我的网站”母版页的副本

使用内容占位符控件

查找并修改内容占位符控件

使用样式

DIV 标记简化 CSS 使用

编辑母版页中的样式或创建自定义 CSS

概述:母版页定义页面布局

母版页定义 SharePoint 页面的通用布局和界面。

我的网站 母版页显示在我的网站,例如控件顶部的页面或网站标题导航页面页面时,将显示永久性元素。

这些元素都存储在“我的网站”母版页中。

SharePoint 中的“我的网站”和“我的配置文件”页面都作为网站上的内容页面处理。在浏览器中查看这些页面时,它们与“我的网站”母版页合并成一个连续的网页。

“我的网站”母版页显示永久性元素和布局,内容页则显示独特的、特定页面的内容。

查看“我的网站”母版页

  1. 在 SharePoint Designer 中打开根网站“我的网站”,例如,https://YourDomainName-my.sharepoint.com,然后单击导航窗格中的“母版页”。

  2. 单击“mysite.master”以在母版页样式库中查看摘要信息。

  3. 在功能区中单击“编辑文件”以打开母版页。

此操作将在 SharePoint Designer 2010 全屏页面编辑器中打开母版页。

在这里,您可以在“设计”视图、“拆分”视图或“代码”视图中编辑页面。借助设计时支持,您可以在自定义时看到母版页的外观。还有一些工具可供您用于自定义标签、样式、脚本和内容区域,如下所示:

当您打开“我的网站”母版页时,可以编辑该文件及其属性。

A多种功能,使其更轻松地创建和自定义母版页在 SharePoint Designer 2010 中的,不是已过去 ︰

  • 导航菜单包含一个“母版页”类别,让您可以直接进入网站上的母版页样式库。

  • 编辑母版页时,您可以使用新的页面编辑工具来插入和管理图层,或放置 DIV 标记;您还可以使用“标杆单击”选项快速找到这些图层和其他元素,为您在重叠图层间导航。

  • 当您创建新网站和 Web 部件页面时,它们会自动与主母版页关联,因此您不必每次都要手动关联它们。

自定义或从头开始?

要在 SharePoint 2010 网站中使用自定义“我的网站”母版页,您可以:

  • 自定义“我的网站”母版页 (mysite.master) 的副本,或者

  • 从头开始创建新的自定义“我的网站”母版页,并使其成为您的网站的“我的网站”母版页。

本文重点介绍第一种方法:自定义“我的网站”母版页的副本。

这两种方法都有优缺点。

当自定义 mysite.master 的副本时,    您可以使用现有 SharePoint 外观及其功能、品牌和设计元素,并对其进行自定义来满足您的需求。虽然尝试理解 mysite.master 页面中的一切内容的工作原理很困难,但这种方法对于最低限度的品牌打造或自定义工作(如更改 SharePoint 页面的标题)非常有帮助。

当创建空白的自定义“我的网站”母版页或使用初学者母版页    作为您的页面的基础,您可以从头开始创建整个设计。虽然这种方法具有挑战性,因为您需要知道如何在 SharePoint 中实施设计,但如果您清楚您正在尝试创建的设计并且即将完成现有计划和原型,那么这样也会更灵活。大部分空白的页面就像一张画布,让您首先构建您的设计,然后添加必需的 SharePoint 组件。

自定义“我的网站”母版页

要在 SharePoint Designer 2010 中自定义母版页,首先要从该网站本身或您的“开始”菜单打开 SharePoint Designer 2010。在 SharePoint Designer 2010 中打开您的网站,单击“导航”窗格中的“母版页”

对 SharePoint Online 企业版中的大多数网站,您会在母版页样式库中看到四个母版页:v4.masterminimal.masterdefault.master,如下所示。如果启用了“我的网站”,您还应看到 mysite.master 母版页。

SharePoint 2010 母版页列表。

创建“我的网站”母版页的副本

  1. 在 SharePoint Designer 中打开您的网站,然后导航窗格中的“母版页”。

  2. 右键单击“mysite.master”,然后按 Ctrl+P 将副本粘贴到母版页样式库。

  3. 单击“mysite_copy(1).master”以在母版页样式库中查看摘要信息。

  4. 在功能区中单击“编辑文件”以显示母版页。

这样将在 SharePoint Designer 2010 全屏页面编辑器中打开母版页,您可以在设计视图、拆分视图或代码视图中编辑该页面。借助设计时支持,您可以在自定义时看到母版页的外观。还有一些工具可供您导航和自定义标签、样式、脚本和内容区域,如下所示。

使用内容占位符控件

母版页和内容页使用一组可替换区域(也称内容占位符控件)协同工作。 每个内容占位符(在页面代码中显示为 ContentPlaceHolder)均表示可在母版页上覆盖的内容。 网站上的任何页面均可通过提供匹配的内容控件替换内容占位符中包含的任何内容。 该内容控件甚至可以是空的,这样可以将元素从呈现的页面上完全去除。

重要: 当您自定义母版页时,要避免删除内容占位符。 否则可能打乱一些页面甚至与母版页关联的网站。 最好只是隐藏这些控件,而不要删除。

您可以使用“管理内容区域”功能来找到页面上的每个内容占位符控件。在代码视图和 WYSIWYG 编辑器中都可以查看控件。

另一个特别重要的内容占位符是 PlaceHolderMain,因为这是在 Web 浏览器中查看每个页面时被该页面替换的内容。

当在浏览器中查看“我的网站”母版页时,PlaceHolderMain 控件将替换为各个内容页面。

您可以通过更改内容占位符控件的位置来改变 SharePoint 网站上的内容的布局。

有关使用内容占位符的详细信息,请参阅使用内容占位符控件

内容占位符控件是母版页上的一部分代码,与内容页面上的内容控件配合使用。内容占位符控件为页面上的该区域显示默认内容(如果控件为空则可以是无内容)。默认内容可被来自内容页面上的内容控件的唯一内容覆盖。

查找并修改内容占位符控件

按照以下步骤在 SharePoint 2010“我的网站”母版页上找到 PlaceHolderSiteName 内容占位符控件。

  1. 在 SharePoint Designer 2010 中打开您的网站,并在导航窗格中单击“母版页”。

    注意:  如果在导航窗格中没有看到“母版页”,则可能在 SharePoint 中已禁用。有关详细信息,请与网站管理员联系。有关详细信息,请参阅管理 SharePoint Designer 2010

  2. 在母版页样式库中,单击 mysite.master

  3. 在母版页摘要页面上,单击“编辑文件”。

  4. 如果系统提示您签出文件,请单击“”。

  5. 如果在设计视图中查看页面,您只需单击页面上的某个区域以查看提供该内容的内容占位符控件。

  6. 在内容区域列表中,选择 PlaceHolderSiteName,然后单击“转到”。然后单击“关闭”。在页面上选中了内容占位符控件,就像这样。

注意:  此占位符的标记属性默认情况下设置为 Visible=False。在 SharePoint Designer 2010 的拆分视图中,您可以选择标记,右键单击此标记,并在上下文菜单中选择出现的“标记属性”以查看值。


这将显示 PlaceHolderSiteName 控件的标记属性。

  1. 在这里,您可能会更改其设置、更改位置、应用不同样式等等。完成后,保存母版页。

  2. 如果收到警告表明更改将从网站定义中自定义页面,请选择“”。

注意:  默认情况下,SharePoint 页面与网站定义文件关联。当在 SharePoint Designer 2010 中自定义母版页时,它将不再与网站定义关联。这可能在将来执行 SharePoint 更新或升级时导致执行额外的管理工作,这就是为什么您看到此消息。如有必要,您始终可以将母版页重置为其网站定义。


您的更改将显示在附加到此母版页的每个页面上,除非那些页面直接进行了自定义。

使用样式

在母版页中更改样式的最快速简便的方法是将预定义主题应用到页面中。在 SharePoint Designer 中单击“网站设置”选项卡下“自定义”下方的“更改网站主题”链接,可以查看并应用可用主题。

但是如果要匹配公司的颜色、图形、文本格式和其他样式属性,您可能需要创建自己的自定义样式,并直接将它们添加到母版页,或者将它们放置在您附加到母版页的外部级联样式表 (CSS) 中。

DIV 标记简化 CSS 使用

SharePoint 2010 中的“我的网站”母版页使用 DIV 标记来定义页面上的块行元素和各个部分。与之前版本中使用的表标记相比,DIV 标记有许多优势。使用 DIV 标记,您将得到:

  • 使用 CSS 设计页面风格时更大的灵活性

  • 更少的标记

  • 更快的下载速度

  • 改进的搜索引擎优化

  • 改进的辅助功能支持

  • 改进的浏览器支持

有些情况下仍会使用 HTML 表,例如,当您或您的用户在页面上插入 Web 部件和其他 SharePoint 内容时。但要自定义母版页,您可以主要使用 DIV 标记来构建内容的结构。

自定义“我的网站”母版页时使用 DIV 标记

编辑母版页中的样式或创建自定义 CSS

要编辑样式,请单击“样式”菜单,然后从功能区上的选项中选择按所需方式使用 CSS。

您可以创建新样式然后应用,或使用功能区上的命令附加样式表。使用“管理样式”命令可按元素、顺序或类型对样式进行分类;仅显示页面或元素正在使用的样式,并查看样式的预览。

“我的网站”母版页上的“新建样式”对话框。

注意: 机器翻译免责声明:本文是由无人工介入的计算机系统翻译的。Microsoft 提供机器翻译是为了帮助非英语国家/地区用户方便阅读有关 Microsoft 产品、服务和技术的内容。由于机器翻译的原因,本文可能包含词汇、语法或文法方面的错误。

扩展你的技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×