王尘宇

Typecho批评模块特性化

泉源：彼岸雨云
老早就想研讨下这部份，一向拖到如今。 主题设想时，批评模块愿望设想得奇特，富有特性，就须要修正批评构造，而 typecho 默许模板中提供应我们的只要一行简朴代码：

<?php $comments->listComments(); ?>
把构造都写死了。固然，实在官方的博客中有一篇文章已声明能够自定义批评构造，只是不太细致，有点摸不着头脑~
因而本日抽闲折腾了下，总的来说是 在 comments.php 开头部份到场以下要领即可完成自定义。
<?php function threadedComments($comments, $singleCommentOptions) { $commentClass = '';if ($comments->authorId) {if ($comments-&gt;authorId == $comments->ownerId) {$commentClass .= ' comment-by-author';} else {$commentClass .= ' comment-by-user';}} $commentLevelClass = $comments->_levels > 0 ? ' comment-child' : ' comment-parent';?><li id="<?php $comments->theId(); ?>" class="comment-body<?phpif ($comments->_levels > 0) {echo ' comment-child';$comments->levelsAlt(' comment-level-odd', ' comment-level-even');} else {echo ' comment-parent';}$comments->alt(' comment-odd', ' comment-even');echo $commentClass;//以上部份 不必剖析，是推断一些奇偶数批评和作者类的，下面的才是须要修正的，根据须要修正吧， php部份不须要 修正，只须要修正 HTML 部份，下面是我如今用的?>"><div class="comment-author"><?php $comments-&gt;gravatar($singleCommentOptions->avatarSize, $singleCommentOptions->defaultAvatar);    //头像 只输出 img 没有别的标签 ?><div class="comment-info"><cite class="fn"><?php $singleCommentOptions->beforeAuthor();$comments-&gt;author();$singleCommentOptions->afterAuthor(); //输出批评者 ?></cite><em class="comment-meta"><a href="<?php $comments-&gt;permalink(); ?&gt;"&gt;&lt;?php $singleCommentOptions->beforeDate();$comments-&gt;date($singleCommentOptions->dateFormat);$singleCommentOptions->afterDate();  //输出批评日期 ?></a></em></div><div class="comment-reply"><?php $comments-&gt;reply($singleCommentOptions->replyWord); //输出 复兴 链接?></div></div> <?php $comments->content(); //输出批评内容，包括 <p></p> 标签 ?><?php if ($comments->children) { ?><div class="comment-children"><?php $comments-&gt;threadedComments($singleCommentOptions); //批评嵌套?></div><?php } ?> </li><?php}?>
下面是我所用的CSS，这就不须要解释了吧~
.comment-list{margin:0;list-style:none; padding: 5px 0}ol.comment-list li{ margin: 10px 0;padding: 10px 10px 5px;border:1px solid #e3e3e3;background-color:#FAFAFA;-moz-border-radius:5px; -webkit-border-radius:5px;}ol.comment-list li.comment-odd{background-color: #F4F9FF; border-color: #D0DDF6; }ol.comment-list li.comment-even{background-color:#fff; border-color: #E3E3E3;}ol.comment-list li.comment-by-author{border-color: #b8cdf6;}ol.comment-list li.comment-by-user {}ol.comment-list li .comment-reply{float: right; margin-top: -3px;}ol.comment-list li .comment-reply a{font-size:12px;border:none;color:#aaa;}ol.comment-list li .comment-reply a:hover{color:#444;}.comment-body{overflow:hidden;}.comment-body p{ margin: 5px 0}.comment-author{border-bottom: 1px solid #ECECEC;height: 36px;padding-bottom: 5px;width: 100%;}ol.comment-list li.comment-odd .comment-author { border-bottom-color:#D0DDF6}.avatar{float:left;border:1px solid #E3E3E3; padding: 2px; background-color: #fff;}.comment-info {color: #888;float: left;line-height: 16px;padding-left: 5px;}.comment-info .fn{font-style:normal; display: block; margin-top: 4px}.comment-info .comment-meta{color:#999;font-size:10px;}