Så här lägger du till sidoskrov i kroppsklassen av dina WordPress-teman

Om du arbetar med WordPress-teman regelbundet, är det troligtvis bäst att bekanta dig med dessa vanliga WordPress-genererade CSS cheat sheet. Nyligen när vi arbetade på ett anpassat temaprojekt fann vi ett behov av att anpassa vissa objekt baserat på olika sidor. WordPress har dessa saker kallas kroppsklasser som matar ut klasssidan, sidmall- filnamn och sid-id- nummer. Vi kunde inte använda sid-id- number eftersom sid-ID-er ändras från utveckling till implementering. Vi ville inte heller skapa en anpassad sidmall med repeterande kod. Vi visste att vi kan hålla en sak på samma sida på alla dessa sidor som sidoslöjor, så vi bestämde oss för att lägga till sidosnäckor i kroppsklass vilket gjorde att vi kunde göra alla anpassningar vi ville ha utan komplikationer. I den här artikeln kommer vi att visa dig hur du lägger till sidhack i kroppsklassen i dina WordPress-teman.

Eftersom det här är en temaspecifik kod rekommenderar vi att du lägger det i ditt tema functions.php fil.

 // Page Slug Body Class funktion add_slug_body_class ($ klasser) global $ post; om (isset ($ post)) $ classes [] = $ post-> post_type. '-'. $ Post-> POST_NAME;  returnera $ klasser;  add_filter ('body_class', 'add_slug_body_class'); 

Nu börjar du se att en ny kroppsklass utmatas så här: sida- slug. Använd den klassen för att åsidosätta dina standardstilar och anpassa element för specifika sidor.

Till exempel, om du försökte ändra en div med widgets klass. Du kan få din css så här:

 #sidebar. widgets background: #fff; färg: # 000; .page-education #sidebar. widgets background: # 000; färg: #fff; 

Hoppas att du hittar den här handledningen till hjälp.