!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>WordPress文章页H标签美化(wordpress美化教程)

WordPress文章页H标签美化(wordpress美化教程)

使用WordPress默认的编辑器编辑文章时,我们常常喜欢使用默认的“一级标题”、“二级标题”等来为文章设置段落标题以更好地实现文章的层级结构。这些段落标题其实就是HTML中的一个个H标签,使用段落标题一方面可以有效地帮助网站访问者快速理解文章结构,获取文章主要内容;另一方面如果我们后期想为文章做个目录的话,使用H标签也可以方便我们后期自动生成目录。

WordPress文章页H标签美化(wordpress美化教程)

然而,WordPress的默认标签简直丑的不要不要的,之前我一直使用各种字体、颜色等方法调整标题样式,但是这样做不仅麻烦而且由于每次编辑的标题样式多少都会有些出入,不利于网站整体风格的统一,遂决定调整下标题的样式,调整完后的样式如下,其实也是模仿一些其他网站上的段落标题样式,给标题的侧边加了个色块。

WordPress文章页H标签美化(wordpress美化教程)

CSS样式代码:

对于跟我一样使用DUX主题的朋友们来说,直接将代码复制到主题后台选项自定义代码中即可,也可以在main.css文件中搜索 .article-content h1, .article-content h2 ,替换掉原有代码即可;其他主题用户可以将上述代码复制到主题主样式文件中去并做适当调整即可。

 

给TA打赏
共{{data.count}}人
人已打赏
网站运维

NS还是CNAME?这是一个问题!(ns是什么意思啊?)

2022-9-18 12:31:35

网站运维

Meta Slider—最受欢迎的WordPress幻灯片插件

2022-9-18 12:32:30

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 admin@s9h.cn 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索