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了?