Gå till innehållet

Hur man lägger till en klass jämn / udda objekt på din Wordpress

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Vill du lägga till jämna och udda klasser till artiklar om temat för din 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.

för att visa ojämna WordPress-hämtade klasser

Varför lägga till klasser? par "Eller" Udda »På temat för din WordPress-blogg?

Många WordPress-teman använder en gammal eller till och med klass för WordPress-kommentarer. Det låter användare se var en kommentar slutar och den andra 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.

Med det sagt kommer vi se hur du lägger till en klass i artiklarna i din WordPress-blogg.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

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 ditt WordPress-temas funktioner.php-fil.

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.

förhandsgranska även udda WordPress-artikel

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:

alternativa färger WordPress-artiklar

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.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
12 aktier
del8
tweet1
Enregistrer3