Vai al contenuto principale

Come aggiungere una classe pari / dispari articoli sul tuo WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Vuoi aggiungere classi pari e dispari agli articoli sul tema del tuo blog WordPress? L'aggiunta di una classe ti consentirà di visualizzare uno stile particolare per ogni articolo.

In questo tutorial, ti mostreremo come visualizzare classi pari o dispari su WordPress.

per visualizzare le classi dispari persino di WordPress recuperate

Perché aggiungere lezioni? coppie "O" Dispari »Sul tema del tuo blog WordPress?

Molti temi WordPress utilizzano una vecchia o addirittura una classe per i commenti di WordPress. Consente agli utenti di vedere dove finisce un commento e inizia l'altro.

Allo stesso modo, puoi usare questa tecnica per i tuoi articoli. Sembra esteticamente gradevole per consentire agli utenti di scansionare rapidamente pagine ingombranti. Ciò è particolarmente utile per la home page di siti di giornali o riviste.

Detto questo, vediamo come aggiungere una classe negli articoli del tuo blog WordPress.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Come aggiungere una classe pari / dispari su WordPress

WordPress genera classi CSS predefinite e le aggiunge a diversi articoli sul tuo sito Web al volo. Queste classi CSS aiutano gli sviluppatori di plugin e temi ad aggiungere i propri stili a ciascun articolo diverso.

WordPress offre anche una funzione chiamata " post_class Che viene utilizzato dagli sviluppatori di temi per aggiungere lezioni agli articoli.

La funzione post_class È anche un filtro, il che significa che puoi manipolarlo con. Questo è esattamente quello che faremo qui.

Basta aggiungere questo codice al file functions.php del tuo tema WordPress.

Funzione oddeven_post_class ($ class) {$ current_class globale; $ Classi [] = $ current_class; Current_class $ = ($ current_class == 'strano')? 'Anche' 'strano'; return $ classi; } Add_filter ( 'post_class', 'oddeven_post_class'); $ Current_class globale; $ Current_class = 'strano';

Questa funzione aggiunge semplicemente una classe per uniformare e oggetti strani.

Troverai classi pari e dispari nel codice sorgente del tuo sito. Basta portare il mouse sul titolo di un articolo, quindi fare clic con il pulsante destro del mouse per ispezionare l'elemento.

visualizzare in anteprima anche l'articolo WordPress dispari

Ora che hai aggiunto le classi pari e dispari ai tuoi articoli. Il prossimo passo è dare loro uno stile unico con i CSS. Puoi aggiungere il tuo codice CSS personalizzato sul tema figlio o utilizzando un semplice plug-in CSS.

Ecco un esempio di codice CSS che puoi utilizzare come punto di partenza:

.Anche {background: #f0f8ff; .odd} {background: #f4f4fb; }

Ecco come può essere il risultato:

articoli WordPress colori alternativi

Avrai bisogno di un po 'di pratica per ottenere buoni risultati, ma per questo dovrai padroneggiare i CSS o semplicemente usare uno strumento come CSS eroe.

È così semplice. Spero che questo tutorial ti sia di grande aiuto. Sentiti libero di farci domande o condividere questo tutorial con i tuoi amici sui tuoi social network preferiti.

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
12 azioni
quota8
Tweet1
Enregistrer3