Child themen luominen WordPress-teemallesi

Jos muokkaat teeman tiedostoja suoraan, työsi katoaa teeman seuraavassa päivityksessä. Lapsiteema estää sen. Se on pieni teema, joka perii kaiken toiselta teemalta, emoteemalta, paitsi sen, mitä lisäät siihen itse. Emoteemaa voit päivittää normaalisti. Tästä näet, milloin tarvitset lapsiteeman ja miten luot sen DirectAdminin File Managerilla.

Tarvitsetko sitä?

Käytätkö lohkoteemaa? Kokeile silloin ensin sivuston editoria. Jos haluat tallentaa sivuston editorissa tekemäsi muutokset tiedostoihin, virallinen lisäosa Create Block Theme voi luoda sinulle lapsiteeman.

Vaihe 1: etsi emoteemasi kansio

1. Avaa DirectAdminissa File Manager. Katso File Managerin avaaminen: pakettisi kansiot.
2. Siirry kansioon domains/example.com/public_html/wp-content/themes.
3. Kirjoita muistiin teemasi kansion tarkka nimi, esimerkiksi hoofdthema. Kyse on kansion nimestä, ei nimestä, jonka näet WordPressissä.

Vaihe 2: luo kansio ja style.css

1. Napsauta kansiossa themes kohtaa New Folder ja luo esimerkiksi hoofdthema-child.
2. Avaa kansio, napsauta New File ja luo style.css.
3. Napsauta tiedostoa hiiren oikealla painikkeella, valitse Edit, liitä alla oleva otsake ja napsauta Save.

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

/* Je eigen CSS komt hieronder. */

Tärkein rivi on Template:. Siinä on oltava täsmälleen emoteeman kansion nimi, samoilla isoilla kirjaimilla ja viivoilla. Jos se ei täsmää, WordPress ilmoittaa, että emoteema puuttuu.

Vaihe 3: functions.php tai theme.json

Klassinen teema: luo samaan kansioon functions.php, joka lataa tyylitiedostosi:

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

Lataako emoteema oman tyylitiedostonsa itse, vaihtelee teemoittain. Tarkista asia teemasi dokumentaatiosta. Jos sivustosi näyttää käyttöönoton jälkeen pelkistetyltä, sinun on ladattava myös emoteeman tyylitiedosto, käyttäen get_template_directory_uri() . '/style.css'. Lapsiteeman functions.php ei korvaa emoteeman tiedostoa: molemmat ladataan, lapsiteeman ensin. Älä siis koskaan kopioi funktioita emoteeman functions.php-tiedostosta, sillä päällekkäiset funktioiden nimet aiheuttavat kriittisen virheen.

Lohkoteema: functions.php ei yleensä ole tarpeen. Jos haluat esimerkiksi muuttaa väripalettia, luo oma theme.json. WordPress yhdistää sen emoteeman tiedostoon, joten lisää siihen vain se, mitä haluat muuttaa.

Jos haluat muokata sivupohjaa, kopioi vain kyseinen tiedosto emoteemasta samaan paikkaan lapsiteemassa ja muokkaa kopiota. WordPress etsii ensin lapsiteemasta ja sitten emoteemasta. Älä kopioi kaikkea, muuten et enää saa emoteeman parannuksia.

Vaihe 4: ota käyttöön

1. Siirry WordPressissä kohtaan Ulkoasu > Teemat. Lapsiteemasi näkyy listassa. Napsauta Ota käyttöön.
2. Tarkista sivustosi: ylätunniste, valikot, vimpaimet ja värit. Aseta tarvittaessa valikot ja mukauttajan asetukset uudelleen.
3. Älä poista emoteemaa ja pidä se päivitettynä. Ilman emoteemaa lapsiteema ei toimi.

Teetkö lapsiteeman mieluummin omalla tietokoneellasi? Pakkaa silloin kansio zip-tiedostoksi ja lataa se WordPressiin kohdassa Ulkoasu > Teemat painikkeella Lisää uusi teema ja sen jälkeen Lataa teema. Voit myös ladata kansion File Managerilla tai SFTP:llä kansioon wp-content/themes, katso Tiedostojen lataaminen palvelimelle ja palvelimelta.

Takaisin vanhaan teemaan

Ota emoteema taas käyttöön kohdassa Ulkoasu > Teemat. Jos et lapsiteeman virheen vuoksi pääse enää hallintaan, nimeä lapsiteeman kansio uudelleen File Managerissa, esimerkiksi nimelle hoofdthema-child-uit. WordPress palaa silloin oletusteemaan, jos sellainen on vielä asennettuna. Lisätietoa: Virhe 500 tai "kriittinen virhe" sivustollasi (myös WordPress-päivityksen jälkeen).

Lue lisää

• Child themes sivustolla developer.wordpress.org (englanniksi)

Haluatko oppia lisää? Käy ilmainen WordPress-kurssi, oppitunti 5.2 Lapsiteeman luominen.