给评论“沙发”添加背景颜色

2017年5月10日13:31:11 7 325

给评论“沙发”添加背景颜色

前两天有个人问我我的评论列表沙发有背景颜色怎么弄。这个我也是醉了。

非常简单的一个F12都不会。

好吧下面把代码贴出来，给小白使用吧，高手别喷。

 

第一步：

找到 wp-content/themes/begin/inc/function/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里添加如下代码展开

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

OK，刷新缓存。看看是不是又了。

weinxin
我的微信
这是我的微信扫一扫

发表评论

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

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

目前评论：7   其中：访客  5   博主  2

    • avatar 今非昔比 来自天朝的朋友 QQ浏览器 Windows 10广东省 电信 1
      回复 2017年8月14日 21:47  5楼

      感谢大佬分享 :wink:

      • avatar 九哥 来自天朝的朋友 Safari浏览器 iPad OS 9_3_2 like Mac OS X) AppleWebKit云南省昭通市 电信 2
        回复 2017年7月15日 22:51  4楼

        感谢分享，拿走了！

        • avatar 纯洁博客 来自天朝的朋友 谷歌浏览器 Windows 10重庆市 联通 2
          回复 2017年5月29日 16:15  地板

          懒得折腾这些了

          • avatar Koolight 来自天朝的朋友 谷歌浏览器 Windows 7湖北省武汉市 电信 4
            回复 2017年5月13日 23:02  板凳

            搞得豪华啊！

            • avatar 吾爱自留地 来自天朝的朋友 谷歌浏览器 Windows 7安徽省马鞍山市 电信 1
              回复 2017年5月12日 15:56  沙发

              你好，博客非常棒，加你Q了