佛利斯博客

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

退出移动版