在WordPress评论框内增加个性的用户体验文字和图片

        一个好的博客,不仅要有优秀的原创内容,还有坚持不懈的进行文章更新。当你做好了这些后,那么你的网站优化已成功的做好了一个关键要素。当然搜索引擎对你的网站认可了还是不行的,最主要是的你的用户,也就是你的网站的浏览者。你能用什么样的方式来留住你的浏览者,这是我们值得思考的一个很重要的问题。

        如果你想把流动的浏览者变成固定的访客,那必须加强你的博客的用户体验。在WordPress评论框内增加个性的用户体验文字和图片,就可以很好的增强用户体验。如卢松松就在评论框中设置了"我坚信,评论可以一针见血",以此来增强用户体验,达到与浏览者互动的目标。下面就分享下WordPress技巧:

        在WordPress评论框内增加个性的用户体验文字和图片的方法:

       因为评论框是用textarea代码来控制,所以查找你当前使用主题的comments.php文件中的"textarea",通过textarea查询评论框的文字区域所对应的CSS的ID。正常情况下style.css的#comment即为评论框的样式。

        我们会发现他的代码为:#comment {width:601px;}(主题不同,代码也不相同

        我们只要修改此处代码即可以达到修改的效果

        我们可以将代码修改为:

#comment {width:601px;background-image:url(img/comment-bg.gif);background-repeat:no-repeat;background-position:right bottom;}

红字部分即为评论框内的图片地址,background-position:right bottom; 定义图片对齐方式,这里是向右、底对齐。

        建议修改代码时要灵活应用,不能死搬别人的代码。

        建议图片的宽度不能超过文本区域宽度,高度在200以内。图片文件不要太大,太大会影响网页驾照速度,建议20K以内

评论区

