Leonardo.it

I say blog!


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ì?!

12 Commenti Scritto da Andrea Guida (Naqern)
Altri articoli:

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


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.

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

    Rispondi  |  Quota
  3. naqern

    @Lino: grazie a te. ;)

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

    ciao! :)

    Rispondi  |  Quota
  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?

    Rispondi  |  Quota
  5. naqern

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

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

    <li id="comment-">

    Rispondi  |  Quota
  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!

    Rispondi  |  Quota
  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).

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

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

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

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

    Rispondi  |  Quota




Archivio

Categorie
page counter



Feed RSS
Tieniti sempre aggiornato, iscriviti ora ai Feed Rss.
Guida sulla seduzione!

Ebook sulle tecniche segrete di seduzione passiva

Guadagnare Online

guadagnare online

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
Tag Cloud 3D



I Blog del Network iSayBlog!




©Geekissimo, è parte del network iSayBlog.