WordPressH1-H5标题美化
之前在网上闲逛时无意间看的钻芒的一篇文章，觉得wordpress标题蛮好看的，凭着厚脸无耻的精神把CSS样式给搬运过来了，个人觉得方方正正的标题确实蛮好看的。
好了，进入正题 ，其实很简单，改变主题自身的H标签样式即可，把CSS样式插入到主题style.css文件内，如果直接插入有的主题没效果，原因是每个主题CSS样式不同，查询主题CSS样式进行替换，是这个.post-content短码，替换自己主题CSS类（每个都要替换），除非和我的CSS类样式一样，哈哈哈~
网站用好H标签一方面，可以有效地帮助网站访问者快速理解文章结构，获取文章主要内容等等；另一方面如果我们后期想为文章做个目录的话，使用H标签也可以方便我们后期自动生成目录。
H标签页可以更鲜明的掌控文章权重，有利于SEO优化。
- 效果如下图：
CSS样式代码：
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5
.post-content h1 {
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
border-bottom: 0px solid red;
padding: 5px 12px;
border-left: 5px solid red;
margin: 12px 0px;
border-radius: 0rem;
}
.post-content h2 {
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
border-bottom: 0px solid #FF1493;
padding: 5px 12px;
border-left: 5px solid #FF1493;
border-radius: 0rem;
margin: 12px 0px;
}
.post-content h3 {
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
border-bottom: 0px solid #4169E1;
padding: 5px 12px;
border-left: 5px solid #4169E1;
margin: 12px 0px;
border-radius: 0rem;
}
.post-content h4 {
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
border-bottom: 0px solid #3CB371;
padding: 5px 12px;
border-left: 5px solid #3CB371;
margin: 12px 0px;
border-radius: 0rem;
}
.post-content h5 {
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
border-bottom: 0px solid #FFC0CB;
padding: 5px 12px;
border-left: 5px solid #FFC0CB;
margin: 12px 0px;
border-radius: 0rem;
}
相应的H标签有对应相应颜色，可以根据自己进行修改，使用方法只在在你主题里的Style.css替换相应样式即可。
另外：
border-radius: 0rem;这一行是更改样式圆角因为我标题方方愣愣的觉得挺好看的。你们可以自行添加圆角数值即可或者也可以删去这行。
