个性化 WordPress 评论框

发布于：电脑网络, 精品推荐 2,009 次践踏

我想大多数用Wordpress的站长都用别人设计好的通用主题模板，很少一部分既有才又有空的牛人才会定制属于自己的个性化主题。通用主题最大的优势当然就是通用啦，谁套用都行，这也就是通用主题的最大缺点，没有个性化。我现在用的是zEUS设计的主题，很漂亮，但是物以稀为贵嘛，用的人多了就没意思。我虽没才，但很有空，所以在保留原主题版权的前提下我对该主题小小的DIY了一下。

本篇简单介绍下对评论框的DIY。你是否已经看厌倦了光秃秃白板一块的留言评论框呢？可以说这是通用模板的通病，所以我给评论框加了一个Logo的背景，效果可以看我的留言框。方法很简单，只要给评论框的CSS加个background属性就行了，效果却很明显。

例如，我的评论框CSS：

#commentform textarea {
font:120% Arial, Helvetica, sans-serif;
width:97%;
height:140px;
border:solid 1px #ccc;
background:#F6F6F6 url(/images/comment-bg.gif) no-repeat scroll center center;
overflow:hidden;
padding:2px 5px;
}

其中，以下一行代码就是评论框背景的关键所在：

background:#F6F6F6 url(/images/comment-bg.gif) no-repeat scroll center center;

每个模板的评论框的选择器可能都不相同，但是原理都是一样的，这个可以通过Firebug查出，最后，have fun!

  4. 你好!你的内容我先收藏了备用。
    我刚开始使用wordpress，请问一下，有评论对话框这种插件的么？我原先安装的模板只有一个对话框，没有输入名称、邮箱、网址什么的…… :smile:

  8. overflow:hidden;这个属性不加是最好的吧，如果加上了，那么假设在文字输入的太多的时候，超过了这个文本输入框，那么就不会有右侧边栏的下拉条出现了，这样似乎没办法让用户留言了吧？不知道我这样说是否正确？
    不过我在个人博客上是实践成功了。我的博客按照你的这个CSS写法，结果在文字输入过多的时候，侧边栏就没有下拉跳，后来我查到是overflow:hidden;这个属性的原因，去掉了就好了。不知是否是我博客自身的问题。呵呵呵……

  10. 我也想添加图片，可是不会，能帮帮我吗？ :arrow:
    这是我的评论段css：
    #commentform label { display: block; height: 25px; font-family: Georgia, serif; font-size: 11px; font-style: italic; }
    #commentform input.txt, #commentform textarea { width: 93%; margin: 0 0 3px 0; padding: 8px 7px 6px 5px; font-size: 13px; font-weight: bold; border: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
    #commentform .url input, #commentform textarea { width: 97%; }
    #commentform #submit { margin: 20px 0 0 0; padding: 7px 15px 5px 15px; font-family: Helvetica, Arial, Sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}

  17. Pingback: 我要去淘淘 » 打造自己的个性化 Wordpress 评论框

  19. Pingback: 求索阁 » Blog Archive » 个性化 Wordpress 评论框

  23. 请问博主的这个评论插件叫什么名字？
    我的围脖也想拥有这样一个可以盖楼，又可以显示图片，又可以在帖内恢复，而不用直接跳到页面最低下回复帖内的信息的插件。
    请告知，谢谢:)

  24. 我想弄个回复嵌套的，就像你这样的。
    要么是 不是嵌套，回复缩进的。
    我的网站评论模式是直排，哎呀，说不来，你可以去看下。

  26. 发现万戈回复我评论有邮件，也马上给自己博客折腾了一个，这里的留言框很特别，回头自己也折腾一个，不过，如果不通过插件，怎样能调用这些表情呢？万戈