Så här lägger du till udda / jämn klass till din post i WordPress-teman

Vill du lägga till udda och jämn klasser till inlägg i ditt WordPress-tema? Om du lägger till en udda och jämn klass kan du utforma alla andra inlägg på olika sätt. I den här artikeln visar vi hur du lägger till udda / jämn klass till ditt inlägg i WordPress-teman.

Varför Lägg till udda / jämn klass till dina inlägg i WordPress-teman?

Många WordPress-teman använder en gammal eller till och med klass för WordPress-kommentarer. Det hjälper användarna att visualisera var en kommentar slutar och nästa börjar.

På samma sätt kan du använda denna teknik för dina WordPress-inlägg. Det ser vackert ut och hjälper användare att snabbt skanna sidor med mycket innehåll. Det är särskilt användbart för hemsidor för tidnings- eller nyhetswebbplatser.

Med detta sagt, låt oss se hur du lägger till en udda och jämn klass till dina inlägg i WordPress-temat.

Lägga till udda / jämn klass till inlägg i WordPress Theme

WordPress genererar standard CSS-klasser och lägger till dem på olika objekt på din hemsida på flugan. Dessa CSS-klasser hjälper plugin och temaprojektorer att lägga till egna stilar för olika objekt.

WordPress kommer också med en funktion som heter post_class, som används av temaprojektorer för att lägga till klasser för att posta objekt. Se vår guide om hur du utformar varje WordPress-post på olika sätt.

De post_class är också ett filter, vilket innebär att du kan koppla dina egna funktioner till den. Det här är precis vad vi ska göra här.

Lägg bara till den här koden i ditt temas funktioner.php-fil eller ett sajtspecifikt plugin.

 funktion oddeven_post_class ($ classes) global $ current_class; $ klasser [] = $ current_class; $ current_class = ($ current_class == 'udda')? "jämna": "udda"; returnera $ klasser;  add_filter ('post_class', 'oddeven_post_class'); globala $ current_class; $ current_class = 'udda'; 

Denna funktion lägger helt enkelt till det första inlägget, då ens, och så vidare.

Du hittar de udda och jämnaste klasserna i din webbplatss källkod. Ta bara musen till en posttitel och högerklicka för att välja Inspect eller Inspect Element.

Nu när du har lagt till jämn och udda klasser till dina inlägg. Nästa steg är att utforma dem med hjälp av CSS. Du kan lägga till din anpassade CSS i ditt barntema stilark eller genom att använda Simple Custom CSS plugin.

Här är ett exempel CSS som du kan använda som utgångspunkt:

 .även bakgrund: # f0f8ff;  .odd bakgrund: # f4f4fb;  

Så här såg det på vår testplats:

Om du inte vet hur du använder CSS, kanske du vill kolla CSS Hero. Det låter dig lägga till CSS på någon del av din WordPress-webbplats utan att skriva någon kod.

Vi hoppas att den här artikeln hjälper dig att lära dig hur du lägger till udda / jämn klass till dina inlägg i WordPress-teman. Du kanske också vill se vår guide om hur du utformar din WordPress-kommentarlayout.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.