WordPress tippek – body_class

-

A WordPress tippek sorozatban igyekszünk röviden áttekinteni egy-egy hasznos funkció működését.

wptipp3

A body_class egy hasznos funkció WordPress sablon fejlesztőknek. A függvény segítségével WP által generált egyedi osztály azonosítókat (olyanokat amik azonosítják a tartalmat, típus, oldalt) írathatunk ki tetszőleges helyre, ami általában a body tag. A módszer segítségével hatékonyan azonosíthatjuk tartalmunk különböző típusait. Használatához nem kell mást tennünk, mint módosítani a body taget a következőre:

<body <?php body_class($class); ?>>

Természetesen egyéni éréket is megadhatunk, ehhez csak meg kell adnunk a $class változó helyére a space-el tagolt neveket, idézőjel között. Az egyes tartalmi elemeknél megjelenő osztály kijelölők megnevezéseit itt találjuk! Ezzel a dinamikus módszerrel például a bejelentkezett felhasználók esetén a body tag rendelkezik majd a logged-in kijelölővel, aminek köszönhetően egyedi formázást biztosíthatunk könnyedén az ilyen típusú felhasználóknak. Ha oldal típus az aktuálisan megjelenített tartalom, akkor többek között a page class lesz a body ta-hez rendelve.

Hozzunk létre egyedi body class-okat

Mint a legtöbb dolgot WP-ben ezt is testre szabhatjuk. Ha nem vagyunk megelégedve az alap kijelölőkkel és valami speciálisabbra van szükségünk, akkor egyszerűen rendelhetünk egyedi kijelölőket a body tag-hez. Mindezt a body_class filterrel tehetjük meg. A megoldásból a maximumot a Conditional Tag-ek segítségével hozhatjuk ki. Ezen fügvények segítségével azonosíthatjuk a tartalom típusokat (például a header-ben megadhatunk egyéni stílus lapot egyéni típusnak, ha csak oldalaknak akarunk megadni egy CSS fájlt akkor például az is_page(CSS link) függvényt kell használnunk). A kódsor a következő, amit a functions.php-ban kell megadnunk:

function egyeni-class($classes) {
  // osztály hozzáadása a $classes tömbhöz
  if(is_page()) {
    $classes[] = 'egyedi-osztaly-kijelolo-oldal';
  }
  // $classes tömb visszadása
  return $classes;
}
//filter meghívása
add_filter('body_class','egyeni-class');

Ezzel a kis részlettel az “egyedi-osztaly-kijelolo-oldal” kijelölőt rendeljük az összes oldalunkhoz.

Összefoglalás

Könnyű átlátni a funkció nyújtotta előnyöket, segítségével tovább optimalizálhatjuk a fejlesztői folyamatunkat!

Szolgáltatások

Full-stack webfejlesztés

01.

Egyedi weboldalt szeretnél?

WordPress CMS-el fejlesztve megvalósítjuk elképzeléseid. Készítünk egy modern oldalt, amivel felveheted a versenyt a konkurenciával.

02.

Komplex webes ötleted van?

Teljes körű alkalmazásfejlesztési szolgáltatást nyújtunk, amennyiben van egy olyan ötleted, vagy terved, ami nem valósítható meg kész megoldásokkal.