Käytit tunteja teeman hiomiseen: säädit fontteja, suunnittelit ylätunnisteen uusiksi, lisäsit mukautettuja tyylejä tuotekorteille. Sivusto näyttää juuri siltä kuin halusit. Sitten "teemapäivitys saatavilla" -ilmoitus ilmestyy, ja yhden napsautuksen jälkeen kaikki muutoksesi katoavat.

Kuulostaako tutulta? Tämä tuska vaivaa jokaista, joka on koskaan muokannut WordPress-teemaa suoraan miettimättä päivityssuojausta. Hyvä uutinen: tämä ongelma on täysin ratkaistavissa, eikä sinun tarvitse olla kehittäjä tehdäksesi sen.

Alla on vaiheittainen opas, joka toimii minkä tahansa WordPress-teeman kanssa. Lapsiteeman luomisesta päivitysten turvalliseen testaamiseen live-sivustolla.

💡 Nopea yleiskatsaus:

• Opi, miksi teeman mukautukset katoavat päivitysten yhteydessä ja miten WordPress tallentaa muutokset
• Luo lapsiteema 5 minuutissa, joko tyhjästä tai lisäosan avulla
• Siirrä olemassa olevat muokkaukset lapsiteemaan menettämättä mitään
• Määritä varmuuskopiot ja testaa päivitykset vaarantamatta sivustoasi

Miksi teeman asetukset katoavat päivitysten yhteydessä

WordPress on suunniteltu yksinkertaisesti: jokainen teema sijaitsee omassa kansiossaan hakemistossa /wp-content/themes/. Kun napsautat "päivitä", WordPress korvaa teematiedostot kokonaan tietovaraston uusilla versioilla. Kaikki, mitä muokkasit vanhan version tiedostoissa style.css tai functions.php, ylikirjoitetaan pysyvästi.

Tämä toiminta ei ole bugi vaan ominaisuus. Se varmistaa, että päivityksen jälkeen saat puhtaan, yhtenäisen version teemasta ilman välivaiheen muokkauksista kertynyttä "roskaa". Ainoa ongelma on, että WordPress ei tiedä, mitkä muutokset teit verrattuna siihen, mitä teemassa oli alun perin.

Tästä seuraa teeman mukauttamisen pääsääntö: älä koskaan muokkaa pääteeman tiedostoja suoraan. Sen sijaan kaikki muutokset menevät erilliseen kokonaisuuteen, jota kutsutaan lapsiteemaksi.

Lapsiteemat: miten ne toimivat

Lapsiteema on kevyt kerros pääteeman päällä. Se perii kaiken alkuperäisen teeman toiminnallisuuden ja tyylit, mutta antaa sinun ohittaa vain sen, mitä haluat muuttaa. Kun pääteema päivittyy, lapsiteema säilyy koskemattomana ja muokkauksesi pysyvät tallessa.

Periaate on samanlainen kuin Photoshopin tasot: pohjataso on pääteema, ja sen päällä on läpinäkyvä lapsiteemataso. Piirrät ylemmälle tasolle, ja kun alempi taso vaihdetaan, ylempi säilyy.

Mitä voit laittaa lapsiteemaan:

• CSS-säännöt (fontit, värit, välit, responsiivisuus)
• Sivupohjat ja yksittäiset lohkot: header.php, footer.php ja single.php
• Toiminnalliset muutokset tiedoston functions.php kautta (widgetien rekisteröinti, mukautetut post-tyypit, shortcodet)
• Käännökset ja tekstimerkkijonot

Pohjimmiltaan lapsiteema kattaa valtaosan niistä mukautustyypeistä, jotka muuten saisivat sinut kaivautumaan pääteeman tiedostoihin.

Lapsiteeman luominen: vaiheittainen opas

Prosessi kestää enintään viisi minuuttia ja vaatii vain pääsyn sivuston tiedostoihin FTP:n tai hosting-palvelusi tiedostonhallinnan kautta.

Vaihe 1: luo kansio

