Evidenziare i commenti scritti dagli autori del post con poche righe di codice in WordPress

comment highlighted

Vi piacerebbe avere una soluzione simile a quella in foto?? Magari senza modificare nessuna parte dell’html della grafica del proprio blog [tag]WordPress[/tag] ma soltanto aggiungendo poche righe di codice al proprio file e copiando la classe del foglio di stile per farne una seconda con colori cambiati? Bene seguite questa mini guida sperando sia di facile comprensione.

Prima di tutto aprite il file comments.php, se non avete questo file cercate un po nel vostro template il loop dei commenti che dovrebbe avere il codice seguente:

<?php foreach ($comments as $comment) : ?>

Bene una volta trovato il loop che altro non che un ciclo foreach che stampa tutti i commenti di un articolo dovrete inserire subito sopra di questa riga o comunque prima e fuori da questo ciclo il codice:

<?php $authordata = get_userdata($post->post_author); ?>

Questo codice prender le credenziali dell’autore del post, in questo modo con l’ultimo spezzone di codice che inseriremo potremo capire quando il momento di differenziare lo stile del commento.

Ora all’interno del loop (il foreach di prima) aggiungete subito sotto il seguente codice:

<?php
$authcomment=false;
if ($comment->comment_author_email == $authordata->user_email) $authcomment=true;
?>

Ora non vi rester altro da fare che modificare la classe usata per il commento, a seconda dello stile che vorrete usare, sempre nel nostro loop. Mi rifar alla template di default e ai suoi codici usati, credo che dovreste riuscire ad applicare il codice su qualsiasi altra template facilmente.

Sostituite la riga:
<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Con la seguente:
<li class="<?php echo $oddcomment; if ($authcomment) echo '-highlighted'; ?>" id="comment-<?php comment_ID() ?>">

In pratica quanto authcomment true uscir la classe “-highlighted” oppure “alt-highlighted” a seconda che sar pari o dispari il commento.

Kubrick, il tema di default, alterna le classi dei commenti quindi dovrete creare due nuove classi nel foglio di stile (style.css), nel commento pari non definita alcuna classe quindi non si potr copiare quella esistente ma si dovr creare una nuova, mentre per quella dispari “alt” basta copiare la classe .alt esistente e modificare il colore di sfondo e impostare altre propriet, ma io non sono un grafico quindi mi limito solo a cambiare i colori di sfondo:

.highlighted {
background-color: #XXXXXX;
}

.alt-highlighted {
background-color: #XXXXXX;
}

Dove al posto delle sei X andranno i codici esadecimali del colore da voi scelto (appunto sei caratteri).

Migliore, suggerimenti e codici per altri tipi di stile potete postarli nei commenti, critiche incluse GRAZIE :d

Tag: , ,

14 Commenti a “Evidenziare i commenti scritti dagli autori del post con poche righe di codice in WordPress”

  1. Traffyk scrive:

    Con questa modifica del tema sono arrivato alla revision numero 38 :D ehehe che dite allora vi piace?? Ho fatto un post di prova :P

  2. Danilo scrive:

    Questa sera ci provo .. paura ;-)

  3. phoenix scrive:

    ovviamente questa guida vale solo per chi ha il blog su un server a parte e non su Wordpress, vero?

  4. Ale scrive:

    Tempo fa avevo implementato una soluzione simile, poi andata persa negli aggiornamenti di WP…

  5. flashmotus scrive:

    complimenti traffik, ottima guida, si pu essere bravi grafici o programmatori ma per insegnare con semplicit occorrono particolari doti che tu di sicuro possiedi. ;-)

  6. Traffyk scrive:

    @Danilo
    Avvisami quando completi il tutto, sono curioso di vedere gli stili scelti ;)

    @Phoenix
    No, purtroppo non vale per wordpress.com ma solo su Hosting proprio o in generale su servizi che ti permettono di modificare i file del template. Per credo che qualche template debba gia avere una soluzione del genere implementata…o almeno spero.

    @Ale
    Ti dir io invece ho avuto la fortuna di trovare gi nel foglio di stile la classe Highlighted (il tema derivato da Regulus) e quindi mi sono risparmiato la parte del foglio di stile che non avrei saputo fare :D

    @Flashmotus
    Allora diciamo che so insegnare come aggiungere una riga di codice alla template ma non so programmare molto bene :D Soprattutto in grafica sono totalmente negato, sto da un mese cercando di creare una bozza completa e funzionante di questo tema a 3 colonne senza stravolgere l’attuale lavoro senza riuscirci con risultati soddisfacenti (eh si sono un po pignolo su questo :P )
    Grazie

  7. Nicopi scrive:

    L’effetto bello, peccato che non si possa fare la modifica sui blog di Wordpress.com, tuttavia ho visto che alcuni temi come Freshy questa cosa ce l’hanno predefinita ;)

  8. Blacko scrive:

    lo devo provare!

  9. Blusfumato scrive:

    Spettacolo.. non sembra complicatissimo!
    Tra l’altro mi sembra ci sia un plug in che fa questo.. sono curioso di trovarlo per vedere le differenze :-)

  10. [...] La prima modifica l’ho “copiata” e rielaborata direttamente da un post di traffyk. [...]

Lascia un Commento



  • Feed RSS e contatti

    il mio super sexy feed rss
    Contatti (email, msn):

  • Consigli

    Questo blog è ospitato su Dreamhost, sei invece vuoi provare l'avventura di blogger e seguire le mie orme perchè non provi a visitare Italian Bloggers, Guadagnare Scrivendo!.

  • OpenStreetMap

    Sono mapper su OpenStreetMap.org, un progetto mondiale gratuito per la creazione di mappe stradali.
    openstreetmap
    Il mio nome utente è Traffyk.
  • Come guadagna il blog e disclaimer

    Semplicissimo, grazie a SprinTrade, ecco un mio articolo che spiega come guadagnare facendo scaricare giochi.
    Per qualsiasi richiesta comunque contattatemi via mail (sopra) o lasciate un commento.

    Su questo blog effettuo spesso delle recensioni a pagamento. I miei fedeli lettori non riceveranno mai questa tipologia di post nel feed rss, e inoltre i post saranno molto ambigui e di scarsa qualità.Al contrario di altri non ho nulla da nascondere, e accetto tranquillamente insulti sul blog o quello che vi pare. Volete mandarmi a cagare? Fatelo! Mille volte meglio un insulto o una critica che una leccata di culo.
  • Random Photos

    DSC01892
    beverly250_08
    prime foto 001
    DSC02018
    DSC01861
    DSC01814
    DSC01757
    DSC00090