如何在我的 SharePoint 2013 博客中添加自定义段落样式？答案

【问题标题】：How to add a custom paragraph style in my SharePoint 2013 blog?如何在我的 SharePoint 2013 博客中添加自定义段落样式？
【发布时间】：2014-03-19 10:20:55
【问题描述】：

我有一个 Share Point 2013 网站和一个博客。由于我的帖子将包含许多特殊的文本内容，因此我需要添加更多将在所有帖子中使用的样式。通常，所有样式都会在创建新帖子时出现在顶部功能区栏中。

如何在 Share Point Designer 2013 中添加新样式？我需要做什么？

【问题讨论】：

标签： asp.net css sharepoint sharepoint-2013 sharepoint-designer

【解决方案1】：

您正在寻找的是 SharePoint RichText 编辑器的自定义样式。好消息是您只需添加一些自定义 CSS，SharePoint 就会神奇地呈现新的文本样式。如果您有自定义母版页或仅在某处指定备用 CSS，您也可以使用 SharePoint Designer 执行此操作。

“神奇”的 CSS 类似于以下内容：

.ms-rteStyle-MySpecialStyle {
    -ms-name: "My special style";
    font-style: bold;
    color: red;
}
h2.ms-rteElement-SpecialHeading{
    -ms-name: "Special Heading";
    font-style: bold;
    color: green;
}

两者之间的区别在于rteElement 与rteStyles，但是一旦您查看您的屏幕截图，区别就会变得很明显：页面元素和文本样式。不同之处在于您使用一个来设置特定 elements 的样式，例如H1、H2、SPAN，并且您与另一个设置文本段落的样式 - SharePoint 实际上在文本周围添加了一个 span 标记并将其指定为您的样式。

字数不多，几篇完整的博客文章可以帮助您入门：

【讨论】：

非常好的答案...但我在我的网站中找不到布局页面...如何添加？我不得不把它放在母版页....
布局页面是什么意思？正如我在答案中提到的那样，madter 页面是正确的方法，或者将其放入您网站的 CustomCSS 中
是的，对不起，它在您提供的三个链接列表中的第一个链接中...我去了母版页，没关系，但我想使用第一个建议的布局页链接...但无法创建布局页面，也许我应该问另一个问题...

【解决方案2】：

请尝试使用此代码自定义标题和文本

h2.ms-rteStyle-customHeading
{-ms-name:"custom heading";
 color:gray;  }

.ms-rteElement-customTest 
-ms-name:"customize text";
{color:black; }

【讨论】：