Geekissimo

Come alternare i colori di sfondo dei commenti nei blog WordPress

 
Andrea Guida (@naqern)
9 Maggio 2008
20 commenti

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

Potrebbe interessarti anche
Articoli Correlati
Come visualizzare una lista dei post recenti nei blog WordPress anche quando il tema utilizzato non lo permette

Come visualizzare una lista dei post recenti nei blog WordPress anche quando il tema utilizzato non lo permette

Come ribadito in più di un’occasione da queste stesse pagine, uno degli elementi fondamentali di un blog, subito dopo la qualità dei contenuti, è l’aspetto grafico, che deve essere gradevole […]

Come inserire nuovi pulsanti personalizzati nell’editor di WordPress

Come inserire nuovi pulsanti personalizzati nell’editor di WordPress

Ed eccoci tornati con un nuovo appuntamento con le guide utili a chi ha un blog WordPress e desidera potenziarlo in tutto e per tutto, sia per se che per […]

20 tipi di pagine che ogni blogger dovrebbe prendere in considerazione

20 tipi di pagine che ogni blogger dovrebbe prendere in considerazione

Carissimi amici geek, eccoci ancora qui con un nuovo appuntamento dedicato ai blogger, o agli aspiranti tali. Oggi abbiamo deciso di accantonare un po’ gli articoli e la loro struttura […]

Blog WordPress, come utilizzare una home page diversa da quella predefinita

Blog WordPress, come utilizzare una home page diversa da quella predefinita

Da bravi geek avrete sicuramente notato che le home page dei milioni di blog presenti sul web sono quasi tutte impostate nello stesso modo: l’elenco degli articoli più recenti comparsi […]

Blog WordPress, come separare i commenti dai trackback

Blog WordPress, come separare i commenti dai trackback

Ed ecco che anche oggi torniamo a dare una mano a tutti coloro che, per un motivo o l’altro, hanno deciso di aprire un blog utilizzando come piattaforma l’ottimo WordPress […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

  • #1Lino

    Grazie mille, proprio quello che cercavo.

    9 Mag 2008, 10:57 am Rispondi|Quota
  • #2Diablos

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

    9 Mag 2008, 11:05 am Rispondi|Quota
  • #3naqern

    @Lino: grazie a te. 😉

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

    ciao! 🙂

    9 Mag 2008, 1:17 pm Rispondi|Quota
  • #4cirio

    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?

    9 Mag 2008, 1:26 pm Rispondi|Quota
  • #5naqern

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

    9 Mag 2008, 1:38 pm Rispondi|Quota
  • #6Lauryn

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

    <li id="comment-">

    11 Mag 2008, 6:26 pm Rispondi|Quota
  • #7Lauryn

    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!

    11 Mag 2008, 6:27 pm Rispondi|Quota
  • #8Francesco

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

    12 Mag 2008, 6:39 pm Rispondi|Quota
  • #9Lauryn

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

    12 Mag 2008, 7:02 pm Rispondi|Quota
  • #10cirio

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

    13 Mag 2008, 7:29 pm Rispondi|Quota
  • #11Lauryn

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

    14 Mag 2008, 8:35 am Rispondi|Quota
  • #12cirio

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

    17 Mag 2008, 6:48 pm Rispondi|Quota
  • #13Giuseppe

    E molto semplice andate su: http://www.eurorisparmio.com e cercate nella categoria che vi possa interessare!.

    9 Lug 2010, 8:20 pm Rispondi|Quota
  • #14ViaMurka

    диета-лечебное питание присмотром панкреатите после операциидиета при подагре суставовдиетолог о пользе красной икрыдиета при гастритесемь мифов о еде и похудениидиетическое молоко пармалаттелепередача малахов тема лишний вес онлайндиета при ибскашевая диета диета на кашепохудет на 5 кггречневая диета прыщиспособ похудения при весе 200 кгсбросить 7 кг за неделю без диеткамни помогают похудетьлекарство от похудения бомбая после родов хочу похудетьпри диете 5 можно пить чайный грибдиета маргариты трифановойкак сильно похудеть за 5 днейправильное питание для культуристов

    12 Giu 2011, 2:15 am Rispondi|Quota
  • #15zzzithrommax

    [b]azithromycin order online[/b]

    azithromycin antibiotic

    24 Nov 2011, 8:44 am Rispondi|Quota
  • #16erectile dysfunction causes

    erectile damage
    erectile means
    erectile vacuum pump demonstration

    16 Nov 2020, 10:39 pm Rispondi|Quota
  • #17impotence

    erectile restoration centers llc
    can erectile dysfunction be fixed
    does erectile dysfunction destroy marriages

    28 Nov 2020, 9:51 am Rispondi|Quota
  • #18Google

    Here are some links to web pages that we link to since we consider they are worth visiting.

    7 Ago 2021, 11:52 pm Rispondi|Quota
  • #19qnuvtutle

    [url=https://modafinilon.shop/]oral modafinil 200mg[/url] generic provigil 200mg

    5 Mag 2022, 11:36 am Rispondi|Quota
  • #20xsbstutle

    [url=https://modafinilly.shop/]modafinil 100mg us[/url]

    5 Mag 2022, 11:36 am Rispondi|Quota