💡WordPress 🧒gyermek sablon készítése, hogyan lehetséges❓

A gyermek sablon (child theme) működési filozófiája a WordPress világában az, hogy lehetővé tegye a szülő sablon (parent theme) egyedi változtatását anélkül, hogy közvetlenül módosítanánk azt.

✅ Ebből eredeztethetően sokak számára a lényeges szempont:

Biztosítja a gyermek sablon, hogy a szülő sablon frissítései ne írják felül a véghez vitt változtatásokat. A gyermek sablon örököse a szülő sablon stílusainak, funkcióinak, miközben lehetőséget ad új stílusok és funkciók hozzáadására. Röviden tehát, az öröklés menetének lényege, hogy maga a gyermek sablon az, amely felülírhatja a szülő sablon fájljait. Ellenben ha egy fájl nincs jelen a gyermek sablonban, akkor a WordPress automatikusan a szülő sablonban lévő fájlt használja.

Ez azért fontos, mert a WordPress a kreatív szabadság legjobb éllovasa. Ebből következik, hogy mindenki a saját tartalomfejlesztéseit szereti egyedi megoldások keretrendszerében tálalni.

👏 Márpedig, ha egy sablon frissül – ez pedig biztonságtechnikai okokból is elengedhetetlen – akkor nagyon kényelmes, ha az újításaink, fejlesztéseink nem törlődnek❗

🦝 Mire van szükséged mindenképpen, amikor egy gyermek sablon készítése mellett döntesz❓

Szívesen mondanám azt, hogy csak egy style.css fájlra lesz szükséged, de azért ez így nem teljesen igaz. A style.css fájl – még akkor is, ha tényleg csak kommentet tartalmaz – azért szükséges, mert a WordPress így ismeri fel, hogy sablonról van szó, s a Megjelenés / Sablonok között ennek köszönhetően fog egyáltalán megjelenni.

ℹ️ A gyermek sablon működőképességének pár lépése ;

1 ) A style.css fájlt egy olyan mappába mentsd, amit sablonnév-child formában hozol létre.

2 ) Hozz létre egy functions.php nevű fájlt is az említett mappában. Fontos azonban megjegyeznem, hogy ez a fájl még csak véletlen se legyen tükörmásolata az eredeti sablonodban lévő functions.php fájlnak. Hogy miért❓ Egyszerű❗ Két ugyanolyan tartalmú functions.php duplikálást eredményez, aminek az lesz a következménye, hogy be sem fog töltődni a rendszered. Arról már nem is beszélve, hogy a gyermek sablon lényege pont az, hogy csak az kerüljön oda, ami újítás a meglévő sablonhoz képest.

3 ) Említett style.css fájlt a functions.php kódolásán keresztül fogod tudni betölteni. Az alábbi PHP kód például ezt eredményezi :


<?php
add_action( 'wp_enqueue_scripts', 'gyermek_sablon_stilusok' );

function gyermek_sablon_stilusok() {
    // Szülő sablon stílusának betöltése
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

    // Gyermek sablon stílusának betöltése
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}

4 ) Végezetül arra van még szükséged, hogy ne essen szét az oldalad. Azaz, gondoskodnod kell róla, hogy a fejléc, lábléc, szükség esetén a sidebar mint oldalsó sáv, tökéletesen megjelenjen. Azaz az 1) pontban megnevezett mappában hozz létre egy index.php fájlt és használd a get_header(); get_sidebar(); get_footer(); függvényeket.

Beláthatod ennél szélesebb körű útravalót nem nyújthatok, de mondom is miért 👇

Az, hogy pontosan milyen lépéseket kell megtenned a gyermek sablon működése érdekében, azért nagyban függ attól is, hogy milyen adottságokkal, beállításokkal rendelkezik maga a szülő sablon, tehát a kedvenc sablonod amit valójában használsz.

Igazából, ha vérprofin bele kívánsz mélyedni a PHP kódolásába, s kenni vágni óhajtod a CSS létrehozását is, akkor a fenti információ is már elég Neked, hogy elindulj.

