Izrada child teme za Vašu WordPress temu

Ako izravno mijenjate datoteke neke teme, Vaš će rad nestati pri sljedećem ažuriranju te teme. To sprječava child theme. To je mala tema koja sve preuzima od druge teme, roditeljske teme, osim onoga što sami u nju stavite. Roditeljsku temu i dalje normalno ažurirate. Ovdje ćete pročitati kada Vam je potreban child theme i kako ga izraditi pomoću File Managera u DirectAdminu.

Je li Vam potreban?

Koristite li blok temu? Tada najprije pokušajte u uređivaču web-stranice. Želite li prilagodbe iz uređivača web-stranice spremiti u datoteke, službeni dodatak Create Block Theme može za Vas izraditi child theme.

Korak 1: pronađite mapu roditeljske teme

1. U DirectAdminu otvorite File Manager. Pogledajte Otvaranje File Managera: mape u Vašem paketu.
2. Idite na domains/example.com/public_html/wp-content/themes.
3. Zapišite točan naziv mape Vaše teme, primjerice hoofdthema. Riječ je o nazivu mape, a ne o nazivu koji vidite u WordPressu.

Korak 2: izradite mapu i style.css

1. U mapi themes kliknite na New Folder i izradite primjerice hoofdthema-child.
2. Otvorite tu mapu, kliknite na New File i izradite style.css.
3. Desnom tipkom miša kliknite na datoteku, odaberite Edit, zalijepite zaglavlje u nastavku i kliknite na Save.

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

/* Je eigen CSS komt hieronder. */

Redak Template: je najvažniji. U njemu mora stajati točan naziv mape roditeljske teme, s istim velikim slovima i crticama. Ako nije točan, WordPress će javiti da roditeljska tema nedostaje.

Korak 3: functions.php ili theme.json

Klasična tema: u istoj mapi izradite datoteku functions.php koja učitava Vaš stylesheet:

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

Učitava li roditeljska tema sama svoj stylesheet, razlikuje se od teme do teme. Provjerite dokumentaciju svoje teme. Ako Vaša web-stranica nakon aktivacije izgleda ogoljeno, morate učitati i stylesheet roditeljske teme, pomoću get_template_directory_uri() . '/style.css'. Datoteka functions.php child teme ne zamjenjuje onu roditeljske teme: učitavaju se obje, najprije ona child teme. Zato nikada ne kopirajte funkcije iz datoteke functions.php roditeljske teme jer dvostruki nazivi funkcija uzrokuju kritičnu pogrešku.

Blok tema: datoteka functions.php obično nije potrebna. Ako primjerice želite drugačiju paletu boja, izradite vlastitu datoteku theme.json. WordPress je spaja s onom roditeljske teme, pa u nju upisujete samo ono što želite promijeniti.

Želite li prilagoditi predložak, kopirajte samo tu jednu datoteku iz roditeljske teme na isto mjesto u svojoj child temi i prilagodite kopiju. WordPress najprije gleda u child temu, a zatim u roditeljsku. Ne kopirajte sve, jer inače više nećete dobivati poboljšanja roditeljske teme.

Korak 4: aktivacija

1. U WordPressu idite na Izgled > Teme. Vaša child tema nalazi se na popisu. Kliknite na Aktiviraj.
2. Pregledajte svoju web-stranicu: zaglavlje, izbornike, widgete i boje. Po potrebi ponovno postavite izbornike i postavke Prilagodbe.
3. Ne uklanjajte roditeljsku temu i redovito je ažurirajte. Bez roditeljske teme child tema ne radi.

Radije izrađujete child theme na vlastitom računalu? Tada mapu zapakirajte kao zip i učitajte je u WordPressu pod Izgled > Teme pomoću gumba Dodaj novu temu i zatim Učitaj temu. Ili mapu učitajte pomoću File Managera ili SFTP-a u wp-content/themes, pogledajte Učitavanje i preuzimanje datoteka.

Povratak na staru temu

Pod Izgled > Teme ponovno aktivirajte roditeljsku temu. Ako zbog pogreške u child temi više ne možete pristupiti administraciji, u File Manageru preimenujte mapu child teme, primjerice u hoofdthema-child-uit. WordPress se tada vraća na zadanu temu, ako je ona još instalirana. Više o tome pročitajte u članku Pogreška 500 ili "kritična pogreška" na Vašoj web-stranici (i nakon ažuriranja WordPressa).

Dodatno čitanje

• Child themes na developer.wordpress.org (na engleskom)

Želite li naučiti više? Pohađajte besplatni WordPress tečaj, lekcija 5.2 Izrada child teme.