在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. 头像
    小周博客 Lv1.萍水相逢
    郁闷的是,我用的皮的代码和这个有较大出入
    15年前
    1. 头像
      Ygs Lv4.常来常往
      @小周博客 只要找到评论框的ID就可以了,代码肯定是不同的
      15年前
    2. 头像
      老张博客 博主
      @小周博客 什么皮的代码呀????
      15年前
  2. 头像
    剑侠世界识别码 Lv1.萍水相逢
    学到点 知识。
    15年前
  3. 头像
    创享·生活 Lv4.常来常往
    ??这里评论框没有,呵呵。我觉得最好那个评论能够有变化,不然每次看着都是同一个样,可能会觉得厌倦呢,嘿嘿
    15年前
    1. 头像
      老张博客 博主
      @创享·生活 什么意思?
      15年前
      1. 头像
        Ygs Lv4.常来常往
        @老张博客 就是,把图片弄成随机
        15年前
        1. 头像
          老张博客 博主
          @Ygs 这个方法不错,思路很好。
          15年前
  4. 头像
    囧啊囧 Lv5.熟稔有加
    我的评论很精彩。 :lol:
    15年前
  5. 头像
    易赛和捷易通哪个好 Lv3.点头之交
    很好,很强大 有没有好的主提啊
    15年前
  6. 头像
    大智若鲁 Lv5.熟稔有加
    据说,时常的到别人博客留脚印是可以增加人品的
    15年前
    1. 头像
      老张博客 博主
      @大智若鲁 你说的太对了。。。
      15年前
  7. 头像
    龙的传人 Lv6.推心置腹
    又有好东东分享啊,我会常来的~
    15年前
    1. 头像
      老张博客 博主
      @龙的传人 我也常去。
      15年前
  8. 头像
    哲哲 Lv6.推心置腹
    这个一直没有做··有点忙不过来·
    15年前
    1. 头像
      老张博客 博主
      @哲哲 一分钟就可以搞定的。
      15年前
      1. 头像
        哲哲 Lv6.推心置腹
        @老张博客 主要是心里忙·呵呵
        15年前
  9. 头像
    你好,我是一名男科医生,刚学会写博,可以交换个链接吗?
    15年前
    1. 头像
      老张博客 博主
      @南京男科 不好意思,不同类呀。
      15年前
  10. 头像
    joyla Lv2.初识寒暄
    加了一个背景! 呵呵 效果不错哈!
    15年前
    1. 头像
      老张博客 博主
      @joyla 更加个性了。。。呵。
      15年前
      1. 头像
        joyla Lv2.初识寒暄
        @老张博客 恩 呵呵! 好看!
        15年前
😊