Daily Code Poem #32

News
Tools
Bücher
Fotos
Impressum
Be social!
Finden

Meine Kommentarliste gefällt mir nicht, ich hätte gerne einen abwechselnden Stil. Es soll einfach jeder zweite Kommentar einen anderen Hintergrund erhalten, aber ich habe keine Ahung wie das geht!

Dazu brauchst du einen/zwei definierte CSS-Stile und einen geänderten Kommentar-Loop (ab WP 2.7 sollten die Klassen eigentlich automatisch hinzugefügt werden):

Fangen wir mit der CSS-Datei an:

^?View Code CSS

.odd {
  background: white;
  border: 1px solid black;
  margin: 10px;
}
.even {
  background: silver;
  border: 1px solid blue;
  margin: 10px;
}

Nun passen wir den Kommentar-Loop in den passenden Dateien des Themes an:

^?View Code PHP

<ul>
< ?php 
  //Comments numerieren
  $i = 0; 
  foreach ($comments as $comment) : 
    $i++; 
?>
<li id="comment-<?php comment_ID(); ?>"
  < ?php if(($i % 2) == 1) {echo 'class="odd"';} else 
    {echo 'class="even"';} ?>>
  < ?php comment_text(); ?>
</li>
<php endforeach; ?>
</php></ul>

Daily Code Poem #32 wurde am 5. 7. 2010 um etwa 11 Uhr gepostet und am 28. 6. 2010 um etwa 8 Uhr geändert.
Development wären noch interessante Themen.
Dies könnte Dich auch interessieren: Code Poem, Kommentare, Loop, WordPress.
Kommentiere als Erster diesen Post!

Weitere Posts zu diesem Thema

Daily Code Poem #34

Wie kann ich die Kommentare des Autors eines Posts in WordPress hervorheben? Dazu müssen wir den Kommentar-Loop anpassen und auch einen eigenen CSS-St [...]
Eine Kommentarantwort in WordPress feststellen

Auch dieses Problem ist mir beim neuen Design des Guru Blogs aufgefallen. Ich wollte in der Artikelansicht eine eigene Kommentarliste haben. Diese sol [...]
Den Titel eines Posts mit einem Band hinterlegen [Code Poem #7]

Ich hätte als Titel gerne ein Band über einem Hintergrund, so wie es auf dem Bild aussieht: Dies geht eigentlich ganz einfach mit den neuen Techniken [...]
Aktuelle Kommentare in WordPress anzeigen

Natürlich werdet Ihr sagen, dafür gibt es ja ein Widget. Einfach im DashBoard in die Seitenliste ziehen und das war's. Aber so einfach ist es halt nic [...]
Ein CSS-StyleSheet zum Anfang

Es fällt mir immer wieder auf, dass manche Designer auf grundlegende CSS-Definition vergessen. Am öftesten wird das zurücksetzen der vom jeweiligen Br [...]