WordPress仿知更鸟评论等级样式

前言

博主一直都对知更鸟主题“情有独钟”,但是身为学生党的我买不起那么昂贵的主题,所以我就自己DIY。

最近在访问知更鸟的站点时,无意中发现他的评论等级样式还挺好看的,用的是fontawesome字体,然后加上等级数字,然后再根据不同的等级显示不同的颜色,昨晚我就利用休息的时间,然后把本站的评论等级样式替换了,附上截图一张:
WordPress仿知更鸟评论等级样式

添加函数文件

在主题的functions.php中添加如下代码:

然后找到如下代码:

在这段代码的后面加上:

另类解决方案

如果上面的方法不适合你的,你可以直接在主题的functions.php函数文件里面添加如下代码:

添加CSS样式

然后在主题的style.css中添加如下代码:

后记

如果主题附带的有背景定位的等级样式,需要将原来的函数代码以及CSS样式注释或者删除(当然也可以在这个上面进行修改)之后再进行操作,否则页面将会和预想的会不一样的。若在途中遇见什么问题,可以在下方评论或者联系博主,我会在看见的第一时间给你解答。

    A+
所属分类:WordPress

发表评论

请在下方填写评论信息

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

表情 粗体 斜体 图片 引用 链接 删除线 下划线 插代码 签到

目前评论:59   其中:访客  50   博主  9

  1. avatar Yun 1  来自天朝的朋友 谷歌浏览器 Windows 7 四川省南充市 联通

    可以

  2. avatar QQ98789 0  来自天朝的朋友 谷歌浏览器  Android 6.0.1 Redmi Note 3 Build/MMB29M 北京市 北京电信互联网数据中心

    :roll: 厉害了

  3. avatar 我不是演员丶 1  来自天朝的朋友 谷歌浏览器 Windows 7 江苏省无锡市 电信

    楼主,为啥我只有在提交评论的时候才会出现,一刷新页面就没有了,我用的ajax提交评论的,有关系吗,有解决方法吗,求教,谢谢!

    • avatar 憧憬Licoy 博主  来自天朝的朋友 谷歌浏览器 Windows 7 四川省成都市双流县 电信

      @我不是演员丶 请将你的站点地址告知一下,我帮你看看

      • avatar 我不是演员丶 1  来自天朝的朋友 谷歌浏览器 Windows 7 江苏省无锡市 电信

        @憧憬Licoy 小站 jdeal.cn,初建,麻烦了,谢谢

      • avatar 我不是演员丶 1  来自天朝的朋友 谷歌浏览器 Windows 7 江苏省无锡市 电信

        @憧憬Licoy 可以加下你Q吗

  4. avatar 怪咖小青年 1  来自天朝的朋友 谷歌浏览器  Android 7.0 MZ-M5 Note Build/MRA58K 江苏省南京市 联通

    我很好奇你的签到还有这个评论等级这些怎么搞的