如何在SharePoint 2013博客中添加自定义段落样式?

时间:2014-02-19 08:09:05

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

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

Style selection

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

2 个答案:

答案 0 :(得分:4)

您正在寻找的是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;
}

两者之间的区别在于rteElementrteStyles,但一旦您查看屏幕截图,差异就会变得清晰:页面元素和文本样式。不同之处在于您使用一个元素来设置其样式,例如: H1,H2,SPAN,以及您使用另一个设置文本段落的样式 - SharePoint实际上会在文本周围添加span标记并为其指定样式。

足够的话,一些完整的博客文章可以帮助您入门:

答案 1 :(得分:0)

请尝试使用此代码进行自定义标题和文字

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

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