Author (Admin) in den Kommentaren hervorheben

Von | 20. April 2010

Ich war gerade auf der Suche nach einer Möglichkeit eigene Kommentare im Blog hervorzuheben. Es gibt für diese Aufgabe eine überschaubare Menge an Plugins. Aber seit WordPress 2.7 ist dafür gar kein Plugin mehr notwendig. WordPress weist den Kommentaren die jeweilige CCS-Klasse zu.
Alles was Wir also machen müssen ist Diese in der Stylesheet (style.css) zu definieren. In meinem Beispiel weise ich den Kommentaren des Admins (User-ID 1) die Hintergrundfarbe blau #8DBDD8 zu. Angemeldete Nutzer bekommen die Hintergrundfarbe #E6E6E6 (helles grau).


/* Kommentare hervorheben */

li.byuser {
    background-color:#e6e6e6;
}

li.bypostauthor {
    background-color:#8DBDD8;
}

li.pingback {
    background-color:#ffffff;
}

Wer möchte kann hier auch noch runde Ecken oder ähnliches definieren :-)
ich habe noch mit


-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;

die Ecke gerundet. Ist zwar nicht W3C konform aber sieht besser aus :-)

im CSS3 gibt es übrigens runde Ecken ganz regulär:


border-radius: 10px;

jedoch können noch nicht alle Browser damit umgehen. Aber das dürfte nur eine Frage der zeit sein.

Ebenfalls möglich ist der sogenannte Schlagschatten; CSS3 konform:


box-shadow: 10px 10px 5px #e5e5e5; 

speziel für webkit (Chrome) & Firefox kann man den Schatten auch folgendermaßen erzeugen:


-webkit-box-shadow: 10px 10px 5px #8DBDD8;
-moz-box-shadow: 10px 10px 5px #8DBDD8;

20 Gedanken zu „Author (Admin) in den Kommentaren hervorheben

  1. Frank

    Super, vielen Dank, danach habe ich gesucht und funktioniert auch gleich, genial!

  2. Christian

    Hallo Sysmek,

    kann es sein, dass diese Vorgehensweise beim twentyten-Theme nicht zum Erfolg führt? Bei mir werden diese Klassen gar nicht für Kommentare verwendet.

  3. Sysmek Beitragsautor

    ich hab mir das gerade bei Dir angesehen. In der Tat wird es bei Dir nicht funktionieren. Das wird aber vermutlich nicht am twentyten-Theme liegen, sondern an den Zitat/Antwort-Plugin.

    Hab das mal auf meiner Spielwiese ausprobiert:

    mfg Dirk

  4. Christian

    Ich nutze gar keine Plugins, weiß aber woran es wohl liegt. Ich hatte den Blog auf einer anderen Domain gehostet und alle Kommentare wurden vor dem Umzug abgegeben. Beim Importieren der Artikel und Kommentare wird der Autor ja einem User des neuen Blogs zugeordnet. Und dabei gehen wohl Informationen verloren. Ich habe mal einen Testkommentar geschrieben, der hat nun die entsprechenden CSS-Klassen.
    Weißt Du vielleicht, ob man da nachträglich (vielleicht in der DB) was ändern kann?

  5. Sysmek Beitragsautor

    Ja, Du kannst das zB. mit phpMyAdmin in der Datenbank berichtigen.
    Dazu einfach in die Tabelle wp_comments gehen und bei den Kommentaren, welche der Admin geschrieben hat, das Feld user_id auf 1 setzen.
    vorheriges Backup der DB nicht vergessen.

  6. Frank

    Hallo Dirk,

    riesen Problem, habe en neues Design und hier funktioniert es nicht wirklich. :-( Es wieder das Feld blau anstatt dem Textfeld. :-(

    Siehe hier:

    Schade, wollte das eigentlich wieder genau so machen.

    Viele Grüße
    Frank

  7. Sysmek Beitragsautor

    @Frank
    Ich finde in deinem CSS kein Eintrag für li.bypostauthor !
    Du musst den Code-Schnipsel in die:

    /wp-content/themes/LondonLive/scripts/css/skins/default.css

    eintragen.

    Gruß
    Dirk

  8. Frank

    Hallo Dirk,

    den Code hatte ich in die style.css implentiert, weil es nicht funktioniert hat, habe ich diesen aber schon rausgenommen und das Bild für Dich gemacht. ;-)

    Habe es eben noch mal in der default.css probiert, lasse es mal drinne, hier siehst Du es auch ganz gut.

    Vielen Dank für den schnellen Support. ;-)

  9. Sysmek Beitragsautor

    Ich glaube

    #skyali_comments div.comment-body {
    background: url(„images/comment-top-line.png“) repeat-x scroll 0 0 #F6F6F6;

    in der style.css (Zeile 139) ist schuld daran. Hier wird #F6F6F6 als Hintergrundfarbe gesetzt.

  10. Frank

    Ja, da haste wohl Recht, in der Zeile kann man den Hintergrund für die Sprechblase ändern und mit deinem Trick kann ich den Hintergrund vom Feld aber nicht von der Sprechblase, wo der eigentliche Kommentar ja drinnen steht ändern, sicher gäbe es da eine Lösung aber da müsste ich wohl erst einmal php bzw. css lernen :-(

    Aber vielen Dank für deine Hilfe.

  11. Rosa

    Hallo Sysmek,

    ich habe deine Seite und diese CodeSchnipsel über Google gefunden und es klingt eigentlich idiotensicher, aber bei mir funktioniert es trotzdem nicht. Hast du eine Idee, wieso die Seite die Einstellungen nicht anzeigt? Bin für jede Hilfe dankbar :) Viele Grüße Rosa

  12. Sysmek Beitragsautor

    ich sehe auf dein Blog keine Kommentare von einem Admin ! Schreibst Du eventuell nur als normaler User ?

  13. Rosa

    Nein, eigentlich nicht. Habe grad nochmal im Backend nachgesehen, da bin ich als Admin deklariert und in der Datenbank ebenfalls.

  14. Sysmek Beitragsautor

    @Rosa:
    in deiner style.css:1984

    ul#comments-list, ul#comments-list li {
    background: none;
    padding: 0;
    }

    steht in Konkurrenz mit dem Admin-Style, lösche mal den Eintrag für background: none

  15. Ioannis

    Servus, ich kämpfe gerade auch mit dieser Sache. Den Code in die CSS Datei zu kopieren hat auch nicht geholfen. Liegt das evtl. an meinem Theme, so dass ich die Funktion im CSS anders nennen muss?

  16. sysmek Beitragsautor

    @loannis in der Tat, deine Kommentare werden nicht als Admin-Kommentare gekennzeichnet. Entweder benutzt Du für die Kommentare ein Plugin oder das Thema benutzt dafür eigenen Code….

    hier wird mein Tipp leider so nicht funktionieren :(

  17. Pingback: neues Design: responsives Thema - my GettoWEB.DE

Kommentare sind geschlossen.