為評論增加序列號

由 發(fā)表于 ┊2,028 PV

講一下如何在留言部分增加數(shù)字序列，以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來調(diào)整一下commentcount的表現(xiàn)形式，
在style.css里增加類似下面的內(nèi)容：

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