Leonardo.it

I say blog!

  • 09
  • mag

Come alternare i colori di sfondo dei commenti nei blog Wordpress

Di Andrea Guida (Naqern), in Blog, Guide, Internet, Temi, Tips/Trick, Web 2.0, Web 2.0, 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ì?!







Altri articoli:

Articoli correlati a "Come alternare i colori di sfondo dei commenti nei blog Wordpress"


This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

Commenti:

Sono stati scritti 12 commenti su "Come alternare i colori di sfondo dei commenti nei blog Wordpress"

  1. Grazie mille, proprio quello che cercavo.

  2. è la prima volta che ho a che fare con un blog… mi direste dove li trovo quei files .php?

  3. naqern

    @Lino: grazie a te. ;)

    @Diablos: nello spazio web dove hai installato wordpress (non funziona sui blog gratuiti di wordpress.com).

    ciao! :)

  4. ottimo!!! era un po che cercavo una cosa simile, io vorrei però adattarlo alle mie esigenze, se volessi colorare solo alcuni commenti, basta fare lo stesso percorso inserendo il numero dell’id del commento giusto?

  5. naqern

    @cirio: credo di sì. Ciao e grazie a te. ;)

  6. ci sono alcuni errori nel codice.
    riporto di seguito come dovrebbe essere:

    <li id="comment-">

  7. eh come immaginavo non me lo riporta.
    in sostanza i tag di apertura del php non sono corretti in quanto il punto di domanda deve essere attaccato al “php” e il codice & amp; è solamente &
    spero di essere stata di aiuto!

  8. Grazie, ottima cosa, anche se preferisco non modificare tanto il codice di WP, infatti ho optato per un plugin che fa questo.
    In particolare ho scaricato un plugin che evidenzia i commenti dell’autore, e non solo cambia lo sfondo, ma agisce anche sui caratteri (vedi il mio blog).

  9. ci diresti il nome della plugin? potrebbe essere utile.
    grazie!

  10. lauryn ma te ci sei riuscita quindi!? p.s hai scoperto il nome di qst plugin?

  11. io ci sono riuscita correggendo gli errori di cui sopra, la plugin aspettavo che la dicesse Francesco visto che l’ha usata :D

  12. ti ho lasciato un commento sul blog con scritto il nome;)





Segui Geekissimo su Twitter Diventa fan di Geekissimo su Facebook Segui Geekissimo su FriendFeed!

Gallery

Diventa fan di Geekissimo su Facebook!


Feed RSS

Tieniti sempre aggiornato, iscriviti ora ai Feed Rss.

Registrati & Login

Registrati ed identifica i tuoi commenti comodamente.

Newsletter

Inserisci il tuo indirizzo email per iscriverti alla Newsletter e ricevere tutti i nuovi post del blog:

Articoli in Evidenza

120x60 Genius Card Studenti dp 120x60_ITA_gif

Annunci Google


Archivi

Categorie






©Geekissimo, è parte advertising del network iSayBlog.