为评论增加序列号

由 发表于 ┊2,018 PV

讲一下如何在留言部分增加数字序列，以WordPress的Default模版为例：
修改comment.php：

1
2
3
4
5
6
找到<ol class="commentlist">，
在这句下面添加<?php $relax_comment_count=1; ?>。
一般来说这句下面会有一段<li></li>的语句，
在这段语句下面添加<?php $relax_comment_count++; ?>
上面说到的那句<li></li>中可以找到一句<?php comment_text() ?>，
在此句上方添加<div class="commentcount"><?php echo $relax_comment_count; ?></div>

最终像是这个样子：

1
2
3
4
5
6
7
8
9
10
11
12
13
<ol class="commentlist">
    <?php $relax_comment_count=1; ?>
    <?php foreach ($comments as $comment) : ?>
<li class ...
        ...
        ...
        ...
           
<div class="commentcount"><?php echo $relax_comment_count; ?></div>
            <?php comment_text() ?>
</li>
        <?php $relax_comment_count++; ?>
    <?php endforeach; /* end for each comment */ ?>

接下来就是用css来调整一下commentcount的表现形式，
在style.css里增加类似下面的内容：

1
2
3
4
5
6
7
.commentcount {
font-family: Georgia,sans-serif;
font-size: 24px;
font-weight: bold;
color: #e0e0d0;
float: right;
}