修改Bo-Blog模版给页面加入H1,H2,H3标签

Bo-Blog中大部分模版都是自带H4,H5标签，比如文章标题就是H4，而分类标题则是H5，我们只需要修改一下style.css文件和elements.php文件将H4, H5 标签改为H2, H3 即可。

不知道什么是H1,H2,H3的请先去补习功课
SEO for Bo-Blog 不完全手册
如何正确的在页面中使用 H1,H2,H3 标签

因为我的网站标题是图片，所以没有用H1标签，改H1标签的方法其实和我们改H2, H3 标签的方法一样。

H2,H3 修改位置说明

文章标题改为H2
分类标题改为H3

修改方法：

用EditPlus 打开Elements.php 文件

找到

.textbox-title h4{
color:#135E93;
margin:0px 0px 2px;
font:normal 18px/120% "Microsoft YaHei","宋体","Segoe UI",Tahoma,Arial;
padding-bottom:3px;
}
.textbox-title h4 a {
color:#135E93;
text-decoration:none;
}
.textbox-title h4 a:hover {
color:#135E93;
text-decoration:none;
border-bottom:2px solid #135E93;
}

将所有的H4改为H2

.textbox-title h2{
color:#135E93;
margin:0px 0px 2px;
font:normal 18px/120% "Microsoft YaHei","宋体","Segoe UI",Tahoma,Arial;
padding-bottom:3px;
}
.textbox-title h2 a {
color:#135E93;
text-decoration:none;
}
.textbox-title h2 a:hover {
color:#135E93;
text-decoration:none;
border-bottom:2px solid #135E93;
}

再寻找H5

.panel h5 {
font:normal 16px/100% "Microsoft YaHei","宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
margin:20px 0px 2px;
border-bottom:1px solid #D8E6F8;
}

由于评论也是由H5做成的，我们不去动H5，只要在H5下边添加一个H3就可以了

.panel h3 {
font:normal 16px/100% "Microsoft YaHei","宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
margin:20px 0px 2px;
border-bottom:1px solid #D8E6F8;
}

现在再打开elements.php

找到所有的H4，将其改为H2，大概有10个左右

再找到

{title}

将H5改为H3即可

{title}

现在回到后台刷新缓存，回到首页，查看源代码，看看分类和文章标题是不是已经变为H2,H3了？