Luo wp-content/themes/-hakemistoon uusi kansio. Nimeä se kuten pääteema, mutta lisää loppuun -child-pääte. Esimerkiksi twentytwentyfour-teemalle kansion nimi olisi twentytwentyfour-child. Tämä nimeämiskäytäntö ei ole ehdoton vaatimus, mutta laajalti hyväksytty tapa, joka selventää heti, mihin teemaan lapsi on kytketty.

Vaihe 2: yhdistä tyylit style.css-tiedostolla

Luo kansion sisään style.css-tiedosto, jossa on tämä otsikko:

1
/*
2
Theme Name: Twenty Twenty-Four Child
3
Template: twentytwentyfour
4
*/

Vain kaksi kenttää on vähimmäisvaatimuksena: Theme Name (mikä tahansa yksilöllinen nimi) ja Template (pääteeman kansion nimi, täsmälleen kuten levyllä, kirjainkoko merkitsee). Virhe Template-kohdassa, eikä lapsiteema näy käytettävissä olevien teemojen luettelossa hallintapaneelissa.

Vaihe 3: peri pääteeman tyylit functions.php-tiedostolla

Luo functions.php-tiedosto, jossa on seuraava koodi:

1
<?php
2
function child_enqueue_parent_styles() {
3
    $theme = wp_get_theme();
4
    $version = $theme->parent() ? $theme->parent()->get('Version') : '1.0';
5
 
6
    wp_enqueue_style(
7
        'parent-style',
8
        get_template_directory_uri() . '/style.css',
9
        array(),
10
        $version
11
    );
12
}
13
add_action('wp_enqueue_scripts', 'child_enqueue_parent_styles');

Tämä koodi tekee kaksi asiaa: se lataa pääteeman tyylitiedoston ja sitoo sen versionumeroon. Versionumeroon sitominen on kriittistä: kun pääteema päivittyy, tyyli-URL:n versionumero muuttuu myös. Selain ja CDN:t näkevät uuden URL:n ja tyhjentävät välimuistin, joten et saa "rikkinäistä" CSS:ää, koska selain hakee edelleen vanhaa välimuistissa olevaa versiota.

Vaihe 4: aktivoi

Siirry WordPressin hallintapaneeliin → "Ulkoasu" → "Teemat". Etsi juuri luomasi lapsiteema sen nimen perusteella, jonka määritit kohdassa Theme Name, ja napsauta "Ota käyttöön".

Aktivoinnin jälkeen WordPress alkaa käyttää lapsiteemaa. Sivusto näyttää täsmälleen samalta kuin pääteeman kanssa, koska lapsiteema ei vielä ohita mitään.

Olemassa olevien muokkausten siirtäminen lapsiteemaan

Jos olet jo muokannut pääteemaa suoraan, älä hätäänny. Muokkausten siirtäminen lapsiteemaan tehdään manuaalisesti, mutta se on kertaluonteinen toimenpide.

Tässä on toimintamalli:

• Tee luettelo kaikista pääteeman tiedostoista, joita muutit. Yleensä ne ovat style.css ja functions.php, harvemmin mallipohjatiedostot.
• Kopioi vain muokatut koodin osat vastaaviin lapsiteeman tiedostoihin. Älä kopioi koko tiedostoa, koska se korvaisi tulevat pääteeman päivitykset vanhalla koodilla. Ota vain se, mitä lisäsit tai muutit.
• Kun olet siirtänyt kaikki muokkaukset, palauta alkuperäiset pääteeman tiedostot tietovarastosta (asenna teema yksinkertaisesti uudelleen tai lataa puhdas kopio).

Jos sinulle kertyi paljon muutoksia etkä ole varma, mitä tarkalleen muokkasit, tässä on vinkki: asenna One Click Child Theme -lisäosa (se luo lapsiteeman yhdellä napsautuksella) ja vertaa sitten manuaalisesti pääteeman tiedostoja tietovaraston alkuperäiseen käyttäen diff-työkalua tai verkkopohjaista vertailupalvelua. Näin näet tarkalleen, mitkä rivit lisäsit.

Vaihtoehtoiset lähestymistavat: sovelluskehykset ja lisäosat

Lapsiteema on ensisijainen ja joustavin menetelmä, mutta muitakin työkaluja on turvalliseen mukauttamiseen.

Teemasovelluskehykset