共 66 条评论
  1. 头像
    老张博客 博主
    想了好长的时间,才把我的评论框内的文字想好, “评论是博客的精髓,你的评论,会让老张博客更加精彩!” 欢迎大家对此提出建议,谢谢大家
    15年前
    1. 头像
      老张博客 博主
      @老张博客 当然,如果大家咋一看我的内容,评论框的内容,可能感觉老张把自己 的博客放在了首位,其实不然!我的原则就是互访与互评。 要不要改成 互访、互评是博客的精髓, 你的访问和评论,会让老张博客更加精彩 大家给点建议吧。
      15年前
  2. 头像
    不孬,不孬,愿你的博客更上一层楼
    15年前
  3. 头像
    ifenwen Lv.10
    其实感觉内容影响效果不是很大 有就可以了~~~
    15年前
  4. 头像
    皇家元林 Lv.10
    加上这个确实很漂亮
    15年前
    1. 头像
      老张博客 博主
      @皇家元林 不仅是漂亮,还能增加用户体验。
      15年前
  5. 头像
    呵呵 老张你搞wp研究的 把你的博客弄好看点呗! :razz:
    15年前
    1. 头像
      老张博客 博主
      @阅网博客 重点是在内容方面
      15年前
  6. 头像
    绍兴seo Lv.10
    这样的就不错,其实,主要还是个性化。只要把想表达的意思表达出来就行。我也会去尝试一下。
    15年前
    1. 头像
      老张博客 博主
      @绍兴seo 试试这个方法,不错的。
      15年前
  7. 头像
    joyla Lv.2
    加了一个背景! 呵呵 效果不错哈!
    15年前
    1. 头像
      老张博客 博主
      @joyla 更加个性了。。。呵。
      15年前
      1. 头像
        joyla Lv.2
        @老张博客 恩 呵呵! 好看!
        15年前
  8. 头像
    你好,我是一名男科医生,刚学会写博,可以交换个链接吗?
    15年前
    1. 头像
      老张博客 博主
      @南京男科 不好意思,不同类呀。
      15年前
  9. 头像
    哲哲 Lv.10
    这个一直没有做··有点忙不过来·
    15年前
    1. 头像
      老张博客 博主
      @哲哲 一分钟就可以搞定的。
      15年前
      1. 头像
        哲哲 Lv.10
        @老张博客 主要是心里忙·呵呵
        15年前
  10. 头像
    龙的传人 Lv.10
    又有好东东分享啊,我会常来的~
    15年前
    1. 头像
      老张博客 博主
      @龙的传人 我也常去。
      15年前
  11. 头像
    大智若鲁 Lv.10
    据说,时常的到别人博客留脚印是可以增加人品的
    15年前
    1. 头像
      老张博客 博主
      @大智若鲁 你说的太对了。。。
      15年前
  12. 头像
    很好,很强大 有没有好的主提啊
    15年前
  13. 头像
    囧啊囧 Lv.8
    我的评论很精彩。 :lol:
    15年前
  14. 头像
    ??这里评论框没有,呵呵。我觉得最好那个评论能够有变化,不然每次看着都是同一个样,可能会觉得厌倦呢,嘿嘿
    15年前
    1. 头像
      老张博客 博主
      @创享·生活 什么意思?
      15年前
      1. 头像
        Ygs Lv.6
        @老张博客 就是,把图片弄成随机
        15年前
        1. 头像
          老张博客 博主
          @Ygs 这个方法不错,思路很好。
          15年前
  15. 头像
    学到点 知识。
    15年前
  16. 头像
    郁闷的是,我用的皮的代码和这个有较大出入
    15年前
    1. 头像
      Ygs Lv.6
      @小周博客 只要找到评论框的ID就可以了,代码肯定是不同的
      15年前
    2. 头像
      老张博客 博主
      @小周博客 什么皮的代码呀????
      15年前
  17. 头像
    红心草 Lv.4
    文章不错,改天试试。
    15年前
  18. 头像
    额,我喜欢逛 博客,额,我摸索了好久WP都不会
    15年前
  19. 头像
    宁波SEO Lv.4
    没这必要吧!蛮好的,在说互访也是看个人的自觉
    15年前
  20. 头像
    好吧。。我马上就做一个这样的评论图。。 谢谢老张!
    15年前
  21. 头像
    我也弄这个了。。 不知道效果好不好。。
    15年前
    1. 头像
      老张博客 博主
      @麻烦积点德 到你的博客上没有看到呀。
      15年前
  22. 头像
    Mucid Lv.1
    哈哈,难道偶要用HTML5画一个 :grin:
    15年前
    1. 头像
      老张博客 博主
      @Mucid 你要画个什么呀??
      15年前
      1. 头像
        Mucid Lv.1
        @老张博客 画一个渐变吧,呃canvas+js绘画反正画了也只有非IE看得到。。 还是不急啰。。
        15年前
  23. 头像
    不错的,鼎力支持。
    15年前
    1. 头像
      老张博客 博主
      @木本无心 谢谢你的支持。
      15年前
  24. 头像
    以前看到很多博客都是这样做的,一直不知道方法。
    15年前
    1. 头像
      老张博客 博主
      @御泥坊 现在知道方法了吧。。呵。
      15年前
  25. 头像
    MK Lv.1
    这个非常值得考虑下。 框框多点东西评论都积极些。
    15年前
    1. 头像
      老张博客 博主
      @MK 增加用户体验呀。
      15年前
  26. 头像
    zzzhu Lv.2
    呵呵 明天我也搞个
    15年前
    1. 头像
      老张博客 博主
      @zzzhu 效果不错的。
      15年前
  27. 头像
    FirstDream Lv.2
    老张,我的评论框上没显示表情,如何把表情给显示出?
    15年前
    1. 头像
      老张博客 博主
      @FirstDream 今天晚上出个教程,
      15年前
      1. 头像
        FirstDream Lv.2
        @老张博客 嗯,今晚等你的教程。。
        15年前
        1. 头像
          老张博客 博主
          @FirstDream 今天 的教程怎么样呀,够新手吧。
          15年前
  28. 头像
    laowi Lv.2
    嗯 原来是这么回事 看到好多人评论框里面有字每次我都觉得好神奇
    15年前
    1. 头像
      老张博客 博主
      @laowi 其实你也可以。
      15年前
  29. 头像
    shamas Lv.1
    我看到有的图片里面是活动的,当评论后会显示另一个
    15年前
    1. 头像
      老张博客 博主
      @shamas 这个感觉更好,
      15年前
  30. 头像
    看到好多人这么做的,等下我也去尝试下
    15年前
  31. 头像
    功能好是好,给博客增加了速度上的负担吧
    15年前
    1. 头像
      老张博客 博主
      @我心飞翔 对速度影响不是太大的。
      15年前
  32. 头像
    TabShow Lv.2
    老张这都是精髓啊……学习了……
    15年前
    1. 头像
      老张博客 博主
      @TabShow 谢谢你的支持呀。
      15年前
  33. 头像
    老张,你的博客人气很旺啊,不错啊
    15年前
  34. 头像
    xizi Lv.1
    等哪天心情好弄一个 不会的地方要麻烦你指点了 :mrgreen:
    15年前
  35. 头像
    .. :| :| 不一样的,,你帮我看看我的怎么改,,我自己胡乱改的可能改错 :cry: :cry: 我的那段代码是 "Enter your comments here..."
    15年前
  36. 头像
    suN
    不错不错~~
    14年前