Auf einigen WordPress-betriebenen Seiten – so auch auf meinem Blog eden-existiert.de – werden die Kommentare durchnummeriert angezeigt.

Nummerierte Liste

Wenn die jeweilige Nummer dabei einfach links vom Kommentar stehen soll, so kann man dies sehr einfach realisieren: in der comments.php stehen die Kommentare üblicherweise als ungeordnete Liste. Hier ersetzt man das ul durch ein ol und erhält eine nummerierte Liste, die vor jeden einzelnen Listeneintrag (li – also vor jeden einzelnen Kommentar) eine Zahl setzt.

Also:

<ol class="commentlist">
<?php foreach ($comments as $comment) : ?>
<li id="comment-<?php comment_ID() ?>">
<strong>Kommentar von <?php comment_author_link() ?> am <?php comment_date('d. F Y') ?></strong>
<?php comment_text() ?>
</li>
<?php endforeach; ?>
</ol>

Das sieht dann so aus:

1. Kommentar von Otto am 30.10.2008
   Ottos Kommentar.
2. Kommentar von Paulchen am 31.10.2008
   Paulchens Kommentar.

zählen mit PHP

Wenn man aber möchte, dass die Kommentarnummer auf der rechten Seite des Kommentars steht, dann kommen wir mit einer simplen nummerierten Liste nicht mehr weiter. Man könnte zwar tricksen und die Leserichtung der Liste via CSS auf “von rechts nach links” setzen – dann stünde der Kommentar links und die Nummer rechts. Allerdings bewirkt diese Änderung der Leserichtung, dass der Punkt hinter der Zahl auf der falschen Seite steht, also: Kommentar von Paulchen…   .1

Das ist natürlich unschön.

Also greifen wir zu etwas PHP und zählen die Kommentare einfach unabhängig von CSS. :-)

<ol class="commentlist">
<?php $commentnumber = 1; ?>
<?php foreach ($comments as $comment) : ?>
<li id="comment-<?php comment_ID() ?>">
<span class="nummer"><?php echo $commentnumber; ?></span><br />
<strong>Kommentar von <?php comment_author_link() ?> am <?php comment_date('d. F Y') ?></strong>
<?php comment_text() ?>
</li>
<?php $commentnumber++; endforeach; ?>

Via CSS wird nun das span-Tag mit der Kommentarnummer ausgerichtet, indem man ihm etwa einen festen Abstand vom linken Rand zuweist.