Wilt u even en oneven klassen toevoegen aan artikelen over het onderwerp van uw WordPress blog ? Als u een klasse toevoegt, kunt u voor elk artikel een bepaalde stijl weergeven.
In deze zelfstudie laten we u zien hoe u even of oneven klassen op WordPress kunt weergeven.
Waarom klassen toevoegen? paires "Of" oneven » op het thema van jouw WordPress blog ?
Veel WordPress-thema's gebruik een oude of dezelfde klasse voor WordPress-opmerkingen. Hiermee kunnen gebruikers zien waar de ene opmerking eindigt en de andere begint.
U kunt deze techniek ook voor uw artikelen gebruiken. Het ziet er esthetisch aantrekkelijk uit om gebruikers in staat te stellen snel grote pagina's te scannen. Dit is vooral handig voor de startpagina van kranten- of tijdschriftensites.
Dat gezegd hebbende, zullen we zien hoe u een klasse kunt toevoegen aan de artikelen van uw WordPress blog.
Hoe maak je een klasse zelfs toevoegen / oneven op WordPress
WordPress genereert standaard CSS-klassen en voegt deze meteen toe aan verschillende artikelen op uw website. Deze CSS-klassen helpen ontwikkelaars van plug-ins en thema's hun eigen stijlen toe te voegen aan elk verschillend artikel.
WordPress biedt ook een functie met de naam ' post_class Die wordt gebruikt door thema-ontwikkelaars om klassen aan artikelen toe te voegen.
De functie post_class Is ook een filter, wat betekent dat je dat kunt manipuleren met. Dat is precies wat we hier gaan doen.
Voeg deze code gewoon toe aan uw functions.php-bestand. WordPress theme.
oddeven_post_class functie ($ class) {global $ current_class; $ Classes [] = $ current_class; Current_class $ = ($ current_class == 'oneven')? 'Zelfs 'vreemde'; terug $ klassen; } Add_filter (post_class ',' oddeven_post_class); global $ current_class; $ Current_class = 'oneven';
Deze functie voegt gewoon een klasse even en oneven items.
U vindt oneven en even klassen in de broncode van uw site. Ga met de muis naar de titel van een artikel en klik met de rechtermuisknop om het item te inspecteren.
Nu je de oneven en even klassen aan je artikelen hebt toegevoegd. De volgende stap is om ze een unieke stijl te geven met CSS. U kunt uw aangepaste CSS-code toevoegen aan uw child-thema, of door een eenvoudige CSS-plug-in te gebruiken.
Hier is een voorbeeld van CSS-code die u als uitgangspunt kunt gebruiken:
.Zelfs {background: #f0f8ff; .odd} {background: #f4f4fb; }
Dit is hoe het resultaat kan zijn:
Je hebt wat oefening nodig om goede resultaten te behalen, maar hiervoor moet je CSS onder de knie hebben of gewoon een tool zoals CSS Hero.
Zo simpel is het. Ik hoop dat deze tutorial je enorm zal helpen. Stel ons gerust vragen of deel deze tutorial met je vrienden op je favoriete sociale netwerken.
