WordPress文章页H标签美化

热门标签

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

这几天德均把网站从商城转到WP来了,效果还不错,就折腾折腾,但老是感觉 h 标签好丑,于是就折腾修改了一下。
先说一下什么是H标签呢?

Heading标签也叫做H标签,HTML语言里一共有六种大小的heading 标签,是网页html 中对文本标题所进行的着重强调的一种标签,定义标题头的六个不同文字大小的tags,本质是为了呈现内容结构。共有六对,文字从大到小,依此显示重要性的递减,也就是权重依次降低。H标签,了解SEO的朋友都不陌生,包括了H1、H2、H3、H4、H5、H6等六个标签,含义是对页面上的内容做了最重要到最不重要的分层。其中,H1标签的等级最高,代表最重要,H6等级最低,代表最不重要。实际运用中,H1~H3用的比较频繁一些。以上这段概述,基本是多数朋友做网站SEO优化时,对H标签时的直观认识,并且多是单纯的将关键词嵌入H标签就完事了。但H标签真的就是这么用么?

效果:

主题H标签演示

WordPress文章页H标签美化
个人感觉还不错,那么关键如何美化文章页 h 标签呢?接下来跟我一起折腾吧

美化教程:

将下面 css 代码加到后台自定义代码里或者可以替换原来main.css里的 h2 标签样式。

/** 文章页 H 标签美化 **/
.article-content h1, .article-content h2{
	font-weight:bold; 
	margin:20px 0;
	border-bottom: 1px solid #FF0000;
	padding: 5px 12px;
	border-left: 4px solid #FF0000;
	margin:12px 0px;
}

怎么样 学会了吗?

WordPress文章页H标签美化

标签:

未经允许不得转载:作者:德均, 转载或复制请以 超链接形式 并注明出处 德均博客
原文地址:《WordPress文章页H标签美化》 发布于2019-01-05

分享到:
赞(2) 打赏
WordPress文章页H标签美化

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu3.3主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。