Jos olet vasta valitsemassa teemaa ja suunnittelet vakavia muokkauksia, harkitse sovelluskehyksiä. Tunnetuin esimerkki on Genesis Framework StudioPressilta. Ajatuksena on, että sovelluskehys toimii "ikuisena" pääteemana, ja sinä työskentelet lapsiteemassa alusta alkaen. Genesis ei päivity kaoottisesti; sen päivitykset on suunniteltu niin, etteivät ne riko lapsiteemoja. Kustannus on 60 dollaria vuodessa, mutta niille, jotka ansaitsevat rahaa verkkosivustoilla, se on perusteltu sijoitus.

Toinen vaihtoehto on Total-sovelluskehys, jonka mukana tulee sisäänrakennettu Custom CSS -kenttä hallintapaneelissa. Pieniin tyylisäätöihin tämä saattaa riittää ilman lapsiteeman luomista lainkaan.

Lisäosat

Jos et halua sählätä teematiedostojen kanssa, joitakin tehtäviä voi ulkoistaa lisäosille:

• WP Template Overrides antaa sinun ohittaa valikoivasti mallipohjia luomatta lapsiteemaa. Hyödyllinen, kun sinun täytyy korjata yksi tietty mallipohja ja lapsiteeman luominen tuntuu ylimitoitetulta.
• One Click Child Theme -lisäosa luo lapsiteeman suoraan hallintapaneelista, ei FTP:tä tarvita. Täydellinen ensikokemukseesi lapsiteemista: napsauta painiketta ja rakenne on valmis.

On tärkeää ymmärtää rajoitukset: lisäosat kattavat kapeita skenaarioita. Järjestelmälliseen mukautustyöhön lapsiteema on edelleen luotettavampi, koska se ei ole riippuvainen kolmannen osapuolen lisäosien päivityksistä ja toimii, vaikka vaihtaisit aktiivisia lisäosia.

Varmuuskopiot: vakuutus ennen päivitystä

Riippumatta siitä, mitä menetelmää käytät, tee varmuuskopio sivustostasi ennen mitä tahansa teemapäivitystä. Se vie pari minuuttia, mutta säästää hermojasi, jos jokin ei mene suunnitelmien mukaan.

Kolme varmuuskopioinnin tasoa, yksinkertaisesta vankkaan:

• Manuaalinen varmuuskopiointi FTP:n kautta. Lataa teemakansio ja vie tietokanta phpMyAdminin tai WP-CLI:n (wp db export) kautta. Ilmainen, mutta vaatii kurinalaisuutta; helppo unohtaa ennen päivitystä.
• Automaattinen varmuuskopiointi lisäosilla. Ilmaiset vaihtoehdot WordPress-hakemistosta hoitavat päivittäisen tiedostojen ja tietokannan kopioinnin. Maksullisista ratkaisuista erottuvat Jetpack VaultPress Backup (reaaliaikaiset pilvivarmuuskopiot) ja Solid Backups (entinen BackupBuddy, yhden napsautuksen palautus).
• Varmuuskopiointi hosting-palvelun tasolla. Useimmat hallinnoidut WordPress-hostit tekevät päivittäiset kopiot automaattisesti. Tarkista palveluntarjoajaltasi, kuinka nopeasti voit palauttaa tällaisesta varmuuskopiosta.

Sääntö on yksinkertainen: mitä lähempänä päivitys on, sitä tuoreempi varmuuskopiosi tulisi olla. Tee varmuuskopio → päivitä teema → tarkista sivusto. Jos se kaatuu, peruuta muutos minuutissa.

Päivityksen turvallinen testaaminen

WordPress käsittelee saman teeman eri versioita kahtena erillisenä teemana. Jos kansiot mytheme (v1) ja mytheme-new (v1.1) ovat molemmat hakemistossa /wp-content/themes/, hallintapaneeli näyttää ne kahtena erillisenä kohteena.

Voit käyttää tätä toimintaa turvalliseen testaamiseen:

• Kopioi nykyinen teema eri nimellä varustettuun kansioon (esimerkiksi mytheme-old).
• Asenna uusi teemaversio tavalliseen tapaan.
• Aktivoi uusi versio ja tarkista sivusto.
• Jos jokin hajoaa, vaihda takaisin vanhaan versioon yhdellä napsautuksella.

