WP – Kommentarbereich anpassen

Der Kommentarbereich kann recht schön angepasst werden. Dazu müssen nur einige kleine Veränderungen vorgenommen werden, insofern dein Theme die folgende Funktionalität noch nicht hat, so hilft es dir vielleicht beim Einbau.
Ich werde kurz erläutern, wie man einen Zähler zu den Kommentaren hinzufügt und wie die Kommentare des Beitragsautors hervorgehoben werden können. Wie du das ganze dann stylisch ein- und umsetzt, das ist eine Frage des Geschmacks und der CSS-Kunst. Außerdem kommt noch ein wenig Coding hinzu, wenn man Gravatare ohne ein Plugin einbauen will.

Zähler für die Kommentare

Beginnen wir mit dem Einbau eines Counters in die Kommentare. Dadurch kann man schnell auf einen Beitrag hinweisen und es wird ein wenig übersichtlicher.
In der Datei comments.php, in der wir alle Anpassungen, die den Kommentarbereich betreffen vornehmen, suchen wir nach folgenden Code ...

<?php foreach ($comments as $comment) : ?>

und ersetzen ihn mit diesem:

<?php $count = 0; foreach ($comments as $comment): $count++; ?>

Nun habe wir unseren Counter, der zuerst auf 0 gesetzt wird und dann immer 1 addiert (++), wenn ein Kommentar hinzu kommt.
Nun fügen wir den Code ein, damit der Counter zum jeweiligen Kommentar dargestellt wird. Ich verwende hier einen div-Container, da ich die Zahl floaten lassen. Das muss natürlich nicht sein, da sind den Regeln des xHTML keien Grenzen gesetzt. Ebenso vergebe ich eine Klasse (class="comment-number"), um die Zahl dann per CSS zu formatieren. Dazu musst du dein Stylesheet bearbeiten. Ebenso habe ich die Zahl mit einem Link zum Kommentar versehen, auch das muss nicht sein, also optional.

<div class="comment-number"><a href="#comment-<?php comment_ID() ?>"><?php echo $count; ?></a></div>

Beitragsautor hervorheben

Die Kommentare, die vom Autor des Beitrags kommen, können mit einer kleinen Abfrage eine andere Klasse haben, somit kann man sie über diese Klasse anders gestallten und einige Leser finden das hilfreich beim Suchen von Antworten zu Problemen. Auch hier ist der Gestaltung keine Grenzen gesetzt - da überlasse ich es gern dem eigenen Geschmack, wie aufdringlich oder dezent die Hervorhebung des Autors sein soll.
Um die Abfrage einzubauen, suche nach folgenden Code in der comments.php ...

<li id="comment-<?php comment_ID() ?>"></li>

und ersetze mit folgendem Code:

<li id="comment-<?php comment_ID() ?>"<?php global $comment;
        if ( ($comment->comment_author_email == get_the_author_email()) && ($comment->user_id != 0) ) {
            echo " class=\"autor_kommentar\"";
        } else {
            echo " class=\"" . $oddcomment . "\"";
        }
        ?>></li>

Mit Hilfe dieser Zeilen wird nun die Klasse autor_kommentar ausgegeben, wenn der Autor des Beitrags gleich dem Autor des Kommentars ist, ansonsten wird keine Klasse oder die Alternativklasse (meist .alt, wenn die Variable $oddcomment gesetzt ist - falls nicht, dann schreibe anstatt der Variable eine Klasse wie bei autor_kommentar) ausgegeben. Somit kannst du deinen Kommentar über autor_kommentar formatieren und die anderen über die List-Anweisung und zusätzlich über die Alternativklasse, damit jeder zweite Beitrag ein wenig anders aussieht und das Lesen der Beiträge erleichtert wird.

Gravatare hinzufügen

Um Gravatare in die Kommentare zu integrieren, was vor allem dem Design und der Ladezeit gut tut, kann man verschiedene Plugins nutzen oder das Template anpassen.
Dazu fügst du nach Beginn der Liste (ul oder ol) folgenden Code ein, der setzt ein Standardbild, wenn kein Gravatar zum Kommentator gefunden wurde. Die Adresse muss natürlich so angepasst sein, dass dein Bild auch dort liegt.

<?php $gravatar_default = "http://www.dein_blog.de/wp-content/themes/default/images/avatar.gif"; ?>

Den nachstehenden Code musst du nun dort einbauen, wo das Gravatar erscheinen soll. Also am besten im Kommentarabschnitt - in der foreach-Schleife, denn jeder Kommentator soll ja ein Gravatar bekommen. Suche den Abschnitt, in dem der einzelne Kommentar ausgegeben wird, zwischen <li> und </li>.

<?php $gravatar_url = "http://www.gravatar.com/avatar.php?gravatar_id=" . md5(get_comment_author_email()) . "&default=" . urlencode($gravatar_default) . "&size=30"; ?>
<img class="gravatar" src="<?php echo $gravatar_url ?/>" alt="Gravatar" />

Komplettes Listing in einem Beispiel

  <ol class="commentlist">

  <?php $gravatar_default = "http://bueltge.de/wp-content/themes/default/images/avatar.gif"; ?>

  <?php $count = 0; foreach ($comments as $comment): $count++; ?>

    <li id="comment-<?php comment_ID() ?>"<?php global $comment;
        if ( ($comment->comment_author_email == get_the_author_email()) && ($comment->user_id != 0) ) {
            echo " class=\"mein_kommentar\"";
        } else {
            echo " class=\"" . $oddcomment . "\"";
        }
        ?>>
      <div class="comment-number"><a href="#comment-<?php comment_ID() ?>"><?php echo $count; ?></a></div>

      <?php $gravatar_url = "http://www.gravatar.com/avatar.php?gravatar_id=" . md5( get_comment_author_email() ) . "&default=" . urlencode($gravatar_default) . "&size=30"; ?>
      <img class="gravatar" src="<?php echo $gravatar_url ?/>" alt="Gravatar" />

      <cite><?php comment_author_link() ?></cite> sagt:
      <?php if ($comment->comment_approved == '0') : ?>
      <em>Dein Kommentar muss noch moderiert werden.</em>
      <?php endif; ?>
      <br />

      <small class="commentmetadata"<>a href="#comment-<?php comment_ID() ?>" title=""<<?php comment_date('j. F Y') ?> um <?php comment_time('H:i') ?></a> <?php edit_comment_link('· bearbeiten','',''); ?></small>

      <?php comment_text() ?>

    </li>

  <?php /* Changes every other comment to a different class */
    if ('alt' == $oddcomment) $oddcomment = '';
    else $oddcomment = 'alt';
  ?>

  <?php endforeach; /* end for each comment */ ?>

  </ol>