Vill du lägga till udda och jämna klasser till artiklar om ämnet ditt Wordpress blogg ? Om du lägger till en klass kan du visa en viss stil för varje artikel.
I den här tutorialen visar vi dig hur du kan visa jämna eller udda klasser på WordPress.
Varför lägga till klasser? par "Eller" Udda » på temat din Wordpress blogg ?
många WordPress-teman använd en gammal eller samma klass för WordPress-kommentarer. Det låter användare se var en kommentar slutar och en annan börjar.
På samma sätt kan du använda denna teknik för dina artiklar. Det ser estetiskt tilltalande ut att låta användare snabbt skanna stora sidor. Detta är särskilt användbart för hemsidan för tidnings- eller tidningswebbplatser.
Som sagt, vi kommer att se hur du lägger till en klass i dina artiklar Wordpress blogg.
Så här lägger du till en jämn / udda klass till WordPress
WordPress genererar standard CSS-klasser och lägger till dem i olika artiklar på din webbplats. Dessa CSS-klasser hjälper plugins och temautvecklare lägga till sina egna stilar i varje olika artikel.
WordPress erbjuder också en funktion som heter " post_class Vilket används av temautvecklare för att lägga till klasser i artiklar.
Funktionen post_class Är också ett filter, vilket betyder att du kan manipulera det med. Det är precis vad vi ska göra här.
Lägg bara till den här koden i din functions.php-fil. Wordpress tema.
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 en klass till jämn och udda objekt.
Du hittar udda och jämna klasser i källkoden på din webbplats. Ta bara musen till titeln på en artikel och högerklicka sedan för att inspektera objektet.
Nu när du har lagt till de udda och jämna klasserna i dina artiklar. Nästa steg är att ge dem en unik stil med CSS. Du kan lägga till din anpassade CSS-kod på ditt barns tema eller genom att använda ett enkelt CSS-plugin.
Här är ett exempel på CSS-kod som du kan använda som utgångspunkt:
.even {bakgrund: #f0f8ff; } .odd {bakgrund: #f4f4fb; }
Så här kan resultatet bli:
Du behöver lite övning för att få bra resultat, men för detta måste du behärska CSS eller bara använda ett verktyg som CSS hjälte.
Det är så enkelt som det. Jag hoppas att denna tutorial kommer att vara till stor hjälp för dig. Ställ oss gärna frågor eller dela denna självstudie med dina vänner på dina favorit sociala nätverk.
