Cum de a adăuga Slug Page în clasa corpului temelor dvs. WordPress

Dacă lucrați pe teme WordPress în mod regulat, atunci este probabil cel mai bine să vă familiarizați cu aceste chestionare implicite WordPress generate CSS. Recent, în timp ce lucrăm la un proiect tematic personalizat, am găsit nevoia de a personaliza anumite elemente bazate pe pagini diferite. WordPress are aceste lucruri numite clase de caroserie care afișează pagina de clasă, pagina-șablon- numele fișierului și pagina-id- număr. Nu am putut folosi page-id- number, deoarece ID-urile paginilor se schimbă de la dezvoltare la implementare. De asemenea, nu am vrut să creăm un șablon de pagină personalizat cu cod repetitiv. Știam că putem păstra un lucru la fel în toate paginile, care au fost pagini-slugs, așa că am decis să adăugăm pagini de curmale în clasa corporală, ceea ce ne-a permis să facem toate personalizările pe care le-am dorit fără complicații. În acest articol, vă vom arăta cum să adăugați pagina slug în clasa de corp a temelor dvs. WordPress.

Deoarece acesta este un cod specific temei, vă recomandăm să îl puneți în tema proprie functions.php fişier.

 Funcția de clasificare a funcției de pagină a lui Slug add_slug_body_class ($ classes) global $ post; dacă (isset ($ post)) $ classes [] = $ post-> post_type. "-". $ Post-> POST_NAME;  returnează clase $;  add_filter ('body_class', 'add_slug_body_class'); 

Acum veți începe să vedeți o nouă clasă de caroserie afișată astfel: page- slug. Utilizați această clasă pentru a înlocui stilurile implicite și pentru a personaliza elemente pentru anumite pagini.

De exemplu, dacă ați încercat să modificați o div cu clasa widget-uri. Puteți avea CSS-ul dvs., astfel:

 #sidebar .widgets background: #fff; culoare: # 000; .page-educație #sidebar .widgets background: # 000; culoare: #fff; 

Sper că veți găsi acest tutorial util.