Slik legger du merkelig / lik klasse til innlegget ditt i WordPress-temaer

Vil du legge til Odd and Even klasser til innlegg i WordPress-temaet ditt? Hvis du legger til en merkelig og jevn klasse, kan du stille hver annen post annerledes. I denne artikkelen vil vi vise deg hvordan du legger til odde / jevne klasse i innlegget ditt i WordPress-temaer.

Hvorfor legge til merkelig / lik klasse til innleggene dine i WordPress-temaer?

Mange WordPress-temaer bruker en gammel eller til og med klasse for WordPress-kommentarer. Det hjelper brukere å visualisere hvor en kommentar slutter, og den neste begynner.

På samme måte kan du bruke denne teknikken til WordPress-innleggene dine. Det ser estetisk godt ut og hjelper brukerne til raskt å skanne sider med mye innhold. Det er spesielt nyttig for hjemmesiden til magasin- eller nyhetswebsider.

Når det er sagt, la oss se hvordan du legger til en merkelig og jevn klasse til innleggene dine i WordPress-tema.

Legge til merkelig / lik klasse for innlegg i WordPress Theme

WordPress genererer standard CSS-klasser og legger dem til forskjellige elementer på nettstedet ditt på fluen. Disse CSS-klassene hjelper plugin og temautviklere å legge til egne stiler for forskjellige elementer.

WordPress kommer også med en funksjon som heter post_class, som brukes av temautviklere for å legge til klasser for å legge inn posten. Se vår guide om hvordan du stiler hvert WordPress-innlegg annerledes.

De post_class er også et filter, noe som betyr at du kan koble dine egne funksjoner til den. Dette er akkurat det vi skal gjøre her.

Bare legg til denne koden i temaets funksjoner.php-fil eller et nettstedspesifikt plugin.

 funksjon oddeven_post_class ($ klasser) global $ current_class; $ klasser [] = $ current_class; $ current_class = ($ current_class == 'odd')? 'jevn': 'merkelig'; returner $ klasser;  add_filter ('post_class', 'oddeven_post_class'); global $ current_class; $ current_class = 'odd'; 

Denne funksjonen legger ganske enkelt til det første innlegget, så til og med, og så videre.

Du kan finne merkelige og jevne klasser i nettstedets kildekode. Bare ta musen til en stolpe og deretter høyreklikk for å velge Inspisere eller Inspisere Element.

Nå som du har lagt til jevne og underlige klasser til innleggene dine. Det neste trinnet er å style dem ved hjelp av CSS. Du kan legge til egendefinert CSS i barnetemaets stilark, eller ved hjelp av Simple Custom CSS plugin.

Her er et eksempel på CSS som du kan bruke som utgangspunkt:

 .selv bakgrunn: # f0f8ff;  .odd bakgrunn: # f4f4fb;  

Slik så det på teststedet vårt:

Hvis du ikke vet hvordan du bruker CSS, kan du kanskje sjekke ut CSS Hero. Det lar deg legge til CSS til noen del av WordPress-siden uten å skrive noen kode.

Vi håper denne artikkelen hjalp deg med å lære hvordan du legger til odde / jevne klasse for innleggene dine i WordPress-temaer. Du vil kanskje også se vår guide om hvordan du kan stile ditt WordPress-kommentarer layout.

Hvis du likte denne artikkelen, vennligst abonner på vår YouTube Channel for WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Facebook.