Tämä ei korvaa lapsiteemaa, mutta antaa sinulle liikkumatilaa, kun siirrät asetuksia vanhasta versiosta uuteen. Se auttaa erityisesti silloin, kun teeman kehittäjä on muuttanut mallipohjien rakennetta radikaalisti suuressa päivityksessä.

Yllä oleva video tarjoaa visuaalisen esityksen lapsiteeman luomisesta alusta aktivointiin. Jos tekstiohjeiden jälkeen jää kysymyksiä, tämä 7 minuutin pätkä selventää kaiken.

⁉️🤔 Usein kysytyt kysymykset

Täytyykö minun luoda lapsiteema, jos muokkasin vain CSS:ää kohdan "Mukauta" → "Lisä-CSS" kautta?

Ei. Mukauttimen kautta lisätyt tyylit tallennetaan WordPressin tietokantaan, ei teematiedostoihin. Ne eivät katoa päivitysten yhteydessä. Mutta jos lisäsit CSS:ää teeman style.css-tiedoston kautta, lapsiteema vaaditaan.

Voinko luoda lapsiteeman, jos sivusto on jo live-tilassa ja siihen on asennettu lisäosia?

Kyllä, lapsiteeman luominen ei vaikuta lisäosiin. Prosessi on täysin itsenäinen: luot kansion ja kaksi tiedostoa, aktivoit lapsiteeman, ja sivusto jatkaa toimintaansa kuin mitään ei olisi tapahtunut. Yksi varoitus: jos käytit mukauttimen ominaisuuksia (esimerkiksi asetit logon tai faviconin), sinun täytyy määrittää ne uudelleen lapsiteeman aktivoinnin jälkeen, koska nämä asetukset on sidottu tiettyyn aktiiviseen teemaan.

Mitä minun pitäisi tehdä, jos kehittäjä hylkäsi pääteeman?

Lapsiteema jatkaa toimintaansa, mutta turvallisuus ja yhteensopivuus uusien WordPress-versioiden kanssa muuttuvat kyseenalaisiksi. Jos pääteemaa ei ole päivitetty yli vuoteen, sinun tulisi harkita siirtymistä toiseen teemaan. Lyhyellä aikavälillä jatka lapsiteeman käyttöä normaalisti, mutta suunnittele siirtymää.

Miksi Genesis Framework on parempi kuin tavallinen pääteema?

Genesis luotiin nimenomaan pääteemaksi. Se ei muuta designia rajusti versioiden välillä, tarjoaa puhtaan API:n koukkuineen ja suodattimineen lapsiteemoille, ja päivitykset tehdään taaksepäin yhteensopivuus mielessä. Tavallinen teema voi uudistaa mallipohjarakenteensa milloin tahansa, ja lapsiteemasi saattaa lakata toimimasta. Genesiksen kanssa tämä riski on minimaalinen.

Voinko päivittää teeman automaattisesti, jos minulla on lapsiteema aktiivisena?

Kyllä, juuri sitä varten lapsiteema on olemassa. Pääteema päivittyy automaattisesti (tai manuaalisesti), ja lapsiteema säilyy täysin koskemattomana. Kaikki muokkauksesi pysyvät paikoillaan.

Päivittää vai ei: mitä tehdä juuri nyt

Jos otat tästä artikkelista mukaasi vain yhden asian, olkoon se tämä yksinkertainen sääntö: älä muokkaa teematiedostoja suoraan; luo lapsiteema. Se vie viisi minuuttia, ja säästö mitataan tunneissa palautustyötä jokaisen päivityksen jälkeen.

Aloittelijoille polku on tämä: asenna One Click Child Theme → napsauta yhtä painiketta → aktivoi lapsiteema → ja vasta sitten aloita mukauttaminen. Niille, jotka ovat jo tehneet muutoksia pääteemaan, siirrä ne lapsiteemaan yllä olevien ohjeiden mukaisesti, palauta alkuperäiset tiedostot ja päivitä huoletta.

Onko sinulla erilainen suunnitelma asetusten suojaamiseksi teemapäivitysten aikana? Jaa kommenteissa, niin laajennamme opasta.