Izrada dječje teme u WordPressu
Miscelanea / / November 28, 2021
Samo nekoliko korisnika WordPressa koristi podređenu temu i to zato što mnogi korisnici ne znaju što je podređena tema ili Stvaranje podređene teme u WordPressu. Pa, većina ljudi koji koriste WordPress nastoji uređivati ili prilagođavati svoju temu, ali sva ta prilagodba se gubi kada ažurirate svoju temu i tu dolazi do korištenja dječje teme. Kada koristite podređenu temu, sve će vaše prilagodbe biti spremljene i možete jednostavno ažurirati nadređenu temu.
Sadržaj
- Izrada dječje teme u WordPressu
- Stvaranje podređene teme iz nepromijenjene nadređene teme
Izrada dječje teme u WordPressu
Stvaranje podređene teme iz nepromijenjene nadređene teme
Da biste stvorili podređenu temu u WordPressu, morate se prijaviti na svoj cPanel i ići na public_html zatim wp-content/themes gdje morate stvoriti novu mapu za svoju podređenu temu (primjer /Twentysixteen-child/). Pazite da u nazivu direktorija podređene teme nema razmaka što može rezultirati pogreškama.
Preporučeno: Također možete koristiti Dodatak za dječju temu jednim klikom za stvaranje podređene teme (samo iz nepromijenjene nadređene teme).
Sada morate stvoriti style.css datoteku za svoju podređenu temu (unutar direktorija podređene teme koji ste upravo stvorili). Nakon što ste stvorili datoteku samo kopirajte i zalijepite sljedeći kod (promijenite pojedinosti u nastavku prema specifikacijama vaše teme):
/* Naziv teme: Twenty Sixteen URI teme: http://example.com/twenty-sixteen-child/ Opis: Twenty Sixteen Child Autor teme: URI autora WordPress tima: http://example.com Predložak: twentysixteen Verzija: 1.3.0 Licenca: GNU General Public License v3 ili novija URI licence: http://www.gnu.org/licenses/gpl-3.0.html. */
Bilješka: Redak predloška (Predložak: twentysixteen) treba promijeniti u skladu s vašim trenutnim nazivom direktorija tema (nadređena tema čije dijete stvaramo). Nadređena tema u našem primjeru je tema Twenty Sixteen, tako da će Predložak biti dvadeset i šestnaest.
Ranije se @import koristio za učitavanje tablice stilova s nadređene na podređenu temu, ali sada to nije dobra metoda jer povećava količinu vremena za učitavanje stilova. Umjesto korištenja @import-a najbolje je koristiti PHP funkcije u datoteci podređene teme functions.php za učitavanje stilova.
Da biste koristili datoteku functions.php, morate je stvoriti u direktoriju vaše dječje teme. Upotrijebite sljedeći kod u datoteci functions.php:
php. add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles'); function my_theme_enqueue_styles() { wp_enqueue_style( 'roditeljski stil', get_template_directory_uri(). '/style.css' ); }
Gornji kod funkcionira samo ako vaša nadređena tema koristi samo jednu .css datoteku za držanje cijelog CSS koda.
Ako vaša dječja tema style.css sadrži zapravo CSS kod (kao što to inače čini), morat ćete ga također staviti u red:
php. function my_theme_enqueue_styles() { $parent_style = 'roditeljski stil'; // Ovo je 'twentyfifteen-style' za temu Twenty Fifteen. wp_enqueue_style( $parent_style, get_template_directory_uri(). '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri(). '/style.css', niz ($parent_style), wp_get_theme()->get('Verzija') ); } add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles');
Vrijeme je da aktivirate svoju dječju temu, prijavite se na svoju administrativnu ploču, a zatim idite na Izgled > Teme i aktivirajte svoju dječju temu s dostupnog popisa tema.
Bilješka: Možda ćete morati ponovno spremiti svoj izbornik (Izgled > Izbornici) i opcije teme (uključujući pozadinu i slike zaglavlja) nakon aktiviranja podređene teme.
Sada kad god želite promijeniti svoj style.css ili functions.php, to možete jednostavno učiniti u svojoj podređenoj temi bez utjecaja na mapu nadređene teme.
Izrada dječje teme u WordPressu iz vaše nadređene teme, ali većina vas je već prilagodila svoju temu, tada vam gornja metoda uopće neće pomoći. U tom slučaju provjerite kako ažurirati WordPress temu bez gubitka prilagodbe.
Ako se nadamo da vam je ovaj članak bio od pomoći, ali ako još uvijek imate pitanja u vezi s ovim vodičem, slobodno ih postavite u komentarima.