Colorscheme

Blog und Forumfusion – die Kommentarfunktion aufmotzen

In Blogs ist die Kommentarfunktion ein wichtiger Bestandteil, durch sie bindet man die Besucher an seine Website oder erweitert seinen Artikel mit Informationen, die die Besucher hinterlassen. Daher sollte man sich etwas Zeit nehmen um die Kommentarfunktion etwas aufzumotzen. In diesem Artikel werden folgende Punkte behandelt:

  • Jeden zweiten Kommentar mit einer Farbe hervorheben, damit erhöht sich die Readability enorm
  • Kommentare, die von Autoren des Blogs verfasst wurden, werden nochmal farblich hervorgehoben – man kann leicht erkennen wie stark die Redakteure an der Diskussion teilnehmen
  • Neben jedem Kommentar wird ein Gravatar (kleines Bild – repräsentiert den Kommentarschreiber) angezeigt

Jeden zweiten Kommentar hervorheben

Mit der Variable “$oddcomment” gibt man WordPress die Möglichkeit, jeden zweiten Kommentar mit einer zusätzlichen Klasse zu versehen. Über diese Klasse und mittels CSS kann man dem Hintergrund des Kommentars eine andere Farbe geben und so die einzelnen Kommentare voneinander trennen. Damit man dieses Feature benutzen kann, muss man die Kommentare in eine Liste ausgeben, also jeder Kommentar von “li” Tags eingeschlossen sein. Dann gibt man mittels PHP die Variable aus:

echo $oddcomment;

Hier ist ein Beispiel:

< ?php foreach ($comments as $comment) : ? >
<li class="< ?php echo $oddcomment; ? >" id="comment-< ?php comment_ID() ? >">

</li>

Die Ausgabe sollte in etwa so aussehen:
<li class=”alt” id=”comment-683″>

In der CSS Datei kann man nun die Hintergrundfarbe der Klasse “alt” anpassen.

Um “oddcomment” nutzen zu können, muss man die Variable in seinem Template zuerst definieren, im Standardtemplate ist dies schon von anfang an, ansonsten geht dies mit folgender Codezeile, die man an den anfang seiner comments.php setzt:

$oddcomment = 'alt';

Autorenkommentare hervorheben

Um nun noch die Autorenkommentare hervorzuheben bedarf es erstmal der Installation des Plugins: Official Comments von Brett Taylor. Wir modifizieren nun unseren eben geschriebenen Code in der comments.php:

<li class="< ?php echo $oddcomment; ? >< ?php echo (is_wpuser_comment() ? ' commentOfficialUser' : ''); ? >" id="comment-< ?php comment_ID() ? >">

Ein paar Veränderungen im Stylesheet und fertig!

Gravatar einbinden

Bevor man die Gravatar-Funktionalität richtig nutzen kann, muss man erstmal ein eigenes Userbild auf Gravatar.com hochladen. Die Anmeldung ist kostenlos und der Service ist einfach zu benutzen.

Nun das Gravatar-Plugin downloaden und installieren. Bei mir sieht der PHP-Aufruf folgendermaßen aus:

<img class="gravatar" src="< ?php gravatar("R", 60, "http://www.webdesignblog.de/wp-content/no_gravatar.gif"); ? >" alt="" />

Wenn was nicht funktioniert nen kurzen Kommentar posten, werd mich dann drum kümmern.

Update: Und hier gibt es noch ein paar Anregungen, wie man die Kommentare optisch aufwertet: Kommentar Showcase

Blog Design, Kommentarfunktion, Readablity

Verwandte Artikel
  1. Gesichter in meinem Blog – Gravatar ganz einfach
  2. Endlich keinen Stress mehr mit automatischen Kommentarspam
  3. Das Archiv aufmotzen
  4. Spam in Blogs steigt mit der Besucherzahl
  5. Spam in Blogs steigt mit der Besucherzahl

am Februar 5, 2006 um 18:34 Uhr | in Allgemein, Webdesign | 19 Kommentare

2 Trackbacks/Pingbacks
  1. Pingback: Blogtuning » Webdesignblog on März 17, 2006
  2. Pingback: Gesichter in meinem Blog - Gravatar ganz einfach » Webdesignblog on April 14, 2006

