WordPress文章内H标签美化

因为觉着博客文章的小标题太单一,不美观,影响页面排版的心情,所以我们就需要对H标签进行一下美化。

美化代码

/*H标签美化代码*/
.entry-content h5{/*类选择器*/
    font-size:10px;/*字体大小*/
    font-weight:bold;/*字体加粗,值可以为数字也可以为bold(加粗)*/
    color: #f1e40f;/*字体内容颜色*/
    background-color: #fefeea;/*背景颜色*/
    border-bottom: 1px solid;/*下边框样式:1px为宽度,solid边框样式(有很多样式具体自己查吧),后边还可以加上具体颜色*/
    padding使用方法一样: 5px 15px;/*内边距属性:5px为上内边距和下内边距,15px为右内边距和左内边距也可以单独写,具体为:上右下左*/
    border-left: 5px solid;/*左边框的样式:和上边的border-bottom使用方法一样*/
    margin:18px 0px;/*外边距属性:和上边的padding使用方法一样*/
    overflow: hidden;/*当内容显示的内容超出时怎么办:hidden(隐藏超出部分),还有其他的值,自己查一下*/
}

美化代码带有相应的注释,大家可以按照自己的需求去改动各个选项。

使用方法

  • 现在大多数主题在设置里会有自定义css的选项,这种情况只需要把美化代码复制到自定义css代码框中保存就可以生效了。
  • 对于没有自定义css功能的主题,我们需要去修改主题文件夹css目录下的main.css文件,找到文件中要改动的标签属性进行修改即可。

人已赞赏
WordPress美化

WordPress美化 - 标签云彩色美化

2020-7-31 10:38:22

WordPress美化

WordPress美化 - 为新文章添加new标识

2020-8-5 8:32:40

⚠️
恩月阁文章由星九进行编写或整理,部分内容来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
若无意中侵害到您的权益,请发送邮件至 xingjiu@nuue.cn 或点击右侧 私信:星九 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索