Child theme izveide Jūsu WordPress tēmai

Ja Jūs tieši pielāgojat tēmas failus, Jūsu darbs pazudīs nākamajā šīs tēmas atjauninājumā. To novērš bērna tēma (child theme). Tā ir neliela tēma, kas visu pārņem no citas tēmas, ko sauc par vecāktēmu, izņemot to, ko Jūs tajā ievietojat paši. Vecāktēmu Jūs varat turpināt atjaunināt kā parasti. Šeit uzzināsiet, kad Jums ir nepieciešama bērna tēma un kā to izveidot ar File Manager rīku DirectAdmin.

Vai Jums tā ir nepieciešama?

Vai izmantojat bloku tēmu? Tad vispirms mēģiniet to paveikt vietnes redaktorā. Ja vēlaties savus vietnes redaktora pielāgojumus saglabāt failos, oficiālais spraudnis Create Block Theme var izveidot Jums bērna tēmu.

1. solis: atrodiet vecāktēmas mapi

1. Atveriet DirectAdmin sadaļu File Manager. Skatiet File Manager atvēršana: mapes Jūsu pakotnē.
2. Dodieties uz domains/example.com/public_html/wp-content/themes.
3. Pierakstiet precīzu savas tēmas mapes nosaukumu, piemēram, hoofdthema. Svarīgs ir mapes nosaukums, nevis nosaukums, ko redzat WordPress.

2. solis: izveidojiet mapi un style.css

1. Mapē themes noklikšķiniet uz New Folder un izveidojiet, piemēram, hoofdthema-child.
2. Atveriet šo mapi, noklikšķiniet uz New File un izveidojiet style.css.
3. Ar peles labo pogu noklikšķiniet uz faila, izvēlieties Edit, ielīmējiet zemāk redzamo galveni un noklikšķiniet uz Save.

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

/* Je eigen CSS komt hieronder. */

Rinda Template: ir vissvarīgākā. Tajā jābūt precīzam vecāktēmas mapes nosaukumam ar tiem pašiem lielajiem burtiem un defisēm. Ja tas nesakrīt, WordPress paziņos, ka vecāktēma nav atrodama.

3. solis: functions.php vai theme.json

Klasiskā tēma: tajā pašā mapē izveidojiet failu functions.php, kas ielādē Jūsu stila lapu:

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

Vai vecāktēma pati ielādē savu stila lapu, atšķiras atkarībā no tēmas. Ieskatieties savas tēmas dokumentācijā. Ja pēc aktivizēšanas Jūsu vietne izskatās kaila, Jums jāielādē arī vecāktēmas stila lapa, izmantojot get_template_directory_uri() . '/style.css'. Bērna tēmas functions.php neaizstāj vecāktēmas failu: tiek ielādēti abi, turklāt bērna tēmas fails pirmais. Tāpēc nekad nekopējiet funkcijas no vecāktēmas functions.php, jo dublēti funkciju nosaukumi izraisa kritisku kļūdu.

Bloku tēma: functions.php parasti nav nepieciešams. Ja vēlaties, piemēram, mainīt krāsu paleti, izveidojiet savu theme.json. WordPress to apvieno ar vecāktēmas failu, tāpēc tajā ierakstiet tikai to, ko vēlaties mainīt.

Ja vēlaties pielāgot veidni, nokopējiet no vecāktēmas tikai šo vienu failu uz to pašu vietu bērna tēmā un pielāgojiet kopiju. WordPress vispirms meklē bērna tēmā un pēc tam vecāktēmā. Nekopējiet visu, citādi vairs nesaņemsiet vecāktēmas uzlabojumus.

4. solis: aktivizēšana

1. WordPress dodieties uz Izskats > Tēmas. Tur būs redzama arī Jūsu bērna tēma. Noklikšķiniet uz Aktivizēt.
2. Pārbaudiet savu vietni: galveni, izvēlnes, logrīkus un krāsas. Ja nepieciešams, iestatiet izvēlnes un pielāgotāja iestatījumus no jauna.
3. Neizdzēsiet vecāktēmu un regulāri to atjauniniet. Bez vecāktēmas bērna tēma nedarbojas.

Vai bērna tēmu vēlaties izveidot savā datorā? Tad saarhivējiet mapi zip failā un augšupielādējiet to WordPress sadaļā Izskats > Tēmas ar pogu Pievienot tēmu un pēc tam Augšupielādēt tēmu. Vai arī augšupielādējiet mapi ar File Manager vai SFTP uz wp-content/themes, skatiet Failu augšupielāde un lejupielāde.

Atgriešanās pie iepriekšējās tēmas

Sadaļā Izskats > Tēmas atkal aktivizējiet vecāktēmu. Ja kļūdas dēļ bērna tēmā vairs nevarat piekļūt administrācijas panelim, File Manager pārdēvējiet bērna tēmas mapi, piemēram, par hoofdthema-child-uit. Tad WordPress pārslēgsies uz standarta tēmu, ja tā joprojām ir instalēta. Vairāk par to lasiet rakstā Kļūda 500 vai "kritiska kļūda" Jūsu vietnē (arī pēc WordPress atjauninājuma).

Papildu informācija

• Child themes vietnē developer.wordpress.org (angļu valodā)

Vēlaties uzzināt vairāk? Apgūstiet bezmaksas WordPress kursu, nodarbība 5.2 Bērna tēmas izveide.