Come alternare i colori di sfondo dei commenti nei blog WordPress

Carissimi amici geek aspiranti blogger, o già affermati tali, benvenuti in un nuovo appuntamento dedicato alla piattaforma WordPress ed ai consigli per rendere ancora più piacevole la navigazione nei blog su essa basati.

Oggi ci occupiamo dell’effimero, ma sempre rilevante, aspetto grafico del blog, vedendo insieme come fare ad alternare i colori di sfondo dei commenti. Una pratica che nei post con un numero rilevante di commenti può tornare utile per non “perdersi” nei fiumi di parole visualizzati sullo schermo del computer.

Basta inserire qualche rigo di codice nei punti giusti ed il gioco è fatto in men che non si dica. Ecco come procedere passo passo:


  1. Aprire il file comments.php del proprio blog
  2. Recarsi appena sotto la stringa < ?php if ( $comments ) : ?>:
  3. Inserire quanto segue:
    <ul>
    < ?php $i = 0; ?>
    < ?php foreach ($comments as $comment) : ?>
    < ?php $i++; ?>
    <li id="comment-<?php comment_ID() ?>"< ?php if($i&amp;1) { echo 'class="odd"';} else {echo 'class="even"';} ?>></li></ul>

    4. Adesso bisogna creare due nuovi stili, uno chiamato .even ed uno chiamato .odd, nel file style.css del blog:

    .odd {
    background-color: #fcf9fc; }
    .even {
    background-color: #616161; }

    Ovviamente la scelta dei colori è libera, di conseguenza i codici mostrati nell’esempio qui sopra (#fcf9fc e #616161) vanno sostituiti con quelli che si desidera effettivamente utilizzare per alternare i colori di sfondo dei commenti. Più semplice di così?!

    Via | WordPress Garage