Slik legger du til side slug i kroppsklasse av WordPress-temaene

Hvis du jobber på WordPress-temaer med jevne mellomrom, er det sannsynligvis best å gjøre deg kjent med disse vanlige WordPress-genererte CSS-svindelarkene. Nylig mens du jobbet på et tilpasset temaprosjekt, fant vi et behov for å tilpasse bestemte elementer basert på forskjellige sider. WordPress har disse tingene kalles kroppsklasser som utdataer klassesiden, sidemaler- filnavn og sid-id- nummer. Vi kunne ikke bruke side-id- number fordi siden IDer endres fra utvikling til distribusjon. Vi ønsket heller ikke å lage en egendefinert sidemal med repeterende kode. Vi visste at vi kan holde en ting det samme på alle disse sidene, som var sideskred, så vi bestemte oss for å legge til sideskred i kroppsklasse som tillot oss å gjøre alle de tilpassingene vi ønsket uten noen komplikasjoner. I denne artikkelen vil vi vise deg hvordan du legger til sideregulering i kroppsklassen i WordPress-temaene dine.

Fordi dette er en tema-spesifikk kode, anbefaler vi at du legger det i temaet ditt functions.php fil.

 // Side Slug Body Class funksjon add_slug_body_class ($ klasser) global $ post; hvis (isset ($ post)) $ classes [] = $ post-> post_type. '-'. $ Post-> POST_NAME;  returner $ klasser;  add_filter ('body_class', 'add_slug_body_class'); 

Nå vil du begynne å se at en ny kroppsklasse blir utgått slik: side- slug. Bruk denne klassen til å overstyre standardstilene dine og tilpasse elementene til bestemte sider.

For eksempel, hvis du prøvde å endre en div med widgets klassen. Du kan få din css slik:

 #sidebar. widgets bakgrunn: #fff; farge: # 000; .page-education #sidebar. widgets background: # 000; farge: #fff; 

Håper du finner denne opplæringen nyttig.