知更鸟主题美化评论“沙发板凳地板”添加背景色

  • 6
  • 155 views
  • A+
所属分类:wordpress主题

相信我们都会有这么一个习惯,就是在看到好的文章内容时都会想忍不住的评论一番,再者就是如果自己感觉内容不错的同时也想和他人一起分享。

知更鸟主题美化评论“沙发板凳地板”添加背景色

然而我们在评论他人文章时更希望占到前三位的位置,就像我们做网站SEO关键词排名时,也希望我们的关键词能在百度有个更好的排名,当然能进前三最好。这样一来不仅比较显眼的同时,还可以获取更多的关注与点击。

而我们的评论区也一样,一般来说都会有沙发、板凳、地板之说,或许我这样说大家可能会觉得有点枯燥,先看效果吧,效果如下图:

知更鸟主题美化评论“沙发板凳地板”添加背景色

在这里叶忠文用的时知更鸟Begin主题,其他WP主题本人不敢担保能够与百分百的效果体现,但如果不怕折腾的朋友们也可以尽情的试试。操作方法如下:

找到主题目录inc/comment-template.php文件,搜索“沙发”。找到如下代码

  1. case 0 :echo " " . sprintf(__( '沙发', 'begin' )) . "";++$commentcount;break;
  2. case 1 :echo " " . sprintf(__( '板凳', 'begin' )) . "";++$commentcount;break;
  3. case 2 :echo " " . sprintf(__( '地板', 'begin' )) . "";++$commentcount;break;

修改成

  1. case 0 :echo '&nbsp;<span class="pinglunqs plshafa">沙发</span>';++$commentcount;break;
  2. case 1 :echo '&nbsp;<span class="pinglunqs plbandeng">板凳</span>';++$commentcount;break;
  3. case 2 :echo '&nbsp;<span class="pinglunqs pldiban">地板</span>';++$commentcount;break;

 

然后在Style.css文件里添加如下代码!

.pinglunqs{color:#fff;padding:0px 8px;border-radius:8px}.plshafa{background:#fd5d3c}.plbandeng{background:#d270fb}.pldiban{background:#9cf}

 

完成之后找到一篇有被评论过的内容里面去缓存刷新一下便可看到效果了! :grin: :grin: :grin:

Joson

发表评论

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

目前评论:6   其中:访客  3   博主  3

    • 林三 林三 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省 电信 1

      挺好的,小修小改,生机盎然,哈哈!

        • Joson Joson  博主 来自天朝的朋友 谷歌浏览器 Windows 7 广东省东莞市 电信

          @林三 你也可以尝试下!

        • 袋装水之家 袋装水之家 来自天朝的朋友 谷歌浏览器 Windows 10 上海市 电信 2

          学习了,板凳,请问博主,你的标签样式是如何优化的

            • Joson Joson  博主 来自天朝的朋友 谷歌浏览器 Windows 7 广东省东莞市 电信

              @袋装水之家 这个是我在星光博客看到优化方法的,具体你可以看这个链接 https://www.xgboke.com/199.html 有一些美化自己没有更新出来!

                • 袋装水之家 袋装水之家 来自天朝的朋友 谷歌浏览器 Windows 10 上海市 电信 2

                  @Joson 好的,谢谢你

                    • Joson Joson  博主 来自天朝的朋友 谷歌浏览器 Windows 7 广东省东莞市 电信

                      @袋装水之家 不客气!