在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. 大智若鲁 的头像
    大智若鲁 Lv3.点头之交
    据说,时常的到别人博客留脚印是可以增加人品的
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @大智若鲁 你说的太对了。。。
      16年前
  2. 易赛和捷易通哪个好 的头像
    易赛和捷易通哪个好 Lv2.初识寒暄
    很好,很强大 有没有好的主提啊
    16年前
  3. 囧啊囧 的头像
    囧啊囧 Lv3.点头之交
    我的评论很精彩。 :lol:
    16年前
  4. 创享·生活 的头像
    创享·生活 Lv2.初识寒暄
    ??这里评论框没有,呵呵。我觉得最好那个评论能够有变化,不然每次看着都是同一个样,可能会觉得厌倦呢,嘿嘿
    16年前
    1. 老张博客 的头像
      老张博客 博主
      @创享·生活 什么意思?
      16年前
      1. Ygs 的头像
        Ygs Lv2.初识寒暄
        @老张博客 就是,把图片弄成随机
        16年前
        1. 老张博客 的头像
          老张博客 博主
          @Ygs 这个方法不错,思路很好。
          16年前
  5. 剑侠世界识别码 的头像
    学到点 知识。
    16年前
  6. 小周博客 的头像
    小周博客 Lv1.萍水相逢
    郁闷的是,我用的皮的代码和这个有较大出入
    16年前
    1. Ygs 的头像
      Ygs Lv2.初识寒暄
      @小周博客 只要找到评论框的ID就可以了,代码肯定是不同的
      16年前
    2. 老张博客 的头像
      老张博客 博主
      @小周博客 什么皮的代码呀????
      16年前
  7. 红心草 的头像
    红心草 Lv2.初识寒暄
    文章不错,改天试试。
    16年前
  8. 黑客入门教程 的头像
    额,我喜欢逛 博客,额,我摸索了好久WP都不会
    16年前
  9. 宁波SEO 的头像
    宁波SEO Lv2.初识寒暄
    没这必要吧!蛮好的,在说互访也是看个人的自觉
    16年前
  10. 麻烦积点德 的头像
    麻烦积点德 Lv2.初识寒暄
    好吧。。我马上就做一个这样的评论图。。 谢谢老张!
    16年前
😊