Personalizzare il primo post di WordPress

ATTENZIONE: questo articolo è più vecchio di un anno, e potrebbe non essere più attuale, sei pregato di tenerne conto.

[tweet “Come diversificare esteticamente il primo post di #WordPress con un semplice #snippet”]

In alcuni casi può tornare utile, nella gestione di un blog, diversificare esteticamente il primo post.

Cambiare colori, allineamenti e caratteri, aggiungere bordi e tante altre operazioni che si possono fare facilmente, se si ha una classe CSS a cui fare riferimento.

Vediamo allora come inserire una classe CSS al primo post di un loop di WordPress.

Il codice che segue va inserito nel solito file delle funzioni del tema, il functions.php, meglio ancora se si utilizza un tema child.

add_filter( 'post_class', 'primo_post_classe_css' );
 
function primo_post_classe_css( $classes ) {
    global $wp_query;
    if ( 0 == $wp_query->current_post ) {
        $classes[] = 'primo-post';
    }
    return $classes;
}

A questo punto è possibile utilizzare la classe .primo-post nel proprio CSS personalizzato, ed apporre tutte le modifiche che si desiderano.

Considerazioni generali sull’uso di questo snippet:

  1. lo snippet qui sopra è stato testato con WordPress 4.0, con il tema Twenty Fourteen ed altri temi.
  2. con alcuni temi lo snippet è inutile, in quanto alcuni temi inseriscono, bontà loro, una classe CSS che distingue il primo post del loop.
  3. in teoria ci sarebbe una soluzione alternativa, senza l’utilizzo di snippet, che chiama in causa pseudo classi che avevo già affrontato e abbandonato per problemi di compatibilità con qualche browser. Perciò ho pensato che l’uso di una classe CSS vera e propria fosse un sistema più affidabile.
Che ne pensi?
Domande? Suggerimenti?
Lascia un commento…

Condividi se ti è piaciuto!

Condividi su facebook
Condividi su twitter
Condividi su linkedin
Condividi su whatsapp

Articoli correlati:

Roberto Rota

Roberto Rota

Libero professionista, un "artigiano del web", lavoro nella comunicazione in rete da quando esiste Internet. Mi occupo principalmente di assistenza su WordPress e assistenza e consulenza WooCommerce, seguo la realizzazione di progetti web, in particolare siti di e-commerce, visibilità e comunicazione in rete. Il mio curriculum è su Linkedin, e mi puoi trovare anche su Instagram, FaceBook e Twitter.

DAI IL TUO CONTRIBUTO

Se il mio lavoro ti è stato di aiuto, contribuisci alla continuità di questo sito.
Basta una piccola donazione su PayPal, una pizza e una birra alla tua salute!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Ciao, mi chiamo Roberto...

Mi occupo di progetti web, in particolare siti di e-commerce, ed aiuto molte aziende e professionisti a comunicare e vendere grazie ai loro siti web. 
Conosciamoci meglio…

Hai bisogno di aiuto o maggiori informazioni su questo articolo? Contattami:

Altri articoli

Rimaniamo in contatto!

Iscriviti alla mia newsletter per ricevere maggiori informazioni, consigli e barbatrucchi per migliorare la gestione del tuo sito e la tua esperienza sul web.

Riceverai una mail con un link per confermare la tua iscrizione.

Ciao, come posso aiutarti?