17 Kommentare
  1. Matze, Februar 6, 2006:

    Hi,
    ich find die Funktion “Jeden zweiten Kommentar hervorheben” hervorheben ein gute Idee und

    wollter Sie gleich einbauen.
    Leider ergibt dein Vorschlag folgende Ausgabe bei mir “” -> also nicht den gewüsnchten Effekt, daß aller zwei Kommentare ein “class=”alt”" erhalten.
    Was mache

    ich

    falsch, oder fehlen ein paar Angaben ?
    P.S. Zur Zeit lese ich sehr oft in Deinem Blog. Danke für den guten Content !

  2. Matze, Februar 6, 2006:

    Hi,
    ich find die Funktion “Jeden zweiten Kommentar hervorheben” hervorheben ein gute Idee und wollter Sie gleich einbauen.
    Leider ergibt dein Vorschlag folgende Ausgabe bei mir “” -> also nicht den gewüsnchten Effekt, daß aller zwei Kommentare ein “class=”alt”" erhalten.
    Was mache ich falsch, oder fehlen ein paar Angaben ?
    P.S. Zur Zeit lese ich sehr oft in Deinem Blog. Danke für den guten Content !

  3. Christian Strang, Februar 6, 2006:

    Herrlich, danke für das Lob mit dem guten Content, das hört

    man gern!

    Zu deinem Problem: Die in der Comment.php gibt es eine Schleife, die mit
    anfängt und mit endet. Schreib mir diesen Bereich mal als Kommentar, werden

    dann

    schauen wos hakt.

    P.S. Am besten als Email über das Kontaktformular, da die “code” Funktion von WordPress meistens etwas rummurkst.

  4. Christian Strang, Februar 6, 2006:

    Herrlich, danke für das Lob mit dem guten Content, das hört man gern!

    Zu deinem Problem: Die in der Comment.php gibt es eine Schleife, die mit
    anfängt und mit endet. Schreib mir diesen Bereich mal als Kommentar, werden dann schauen wos hakt.

    P.S. Am besten als Email über das Kontaktformular, da die “code” Funktion von WordPress meistens etwas rummurkst.

  5. Matze, Februar 8, 2006:

    Habe das Problem gelöst. Man muß die $oddcomment natürlich noch definieren. Das wird im

    Standardtemplate gemacht, da ich aber mein Template neu verfasst habe, waren die Definitionen nicht vorhanden. Habe sie nachgetragen und es funktioniert !
    Danke nochmal für den Tipp !

  6. Matze, Februar 8, 2006:

    Habe das Problem gelöst. Man muß die $oddcomment natürlich noch definieren. Das wird im Standardtemplate gemacht, da ich aber mein Template neu verfasst habe, waren die Definitionen nicht vorhanden. Habe sie nachgetragen und es funktioniert !
    Danke nochmal für den Tipp !

  7. Christian Strang, Februar 8, 2006:

    Ah super, danke für die Info!

  8. Christian Strang, Februar 8, 2006:

    Ah super, danke für die Info!

  9. Matze, Februar 9, 2006:

    Ja, deine comment.php hat mir geholfen. Ein paar Zeilen reichten für mein Glück :-)

  10. Matze, Februar 9, 2006:

    Ja, deine comment.php hat mir geholfen. Ein paar Zeilen reichten für mein Glück :-)

  11. Angelcurse, Februar 18, 2006:

    Hallo,

    was muss ich denn nun in die style.css reinschreiben, um die Klasse alt zu definieren!?

    LG
    Katharina

  12. Christian Strang, Februar 18, 2006:

    Eine Styledefinition für die “alt” Kommentare. Jeder zweite Kommentar wird soll ja hervorgehoben werden, demnach muss man das im Stylesheet festlegen.

    Bei deiner Website müsstest du folgendes ins Stylesheet schreiben:

    .commentlist .alt {
    background: black;
    }

    So, oder so ähnlich, hoffe mit dem Ansatz klappts.

  13. Angelcurse, Februar 19, 2006:

    Danke, es hat auf Anhieb funktioniert :)

  14. Oliver, Mai 25, 2006:

    Hi,
    bin per Suchmaschine hier her geraten. Ich will gerade eine Kommentarfunktion für meine Website entwickeln und frage mich, ob ich die Eingabe einer funktionstüchtigen E-Mailadresse erzwingen soll und schaue, wie andere diese Funktion realisieren. Wäre vielleicht gut, damit nicht jeder irgendeinen Rotz absetzen kann.
    Hier wird es wohl auch erzwungen.
    Dann will ich noch ein Häkchen setzbar machen, ob der Kommentator auch über Antworten benachrichtigt werden will

  15. Christian Strang, Mai 25, 2006:

    Ja, erzwingen ist die devise, ansonsten kommt zuviel Müll durch.

  16. faradrim, Dezember 20, 2006:

    Hi,

    ich hab nicht sehr viel Erfahrung mit PHP und bin jetzt schon seit 2 Stunden am rumfrickeln. Es will mit Kubrik einfach nicht klappen. Die überflüssigen Leerzeichen habe ich natürlich schon aus dem Code rausgenommen.
    Christian… kannst Du mir bitte Deine comments.php schicken? Das wäre superlieb.

    Grüße

  17. Kirsten, Juni 17, 2008:

    Hallo,
    Ich suche für meine statische Homepage ein Kommentarscript, das sich leicht einbauen lässt. Die Kommentare sollen so aussehen, wie in den üblichen Blogs. Das Script muss nur farblich zu meiner Homepage anzupassen sein und ich muss eigenen vor den Kommentaren Text einsetzen können – eben so, wie bei den üblichen Blogs. Wer kann helfen oder wo kann ich mir Hilfe einholen? Ich weiß, bei WordPress kann man sich so etwas downloaden – hab mir wirklich alle Mühe gegeben, aber ich finde mich nicht zurecht…. Bin halt ein Laie… Hinter so einem Kommentarscript verbirgt sich ja eine ganze Datenbank. Kann man sich sowas nicht auf seinem Rechner anlegen? Wenn ja, wie? Oder gibt es derartige Programme zu kaufen? Für jeden Fachmann hier in der Runde hört sich das wahrscheinlich ziemlich dilettantisch an. Ich hoffe dennoch auf eine baldige Lösung :-)))

Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.