在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. 麻烦积点德 的头像
    麻烦积点德 Lv2.初识寒暄
    我也弄这个了。。 不知道效果好不好。。
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @麻烦积点德 到你的博客上没有看到呀。
      16年前
  2. Mucid 的头像
    Mucid Lv1.萍水相逢
    哈哈,难道偶要用HTML5画一个 :grin:
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @Mucid 你要画个什么呀??
      16年前
      1. Mucid 的头像
        Mucid Lv1.萍水相逢
        @老张博客 画一个渐变吧,呃canvas+js绘画反正画了也只有非IE看得到。。 还是不急啰。。
        16年前
  3. 木本无心 的头像
    木本无心 Lv1.萍水相逢
    不错的,鼎力支持。
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @木本无心 谢谢你的支持。
      16年前
  4. 御泥坊 的头像
    以前看到很多博客都是这样做的,一直不知道方法。
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @御泥坊 现在知道方法了吧。。呵。
      16年前
  5. MK 的头像
    MK Lv1.萍水相逢
    这个非常值得考虑下。 框框多点东西评论都积极些。
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @MK 增加用户体验呀。
      16年前
  6. zzzhu 的头像
    zzzhu Lv1.萍水相逢
    呵呵 明天我也搞个
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @zzzhu 效果不错的。
      16年前
  7. FirstDream 的头像
    FirstDream Lv1.萍水相逢
    老张,我的评论框上没显示表情,如何把表情给显示出?
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @FirstDream 今天晚上出个教程,
      16年前
      1. FirstDream 的头像
        FirstDream Lv1.萍水相逢
        @老张博客 嗯,今晚等你的教程。。
        16年前
        1. 老张博客 的头像
          老张博客 博主
          @FirstDream 今天 的教程怎么样呀,够新手吧。
          16年前
  8. laowi 的头像
    laowi Lv1.萍水相逢
    嗯 原来是这么回事 看到好多人评论框里面有字每次我都觉得好神奇
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @laowi 其实你也可以。
      16年前
  9. shamas 的头像
    shamas Lv1.萍水相逢
    我看到有的图片里面是活动的,当评论后会显示另一个
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @shamas 这个感觉更好,
      16年前
  10. 华东SEO 的头像
    看到好多人这么做的,等下我也去尝试下
    16年前
😊