其实很早以前就想改一下TwentyEleven主题下的这个评论样式，特别是“发表评论”这一块这么大，看着都非常不舒服。今天本来下定决心要美化一下，但是最后水平太菜，结果虽然达到了逻辑效果，但是非常难看，只好作罢。可惜了一天的光阴，不过期间也有些许收获与各位看官分享。

首先我把自己已经略微修改过的代码张贴出来一起观摩，以及如何找到这些“修改位置”的心得。最后把我想做但是实际上做不出来的东西也和大家分享一下，如果哪位有缘人也有我类似的想法，我手里还有残余代码，也许还能供参考。

Google了好久的评论样式修改，但是大家似乎对于“评论”更注重功能，而不是外在的形式，所以很久也没什么收获。昨晚我利用Firebug，访问自己的CCPT，然后边用Firebug定位各个元素的代码位置和CSS样式，一边修改一边看效果。最后改了几处代码，使原本庞大的“发表评论”瘦身了下来。

其实整个过程也相当简单，只要稍微懂一些CSS语言即可，特别是一些属性是什么意思。

body, input, textarea{
  color: #373737;
  font: 15px "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.628;              /*此处需要修改*/
}

其中要修改的就是line-hegiht，这个属性的通俗意义就是。输入框和字体的高度比。所以可以适当修改便可以把输入框窄一些了。

#respond p {
  margin: 10px 0;                  /*此处需要修改*/
}

此处的margin是边距的意思，指的是上下边距是10px，而左右是0px，我们把上下边距变小，就相当于使各个模块变得紧凑些，也是瘦身效果。

#respond textarea {
  ...                              /*此处略去无关代码*/
  padding： 10px;                   /*此处需要修改*/
}

此出的padding是填充距离，和上面的margin类似道理。

#respond .comment-form-email .required {
  ...
  top: 45px;                       /*此处需要修改*/
}

之所以要修改这里的“*”号位置，是因为其他元素都是采用相对定位，而星号在CSS采用了绝对位置，所以我们为了让这个显得更合适些，也要修改一下，尺度自己把握啦

事到如今，我已经完成了初步的任务。接着我想着手改变评论样式，这种嵌套类型的看着也不是很方便，特别是嵌套过多，看着很拥挤。于是我想当ISMS/ChompSMS这种会话式的交流，如果把留言和评论渲染成这种效果不是很好吗？说做就做，于是就开始继续倒腾了。

其实整个工程也不大，首先通过查看single.php，在里面找到

comments_template( '', true);

这是调用评论模板的语句，我们接着定位comments.php,在里面有句话

wp_list_comment( array( 'callback' => 'twentyeleven_comment' ) );

OK,我们找到了要的东西啦，这个时候通过注释我们再次在functions.php里找到这个twentyeleven_comment函数，这就是评论模板函数。打开文件，我们发现这个函数不是很长，100行都没到。再次通过Firebug的协助，我们可以比较轻松的理解函数的含义。那么就改呗。

整个WordPress的模块化很强，在评论上也分为“主人发的”，“游客发的”，“该游客的第几条评论”等等，我们可以通过php语言获得需要分类的依据，并决定把头像放左边抑或右边。但是悲剧发生了，改了以后，整个评论区显得不伦不类，超级难看。只要又改回刚刚瘦身的效果，桑心。

最后总结下：虽然最后发现天不生我才，但是一天的工作也让我对Wordpress的结构多了几分理解，另外工具也很很重要哦！