Zone'i blogi

Kuidas kohandada WordPressi teemat ehk kuidas kasutada alamteemasid?

Foto: Pexels

Avatud lähtekoodiga tarkvara puhul on lihtne võtta ette mistahes koodifail ja sinna muudatusi teha. Aga… stopp! Kuidas jääb siis tulevaste (turva)uuendustega?

Paljudel WordPressi kujundus-teemadel on olemas seadistuste paneel, mis lubab valida värve ja fonte, seadistada logo ja lehel kuvatavate tulpade arvu otse haldusliideses, ilma koodi puutumata. Vahel on aga vaja teha suuremaid muudatusi, mida on mõistlikum teha teema CSSi või lehe-templiite muutes.

Kasuta alamteemat

Nii tasulised kui tasuta teemad saavad pidevalt uuendusi: parandatakse vigu kujunduses või lisatakse uute HTML+CSS standardite tugi, paigatakse turva-auke ja viiakse kood sobilikuks uuemate PHP versioonidega. Teema uuendus tähendab aga sisuliselt seda, et teema kustutatakse ja paigaldatakse uuesti ning selle käigus lähevad kõige kaduva teed ka failides tehtud muudatused.

Selliste probleemide vältimiseks ongi loodud WordPressi alamteema ehk child theme funktsionaalsus.

Kuidas see toimib?

Alamteema tomib järgmiselt:

  1. sul on paigaldatud teema, näiteks Twenty Nineteen
  2. sellele lisaks alamteema, mille päises on on viide põhiteemale
  3. aktiveerid alamteema
  4. WordPress otsib vajalikke faile kõigepealt alamteemast, kui ei leia siis põhiteemast.

Ja sina saad muudatusi teha nii:

  1. kopeerid vajaliku faili põhiteema kataloogist alamteema kataloogi
  2. teed alamteema kataloogis vajalikud muudatused
  3. magic happens ehk ime juhtubki!

Näiteks võiks teha järgmise alamteema, luues wp-content/themes alla kataloogi twentynineteen-child ja sinna sisse faili style.css:

________________________________________________________________________________________________

Twenty Nineteen Child

Description:  A kind of pink child theme for Twenty Nineteen

Template:     twentynineteen

Version:      1.0.0

*/

@import url(“../twentynineteen/style.css”);

h2 {

color: fuchsia;

}

________________________________________________________________________________________________

See viitab alustuseks põhiteema CSSile ning muudab seejärel kõik H2 pealkirjad roosaks.

Oletame, et järgmise asjana tahad lisada lehe HTMLi päisesse Google Analyticsi koodijupi ja teha seda ilma liigseid pluginaid lisamata. See käib nii:

  1. kopeerid faili php põhiteema twentynineteen kataloogist alamteema kataloogi twentynineteen-child
  2. lisad vajalikud read:

Ja… toimibki!

Proovi järele

Kui tahad proovida, siis twentynineteen-child.zip sisaldab ülalkirjeldatud alamteemat (tõsi – header.php pead ise kopeerima), mille saad paigaldada WordPressile nii, nagu ikka – välimuse haldusmenüüst või ise lahti pakkides ja FTPga üles laadides.

Loodetavasti tekib sellega mängides ka küsimus: aga mis siis, kui Twenty Nineteen põhiteemas header.php uueneb?. Tõepoolest, sinu alamteema jääb kasutama ise muudetud versiooni ning muudatused tuleb käsitsi üle tuua. Aga alamteema all on õnneks mugavalt näha kõik komponendid, mida oled muutnud. Ning on ka üks teine, veel parem nipp – kasuta WordPressi haake ehk hooke ja filtreid. Aga sellest juba mõnes teises postituses.

Üleskutse

Aita meil podcaste teha ja saa kingituseks Geeniuse kraami

Toetan Autotundi Toetan Restarti Kuulan saateid

Populaarsed lood mujal Geeniuses

Ära jää ilma päeva põnevamatest lugudest

Telli Geeniuse uudiskiri

Saadame sulle igal argipäeval ülevaate olulisematest Geeniuse teemadest.