Zurück zur Homepage

KS Webdesign - Der Blog

Kommentar des Autors hervorheben

09. November 2009 von Klaus

Schon manchmal dachte ich mir, das es nicht übel wäre, wenn man die Kommentare des Autors farblich etwas hervorheben könnte.

Für die entsprechende Stelle wird schon durch die comments.php für jeden Listenpunkt eine id vergeben. Das hieße erst posten, dann durch das Studium des Quelltextes die id raussuchen, die style.css ergänzen und hochladen.

Und das jetzt bitteschön für jeden eigenen Kommentar.

Umpf!! Als wenn ich sonst nix zu tun hätte.

Das geht auch viel einfacher.

Wir müßten nur dafür sorgen, das für den Listenpunkt eine entsprechende Klasse generiert wird, die wir dann wiederrum per CSS gestalten könnten.

Zwei Klassen brauchen wir: eine .autor und eine .gast.

Werfen wir erst mal einen Blick in eine Wald-und-Wiesen-comments.php

Die entscheidende Stelle schaut bisher so aus::

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

Dort frimeln wir jetzt zwei kurze Abschnitte PHP-Code hinein.

Erster Codeabschnitt:

  • <?php if($comment->comment_author_email == get_the_author_email() && ($comment->user_id != 0)) {
  • $class = "autor";
  • } else {
  • $class = "gast";
  • }?>

Zweiter Codeabschnitt:

  • class="<?php echo $class; ?>"

Endergebnis:

  • <?php foreach ($comments as $comment) : ?>
  • <?php if($comment->comment_author_email == get_the_author_email() && ($comment->user_id != 0)) {
  • $class = "autor";
  • } else {
  • $class = "gast";
  • }?>
  • <li id="comment-<?php comment_ID(); ?>"class="<?php echo $class; ?>">

Das hat sogar so ein PHP-Vollpfosten wie ich hinbekommen.

Bisher habe ich die Kommentarbox so gestaltet:

  • #inhalt ol#commentlist li {
  • background-color:#ebeded;
  • color:#000;
  • padding:0.5em 0.5em 0 0.5em;
  • border:1px dotted #b6bdb6;
  • margin:1em 0;
  • }

Jetzt habe ich einfach direkt darunter ergänzt:

  • #inhalt ol#commentlist li.autor {
  • background-color:#fdfdef;
  • border:1px solid #a7aea7;
  • }

Mein besonderer Dank gilt Dieter, ohne ihn wäre dieser Artikel nicht entstanden.

8 Kommentare

  1. von Dieter – Montag, 09. November 2009 um 18:07

    Hallo Klaus,

    freut mich, dass Du es doch direkt hinbekommen hast.

    Da bin ich jetzt mal auf die farbliche Hervorhebung Deines Antwortkommentars gespannt. ;-)

    Beste Grüße
    Dieter

  2. von Hubspe – Montag, 09. November 2009 um 19:04

    Hi Dieter,

    Da bin ich jetzt mal auf die farbliche Hervorhebung Deines Antwortkommentars gespannt.

    Die Hervorhebung ist nicht zu krass gewählt.
    Man soll lediglich auf einem Blick die Kommentare des Autors erfassen.
    Die Anmerkungen meiner Gäste sollen dagegen nicht untergehen. ;)

    Gruß
    Klaus

  3. von Dieter – Montag, 09. November 2009 um 20:22

    Hallo Klaus,

    Die Hervorhebung ist nicht zu krass gewählt.

    Ist Dir nach meiner unmaßgeblichen Meinung sehr gut gelungen. Dezent und doch ins Auge fallend. ;-)

    Gruß zurück
    Dieter

  4. von paby – Mittwoch, 25. November 2009 um 07:44

    da stöber ich mal so in den artikeln…
    und wen find ich ? den dieter! wink…

    habt ihr hübsch und effektiv gebastelt ;-)

  5. von Hubspe – Mittwoch, 25. November 2009 um 08:30

    Moin paby,

    danke. :)

    Die Bastlerszene ist nicht so groß.
    Da läuft man sich immer wieder über den Weg.

    Gruß
    Klaus

  6. von Dieter – Dienstag, 22. Dezember 2009 um 14:14

    Grüße zurück an Paby, die ich noch aus meinen NOF-(Forum-)Zeiten kenne (NOF = Netobjects Fusion).

    Gebastelt hat das Klaus ganz alleine. :-)
    Nur die Anregung bekam er durch meinen Blogbeitrag.

  7. von ragtek – Samstag, 26. Dezember 2009 um 00:35

    Danke für den Artikel.
    Genau das wollte ich schon vor langer Zeit bei mir umsetzen

  8. von Hubspe – Samstag, 26. Dezember 2009 um 11:35

    Moin,

    Danke für den Artikel.

    bitte, gerne. :-)

Sprich und fürchte dich nicht:

Die Angaben des Namens und der E-Mail sind leider notwendig, das Feld für die Website optional.

Bitte maskiert < mit &lt; und > mit &gt; sonst verschwinden sie im Nirgendwo!

« »