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

  • A+
所属分类:电脑网络

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

        如果你想把流动的浏览者变成固定的访客,那必须加强你的博客的用户体验。在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以内

发表评论

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

目前评论:66   其中:访客  66   博主  0

    • 老张博客 老张博客 9

      想了好长的时间,才把我的评论框内的文字想好,
      “评论是博客的精髓,你的评论,会让老张博客更加精彩!”
      欢迎大家对此提出建议,谢谢大家

        • 老张博客 老张博客 9

          @老张博客 当然,如果大家咋一看我的内容,评论框的内容,可能感觉老张把自己 的博客放在了首位,其实不然!我的原则就是互访与互评。

          要不要改成
          互访、互评是博客的精髓,
          你的访问和评论,会让老张博客更加精彩

          大家给点建议吧。

        • 演唱会 演唱会 0

          不孬,不孬,愿你的博客更上一层楼

          • ifenwen ifenwen 5

            其实感觉内容影响效果不是很大 有就可以了~~~

            • 皇家元林 皇家元林 5

              加上这个确实很漂亮

              • 阅网博客 阅网博客 3

                呵呵 老张你搞wp研究的 把你的博客弄好看点呗! :razz:

                • 绍兴seo 绍兴seo 5

                  这样的就不错,其实,主要还是个性化。只要把想表达的意思表达出来就行。我也会去尝试一下。

                  • joyla joyla 3

                    加了一个背景! 呵呵 效果不错哈!

                    • 南京男科 南京男科 0

                      你好,我是一名男科医生,刚学会写博,可以交换个链接吗?

                      • 哲哲 哲哲 5

                        这个一直没有做··有点忙不过来·

                        • 龙的传人 龙的传人 5

                          又有好东东分享啊,我会常来的~

                          • 大智若鲁 大智若鲁 5

                            据说,时常的到别人博客留脚印是可以增加人品的

                            • 易赛和捷易通哪个好 易赛和捷易通哪个好 4

                              很好,很强大 有没有好的主提啊

                              • 囧啊囧 囧啊囧 4

                                我的评论很精彩。 :lol:

                                • 创享·生活 创享·生活 4

                                  ??这里评论框没有,呵呵。我觉得最好那个评论能够有变化,不然每次看着都是同一个样,可能会觉得厌倦呢,嘿嘿

                                  • 剑侠世界识别码 剑侠世界识别码 1

                                    学到点 知识。

                                    • 小周博客 小周博客 2

                                      郁闷的是,我用的皮的代码和这个有较大出入

                                      • 红心草 红心草 4

                                        文章不错,改天试试。

                                        • 黑客入门教程 黑客入门教程 1

                                          额,我喜欢逛 博客,额,我摸索了好久WP都不会

                                          • 宁波SEO 宁波SEO 4

                                            没这必要吧!蛮好的,在说互访也是看个人的自觉

                                            • 麻烦积点德 麻烦积点德 4

                                              好吧。。我马上就做一个这样的评论图。。

                                              谢谢老张!

                                              • 麻烦积点德 麻烦积点德 4

                                                我也弄这个了。。 不知道效果好不好。。

                                                • Mucid Mucid 2

                                                  哈哈,难道偶要用HTML5画一个 :grin:

                                                    • 老张博客 老张博客 9

                                                      @Mucid 你要画个什么呀??

                                                        • Mucid Mucid 2

                                                          @老张博客 画一个渐变吧,呃canvas+js绘画反正画了也只有非IE看得到。。
                                                          还是不急啰。。

                                                      • 木本无心 木本无心 3

                                                        不错的,鼎力支持。

                                                        • 御泥坊 御泥坊 0

                                                          以前看到很多博客都是这样做的,一直不知道方法。

                                                          • MK MK 2

                                                            这个非常值得考虑下。
                                                            框框多点东西评论都积极些。

                                                            • zzzhu zzzhu 3

                                                              呵呵 明天我也搞个

                                                              • FirstDream FirstDream 3

                                                                老张,我的评论框上没显示表情,如何把表情给显示出?

                                                                • laowi laowi 3

                                                                  嗯 原来是这么回事 看到好多人评论框里面有字每次我都觉得好神奇

                                                                  • shamas shamas 2

                                                                    我看到有的图片里面是活动的,当评论后会显示另一个

                                                                    • 华东SEO 华东SEO 1

                                                                      看到好多人这么做的,等下我也去尝试下

                                                                      • 我心飞翔 我心飞翔 3

                                                                        功能好是好,给博客增加了速度上的负担吧

                                                                        • TabShow TabShow 3

                                                                          老张这都是精髓啊……学习了……

                                                                          • 小企鹅 小企鹅 0

                                                                            老张,你的博客人气很旺啊,不错啊

                                                                            • xizi xizi 2

                                                                              等哪天心情好弄一个 不会的地方要麻烦你指点了 :mrgreen:

                                                                              • 小小客栈 小小客栈 1

                                                                                .. :| :| 不一样的,,你帮我看看我的怎么改,,我自己胡乱改的可能改错 :cry: :cry:
                                                                                我的那段代码是 “Enter your comments here…”

                                                                                • suN suN 0

                                                                                  不错不错~~