Vaikinės temos (child theme) kūrimas Jūsų WordPress temai
Jei temos failus keičiate tiesiogiai, Jūsų darbas dings po kito tos temos atnaujinimo. To išvengti padeda child theme (vaikinė tema). Tai nedidelė tema, kuri viską perima iš kitos temos, tėvinės temos (parent theme), išskyrus tai, ką į ją įrašote patys. Tėvinę temą galite ir toliau įprastai atnaujinti. Čia sužinosite, kada Jums reikia child theme ir kaip ją sukurti naudojant File Manager DirectAdmin aplinkoje.
Ar Jums to reikia?
| Jūs norite | Ar reikia child theme? |
|---|---|
| Pritaikyti blokų temą svetainės redaktoriuje (Išvaizda > Redaktorius): spalvas, šriftus, antraštę ir poraštę | Ne. Šie pakeitimai saugomi duomenų bazėje ir po atnaujinimo išlieka. |
| Pridėti kelias CSS eilutes | Ne. Naudokite Papildomas CSS tinkintuve (Customizer, klasikinė tema) arba skiltyje Stiliai svetainės redaktoriuje. |
| Pridėti funkciją, nesusijusią su dizainu, pavyzdžiui, integraciją ar formą | Ne. Ji turi būti įskiepyje, kad veiktų ir pakeitus temą. |
| Pakeisti temos šablono failą, pridėti daug savo CSS arba PHP kodo, susijusio su dizainu | Taip. |
Naudojate blokų temą? Tuomet pirmiausia pabandykite svetainės redaktoriuje. Jei norite svetainės redaktoriuje atliktus pakeitimus išsaugoti failuose, oficialus įskiepis Create Block Theme gali sukurti child theme už Jus.
1 žingsnis: suraskite tėvinės temos aplanką
- DirectAdmin aplinkoje atidarykite File Manager. Žr. File Manager atidarymas: aplankai Jūsų pakete.
- Eikite į
domains/example.com/public_html/wp-content/themes. - Užsirašykite tikslų savo temos aplanko pavadinimą, pavyzdžiui,
hoofdthema. Svarbus aplanko pavadinimas, o ne pavadinimas, kurį matote WordPress.
2 žingsnis: sukurkite aplanką ir style.css
- Aplanke
themesspustelėkite New Folder ir sukurkite, pavyzdžiui,hoofdthema-child. - Atidarykite tą aplanką, spustelėkite New File ir sukurkite
style.css. - Spustelėkite failą dešiniuoju pelės mygtuku, pasirinkite Edit, įklijuokite toliau pateiktą antraštę ir spustelėkite Save.
/* Theme Name: Hoofdthema Child Template: hoofdthema Description: Eigen aanpassingen voor example.com Version: 1.0.0 */ /* Je eigen CSS komt hieronder. */
Svarbiausia yra eilutė Template:. Joje turi būti tiksliai tėvinės temos aplanko pavadinimas, su tomis pačiomis didžiosiomis raidėmis ir brūkšneliais. Jei jis neteisingas, WordPress praneš, kad tėvinės temos nėra.
3 žingsnis: functions.php arba theme.json
Klasikinė tema: tame pačiame aplanke sukurkite functions.php, kuris įkelia Jūsų stilių failą:
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'hoofdthema-child',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
} );
Ar tėvinė tema pati įkelia savo stilių failą, priklauso nuo temos. Pasižiūrėkite savo temos dokumentaciją. Jei aktyvavus svetainė atrodo plika, turite įkelti ir tėvinės temos stilių failą, naudodami get_template_directory_uri() . '/style.css'. Child temos functions.php nepakeičia tėvinės temos failo: įkeliami abu, pirmiau child. Todėl niekada nekopijuokite funkcijų iš tėvinės temos functions.php, nes pasikartojantys funkcijų pavadinimai sukelia kritinę klaidą.
Blokų tema: functions.php paprastai nereikia. Jei, pavyzdžiui, norite pakeisti spalvų paletę, sukurkite savo theme.json. WordPress jį sujungia su tėvinės temos failu, todėl į jį įrašote tik tai, ką norite pakeisti.
Jei norite pakeisti šabloną, nukopijuokite tik tą vieną failą iš tėvinės temos į tą pačią vietą savo child temoje ir redaguokite kopiją. WordPress pirmiausia ieško child temoje, o paskui tėvinėje. Nekopijuokite visko, kitaip nebegausite tėvinės temos patobulinimų.
4 žingsnis: aktyvavimas
- WordPress eikite į Išvaizda > Temos. Ten matysite savo child theme. Spustelėkite Aktyvuoti.
- Peržiūrėkite savo svetainę: antraštę, meniu, valdiklius ir spalvas. Jei reikia, iš naujo nustatykite meniu ir tinkintuvo nustatymus.
- Tėvinės temos nešalinkite ir ją atnaujinkite. Be tėvinės temos child tema neveikia.
Child theme norite kurti savo kompiuteryje? Tuomet supakuokite aplanką į zip archyvą ir įkelkite jį WordPress skiltyje Išvaizda > Temos mygtuku Pridėti temą, o tada Įkelti temą. Arba įkelkite aplanką per File Manager arba SFTP į wp-content/themes, žr. Failų įkėlimas ir atsisiuntimas.
Grįžimas prie senosios temos
Skiltyje Išvaizda > Temos vėl aktyvuokite tėvinę temą. Jei dėl klaidos child temoje nebegalite patekti į valdymo skydelį, File Manager pervadinkite child temos aplanką, pavyzdžiui, į hoofdthema-child-uit. Tuomet WordPress grįš prie numatytosios temos, jei ji dar įdiegta. Daugiau apie tai: 500 klaida arba „kritinė klaida“ Jūsų svetainėje (taip pat po WordPress atnaujinimo).
Skaitykite toliau
- Child themes svetainėje developer.wordpress.org (anglų kalba)
Norite sužinoti daugiau? Dalyvaukite nemokamame WordPress kurse, pamoka 5.2 Child theme kūrimas.