Child theme létrehozása a WordPress-témájához

Ha közvetlenül egy sablon fájljait módosítja, a munkája elvész a sablon következő frissítésekor. Ezt egy child theme (gyermeksablon) előzi meg. Ez egy kis sablon, amely mindent átvesz egy másik sablontól, a szülősablontól, kivéve azt, amit Ön saját maga helyez el benne. A szülősablont továbbra is szokásos módon frissítheti. Ebben a cikkben megtudhatja, mikor van szüksége child theme-re, és hogyan hozhat létre egyet a DirectAdmin Fájlkezelőjével.

Szüksége van rá?

Blokkalapú sablont használ? Akkor először próbálja meg a Webhelyszerkesztőben. Ha a Webhelyszerkesztőben végzett módosításait fájlokban szeretné rögzíteni, a hivatalos Create Block Theme bővítmény létrehozhat Önnek egy child theme-et.

1. lépés: keresse meg a szülősablon mappáját

1. Nyissa meg a DirectAdminban a Fájlkezelőt. Lásd A Fájlkezelő megnyitása: a csomag mappái.
2. Lépjen a domains/example.com/public_html/wp-content/themes mappába.
3. Jegyezze fel a sablon mappájának pontos nevét, például hoofdthema. A mappa nevéről van szó, nem arról a névről, amelyet a WordPressben lát.

2. lépés: hozza létre a mappát és a style.css fájlt

1. A themes mappában kattintson az Új mappa gombra, és hozza létre például a hoofdthema-child mappát.
2. Nyissa meg ezt a mappát, kattintson az Új fájl gombra, és hozza létre a style.css fájlt.
3. Kattintson a jobb egérgombbal a fájlra, válassza a Szerkesztés lehetőséget, illessze be az alábbi fejlécet, majd kattintson a Mentés gombra.

/*
Theme Name:   Hoofdthema Child
Template:     hoofdthema
Description:  Eigen aanpassingen voor example.com
Version:      1.0.0
*/

/* Je eigen CSS komt hieronder. */

A legfontosabb a Template: sor. Itt pontosan a szülősablon mappájának nevét kell megadni, ugyanazokkal a kis- és nagybetűkkel és kötőjelekkel. Ha ez nem egyezik, a WordPress jelzi, hogy a szülősablon hiányzik.

3. lépés: functions.php vagy theme.json

Klasszikus sablon: hozzon létre ugyanebben a mappában egy functions.php fájlt, amely betölti a stíluslapot:

<?php
add_action( 'wp_enqueue_scripts', function () {
    wp_enqueue_style(
        'hoofdthema-child',
        get_stylesheet_uri(),
        array(),
        wp_get_theme()->get( 'Version' )
    );
} );

Sablononként eltérő, hogy a szülősablon maga tölti-e be a saját stíluslapját. Nézze meg a sablon dokumentációjában. Ha a webhely a bekapcsolás után formázatlannak tűnik, akkor a szülősablon stíluslapját is be kell töltenie a get_template_directory_uri() . '/style.css' segítségével. A child functions.php fájlja nem helyettesíti a szülőét: mindkettő betöltődik, a child elsőként. Ezért soha ne másoljon át függvényeket a szülő functions.php fájljából, mert a kétszer szereplő függvénynevek kritikus hibát okoznak.

Blokkalapú sablon: functions.php fájlra általában nincs szükség. Ha például másik színpalettát szeretne, hozzon létre egy saját theme.json fájlt. A WordPress ezt egyesíti a szülőével, így csak azt kell beleírnia, amit módosítani szeretne.

Ha egy sablonfájlt szeretne módosítani, csak azt az egy fájlt másolja át a szülőből a child ugyanazon helyére, és a másolatot szerkessze. A WordPress először a childban keres, utána a szülőben. Ne másoljon át mindent, különben nem kapja meg a szülő fejlesztéseit.

4. lépés: bekapcsolás

1. Lépjen a WordPressben a Megjelenés > Sablonok menüpontra. Itt megtalálja a child theme-et. Kattintson a Bekapcsolás gombra.
2. Ellenőrizze a webhelyét: fejléc, menük, widgetek és színek. Szükség esetén állítsa be újra a menüket és a Testreszabás beállításait.
3. A szülősablont ne törölje, és tartsa naprakészen. Szülő nélkül a child nem működik.

Inkább a saját számítógépén készítené el a child theme-et? Ekkor tömörítse a mappát zip fájlba, és töltse fel a WordPressben a Megjelenés > Sablonok menüpontban az Új sablon hozzáadása, majd a Sablon feltöltése gombbal. Vagy töltse fel a mappát a Fájlkezelővel vagy SFTP-vel a wp-content/themes mappába, lásd Fájlok feltöltése és letöltése.

Visszatérés a korábbi sablonhoz

Kapcsolja be újra a szülősablont a Megjelenés > Sablonok menüpontban. Ha a childban lévő hiba miatt nem tud belépni az adminisztrációs felületre, nevezze át a Fájlkezelőben a child mappáját, például hoofdthema-child-uit névre. A WordPress ekkor visszaáll egy alapértelmezett sablonra, ha az még telepítve van. Erről bővebben: 500-as hiba vagy „kritikus hiba” a weboldalon (WordPress-frissítés után is).

További olvasnivaló

• Child themes a developer.wordpress.org oldalon (angol nyelven)

Szeretne többet tanulni? Végezze el az ingyenes WordPress-tanfolyamot, lecke: 5.2 Child theme készítése.