Vytvorenie child theme pre vašu WordPress tému
Ak súbory témy upravíte priamo, pri ďalšej aktualizácii tejto témy o svoju prácu prídete. Tomu zabráni podriadená téma (child theme). Je to malá téma, ktorá preberá všetko z inej témy, nadradenej témy, okrem toho, čo do nej vložíte sami. Nadradenú tému môžete ďalej normálne aktualizovať. Tu sa dozviete, kedy podriadenú tému potrebujete a ako ju vytvoriť pomocou Správcu súborov v DirectAdmin.
Potrebujete ju?
| Chcete | Je potrebná podriadená téma? |
|---|---|
| Upraviť blokovú tému v Editore webu (Vzhľad > Editor): farby, písma, hlavičku a pätu | Nie. Tieto úpravy sú uložené v databáze a pri aktualizácii zostanú zachované. |
| Pridať niekoľko riadkov CSS | Nie. Použite Dodatočné CSS v Prispôsobení (klasická téma) alebo v Štýloch v Editore webu. |
| Pridať funkciu, ktorá nesúvisí so vzhľadom, napríklad prepojenie alebo formulár | Nie. Tá patrí do pluginu, aby fungovala aj po zmene témy. |
| Zmeniť súbor šablóny témy, pridať veľa vlastného CSS alebo PHP kód, ktorý súvisí so vzhľadom | Áno. |
Používate blokovú tému? Skúste to najprv v Editore webu. Ak chcete úpravy z Editora webu uložiť do súborov, oficiálny plugin Create Block Theme vám môže podriadenú tému vytvoriť.
Krok 1: nájdite priečinok nadradenej témy
- V DirectAdmin otvorte Správcu súborov. Pozrite si Otvorenie Správcu súborov: priečinky vo vašom balíku.
- Prejdite do
domains/example.com/public_html/wp-content/themes. - Poznačte si presný názov priečinka vašej témy, napríklad
hoofdthema. Ide o názov priečinka, nie o názov, ktorý vidíte vo WordPresse.
Krok 2: vytvorte priečinok a style.css
- V priečinku
themeskliknite na Nový priečinok a vytvorte napríkladhoofdthema-child. - Otvorte tento priečinok, kliknite na Nový súbor a vytvorte
style.css. - Kliknite na súbor pravým tlačidlom myši, zvoľte Upraviť, vložte hlavičku uvedenú nižšie a kliknite na Uložiť.
/* Theme Name: Hoofdthema Child Template: hoofdthema Description: Eigen aanpassingen voor example.com Version: 1.0.0 */ /* Je eigen CSS komt hieronder. */
Najdôležitejší je riadok Template:. Musí v ňom byť presne názov priečinka nadradenej témy, s rovnakými veľkými písmenami a pomlčkami. Ak nesedí, WordPress oznámi, že nadradená téma chýba.
Krok 3: functions.php alebo theme.json
Klasická téma: v tom istom priečinku vytvorte súbor functions.php, ktorý načíta váš štýl:
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'hoofdthema-child',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
} );
To, či nadradená téma načíta svoj štýl sama, sa líši podľa témy. Pozrite si dokumentáciu svojej témy. Ak web po aktivácii vyzerá holo, musíte načítať aj štýl nadradenej témy, a to pomocou get_template_directory_uri() . '/style.css'. Súbor functions.php podriadenej témy nenahrádza súbor nadradenej témy: načítajú sa oba, najprv ten podriadený. Preto nikdy nekopírujte funkcie zo súboru functions.php nadradenej témy, pretože duplicitné názvy funkcií spôsobia kritickú chybu.
Bloková téma: súbor functions.php zvyčajne nie je potrebný. Ak chcete napríklad inú paletu farieb, vytvorte vlastný súbor theme.json. WordPress ho zlúči so súborom nadradenej témy, takže doň vložíte len to, čo chcete zmeniť.
Ak chcete upraviť šablónu, skopírujte len tento jeden súbor z nadradenej témy na rovnaké miesto v podriadenej téme a upravte kópiu. WordPress hľadá najprv v podriadenej téme a potom v nadradenej. Nekopírujte všetko, inak už nebudete dostávať vylepšenia nadradenej témy.
Krok 4: aktivácia
- Vo WordPresse prejdite na Vzhľad > Témy. Nájdete tam svoju podriadenú tému. Kliknite na Aktivovať.
- Skontrolujte svoj web: hlavičku, menu, widgety a farby. V prípade potreby menu a nastavenia Prispôsobenia nastavte znova.
- Nadradenú tému ponechajte nainštalovanú a aktualizovanú. Bez nadradenej témy podriadená téma nefunguje.
Chcete podriadenú tému radšej vytvoriť vo vlastnom počítači? Zbaľte priečinok do súboru zip a nahrajte ho vo WordPresse v časti Vzhľad > Témy tlačidlom Pridať tému a potom Nahrať tému. Prípadne priečinok nahrajte pomocou Správcu súborov alebo SFTP do wp-content/themes, pozrite si Nahrávanie a sťahovanie súborov.
Návrat k pôvodnej téme
V časti Vzhľad > Témy znova aktivujte nadradenú tému. Ak sa pre chybu v podriadenej téme nedostanete do administrácie, v Správcovi súborov premenujte priečinok podriadenej témy, napríklad na hoofdthema-child-uit. WordPress sa potom vráti k predvolenej téme, ak je ešte nainštalovaná. Viac sa dočítate v článku Chyba 500 alebo „kritická chyba“ na vašom webe (aj po aktualizácii WordPressu).
Ďalšie čítanie
- Child themes na developer.wordpress.org (v angličtine)
Chcete sa dozvedieť viac? Absolvujte bezplatný kurz WordPressu, lekciu 5.2 Vytvorenie podriadenej témy.