Ustvarjanje podrejene teme (child theme) za Vašo temo WordPress
Če datoteke teme urejate neposredno, bo Vaše delo ob naslednji posodobitvi te teme izgubljeno. To prepreči podrejena tema (child theme). Gre za majhno temo, ki vse prevzame od druge teme, nadrejene teme, razen tistega, kar vanjo dodate sami. Nadrejeno temo lahko še naprej običajno posodabljate. Tukaj boste izvedeli, kdaj potrebujete podrejeno temo in kako jo ustvarite z orodjem File Manager v DirectAdminu.
Ali jo potrebujete?
| Želite | Potrebujete podrejeno temo? |
|---|---|
| Prilagoditi blokovno temo v urejevalniku spletišča (Videz > Urejevalnik): barve, pisave, glavo in nogo | Ne. Te prilagoditve so shranjene v bazi podatkov in ob posodobitvi ostanejo. |
| Dodati nekaj vrstic CSS | Ne. Uporabite Dodatni CSS v prilagojevalniku (klasična tema) ali v razdelku Slogi v urejevalniku spletišča. |
| Dodati funkcijo, ki nima zveze z videzom, na primer povezavo ali obrazec | Ne. Ta sodi v vtičnik, da deluje tudi po zamenjavi teme. |
| Spremeniti datoteko predloge teme, veliko lastnega CSS ali kodo PHP, ki je povezana z videzom | Da. |
Uporabljate blokovno temo? Potem najprej poskusite v urejevalniku spletišča. Če želite prilagoditve iz urejevalnika spletišča shraniti v datoteke, Vam lahko uradni vtičnik Create Block Theme ustvari podrejeno temo.
1. korak: poiščite mapo nadrejene teme
- V DirectAdminu odprite File Manager. Glejte Odpiranje orodja File Manager: mape v Vašem paketu.
- Pojdite v
domains/example.com/public_html/wp-content/themes. - Zapišite si natančno ime mape Vaše teme, na primer
hoofdthema. Gre za ime mape, ne za ime, ki ga vidite v WordPressu.
2. korak: ustvarite mapo in style.css
- V mapi
themeskliknite New Folder in ustvarite na primerhoofdthema-child. - Odprite to mapo, kliknite New File in ustvarite
style.css. - Z desnim gumbom miške kliknite datoteko, izberite Edit, prilepite spodnjo glavo in kliknite Save.
/* Theme Name: Hoofdthema Child Template: hoofdthema Description: Eigen aanpassingen voor example.com Version: 1.0.0 */ /* Je eigen CSS komt hieronder. */
Najpomembnejša je vrstica Template:. V njej mora biti natančno ime mape nadrejene teme, z enakimi velikimi črkami in vezaji. Če se ne ujema, WordPress sporoči, da nadrejena tema manjka.
3. korak: functions.php ali theme.json
Klasična tema: v isti mapi ustvarite datoteko functions.php, ki naloži Vašo slogovno datoteko:
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'hoofdthema-child',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
} );
Ali nadrejena tema sama naloži svojo slogovno datoteko, se razlikuje od teme do teme. Preverite dokumentacijo svoje teme. Če je Vaše spletno mesto po omogočanju videti golo, morate naložiti tudi slogovno datoteko nadrejene teme, z get_template_directory_uri() . '/style.css'. Datoteka functions.php podrejene teme ne nadomesti tiste iz nadrejene: naložita se obe, najprej podrejena. Zato nikoli ne kopirajte funkcij iz datoteke functions.php nadrejene teme, saj podvojena imena funkcij povzročijo kritično napako.
Blokovna tema: datoteka functions.php običajno ni potrebna. Če želite na primer spremeniti barvno paleto, ustvarite lastno datoteko theme.json. WordPress jo združi s tisto iz nadrejene teme, zato vanjo vpišete le tisto, kar želite spremeniti.
Če želite prilagoditi predlogo, kopirajte le to eno datoteko iz nadrejene teme na isto mesto v podrejeni temi in prilagodite kopijo. WordPress najprej pogleda v podrejeno temo in nato v nadrejeno. Ne kopirajte vsega, sicer ne boste več prejemali izboljšav nadrejene teme.
4. korak: omogočite temo
- V WordPressu pojdite na Videz > Teme. Tam je tudi Vaša podrejena tema. Kliknite Omogoči.
- Preglejte svoje spletno mesto: glavo, menije, gradnike in barve. Po potrebi znova nastavite menije in nastavitve prilagojevalnika.
- Nadrejeno temo pustite nameščeno in jo redno posodabljajte. Brez nadrejene teme podrejena ne deluje.
Podrejeno temo raje ustvarite na svojem računalniku? Potem mapo stisnite v zip in jo v WordPressu naložite v razdelku Videz > Teme z gumbom Dodaj novo temo in nato Naloži temo. Mapo lahko z orodjem File Manager ali prek SFTP naložite tudi v wp-content/themes, glejte Nalaganje in prenašanje datotek.
Nazaj na staro temo
V razdelku Videz > Teme znova omogočite nadrejeno temo. Če zaradi napake v podrejeni temi ne morete več dostopati do skrbniške plošče, v orodju File Manager preimenujte mapo podrejene teme, na primer v hoofdthema-child-uit. WordPress se nato vrne na privzeto temo, če je ta še nameščena. Več o tem v članku Napaka 500 ali »kritična napaka« na Vašem spletnem mestu (tudi po posodobitvi WordPressa).
Več branja
- Child themes na developer.wordpress.org (v angleščini)
Želite izvedeti več? Obiščite brezplačni tečaj WordPressa, lekcija 5.2 Ustvarjanje podrejene teme.