Viszont ha csak az említett kényelmi okból szeretnél gyermek sablon létrehozása mellett dönteni, hogy apróbb változtatásaid a sablon rendszeres frissítése ne írja felül, s igazából a CSS-el sem nagyon kívánsz bajlódni, akkor útravalóként az alábbi tippemmel még segítelek :

Nézz utána, hogy a sablonod számára kifejlesztettek -e olyan bővítményt (plugin) ami által a sablon beállításaid exportálni tudod. Ha van ilyen, azért hasznos, mert az eredeti sablonod (szülő sablon) beállításait exportálod, amit elmentesz a gépedre. S miután a gyermek sablon betöltésre került, ott pedig szintén Megjelenés / Testreszabás oldalon ezeket a beállításokat importálod. Nagyon bonyolult sablonoknál ez nagyon hasznos. Hisz milliónyi beállítás van, 📱mobilon így, 🔲tableten úgy, 🖥️ desktop környezetben meg amúgy, szóval remélem érted 😉

Megjegyzésem még ami funkcionalitás szempontjából nem oszt nem szoroz,

A WordPress tartalomkezelő rendszerében a Megjelenés / Sablonok résznél, a rendelkezésre álló sablonoknál azért láthatsz szép grafikákat, mert a sablonok készítői csináltak ilyet. Te is tudsz, ha szeretnéd, hogy a gyermek sablon ott előkelő módon szerepeljen. A titok annyi, hogy minden sablon screenshot.png fájl nevű képet tartalmaz. Ez az a kép, ami más célt nem szolgál, minthogy képpel együtt jelenjen meg a sablon a sablonok között. Nézd meg a méretét, és csinálj magadnak kedvedre.

💭 Gyermek sablon, vagy totálisan saját sablon készítése, melyik a jobb❓

Nyilván sokkal jobb ha teljes mértékben egyedi sablont készítesz❗

✅ De erre lehetőséged csak akkor lesz, ha már nagyon otthon leszel a fejlesztésekben. S mivel ezt a cikkem olvasod, kétlem, hogy ez így lenne 😉

Mikor érdemes teljesen saját sablont készíteni❓

Például akkor, ha beteges megszállottja vagy a drága Google világra borított Page Speed értékek alakulásához köthető, napjaink trendi témájának, az INP értékeknek.

Totál magad által fejlesztett sablon előnyei :

Minimalizmus és teljes kontroll.
Speciális funkciók, integrációk. Mondjuk API integrációk, egyedi adatkezelési kívánalmak megoldása.
Teljesítményoptimalizálás (a már említett INP egy a sok közül). Több 🔗SEO szempontod is lehet.
Céges keretek között ügyködnél, s valahogy mégis sötétbe burkolódzik számodra az egyes jogi és licensz releváns kérdések, melyek mások által fejlesztett sablonoknál előjöhetnek.

De zárnám az érvelést azzal, mely visszavezet a gyermek sablon témához :

Gyermek sablon mellett az érv, hogy egyszerűbb. De ha értesz a fejlesztéshez, akkor teljes mértékben a felismerhetetlenségig át tudsz írni mindent, amely egy jelentős biztonságtechnikai szempont. Szóval el tudod érni azt, amikor anyuka már a gyerekére sem ismer 😉

Jelen 🔗 CMS témám, kifejezetten WordPress kezdőknek szólt, ami talán egy kaput nyit számukra egy új világ megismerése felé. Fontos szabály, mielőtt bármit is ügyködsz, biztonsági mentésed mindig legyen. 🙏 Remélem hamarosan találkozunk, valamilyen másik posztomban, addig is kódolj sokat❗

✍️ Publikációim száma: 453

A világ globális működését feltérképező, s annak összefüggéseit megérteni óhajtó generalista vagyok. Célom nem más, mint az ismeretterjesztés.

ℹ️ A tartalomkezelő rendszerek (CMS) között nekem a WordPress a kedvencem, legtöbb írásom erre koncentrál, releváns ötleteimről itt olvashatsz.👇