For å få WordPress-siden din til å se ut som du vil, kan det iblant kreves at du endrer i koden. Du har kanskje fjernet for eksempel Drives av WordPress i bunnen av siden din eller gjort andre kosmetiske endringer.

Å gjøre endringer direkte i materialet innebærer dessverre at ved en oppdatering av WordPress-installasjonen din kan filen du har utført endringene i bli erstattet med en ny variant, og endringene dine forsvinner. Det slipper du helt enkelt for med et undertema. Vi anbefaler sterkt at oppdateringer utføres regelmessig for å tette eventuelle sikkerhetshull, og dette er for å forhindre at siden blir utsatt for inntrenging. Du er selv ansvarlig for å oppdatere materialet ditt.

Kort sagt oppretter du en fil der du skriver inn endringene dine, og finner det temaet du vil bruke. Når du velger undertemaet ditt i installasjonen, vil filen fortelle at installasjonen skal bruke det valgte temaet, og deretter kan du bruke dine egne endringer. Alt for at siden din skal se ut som du vil uten å påvirke eksisterende temafiler.

Kom i gang!

Start med å åpne FTP-applikasjonen og koble til webserveren. Du finner en veiledning for dette her.

Når du er tilkoblet, se på installasjonen din (mindomen.no/public_html). Deretter ser du etter wp-content/themes. Det er viktig at du tar med det eksakte navnet på temaet ditt, og det bør brukes i filen vi snart skal lage. Deretter oppretter du en ny mappe som du for eksempel kan kalle “twentysixteen_undertema“. TwentySixteen er temaet vi har valgt å bruke i denne veiledningen, men det er like greit med et annet tema.

I mappen lager du et nytt dokument som du gir navnet “style.css“. Du kan enten lage filen direkte på datamaskinen og deretter laste den opp, eller direkte gjennom FTP-programmet.
Rediger filen med et hvilket som helst tekstredigeringsprogram og legg til følgende linjer i filen:

/*
Theme Name: Ditt undertema
Description: Undertema til TwentySixteen [valgfritt]
Author: Undertemaets skaper [valgfritt]
Author URI: Din hjemmeside [valgfritt]
Template: twentysixteen
Version: 1.0 [valgfritt]
*/

Theme Name: Navnet på temaet ditt.

Theme URL: Hvis du vil laste opp temaet ditt på nettet slik at andre kan laste det ned, skriver du inn adressen til temaet her.

Description: En kort beskrivelse av temaet ditt som er synlig i WordPress’ admin-grensesnitt.

Author: Skaperen av temaet.

Author URL: Adressen til skaperens hjemmeside.

Template: Navnet på temaet du bruker. Det er viktig at det angis eksakt samme navn som det er angitt i “wp-content/themes“-mappen.

Version: Hvis du vil publisere nye versjoner av temaet ditt, er forskjellige versjoner en enkel måte å fortelle at en ny oppdatering av temaet er tilgjengelig.

Det er egentlig bare Theme Name (temanavn) og Template (malen) som er nødvendige, ettersom de refererer til navnet på temaet ditt og det temaet som skal kalles opp.

Koble til temaet

Når kommentarfeltet ovenfor er opprettet, lager du en ny linje og legger til følgende:

@import url("../twentysixteen/style.css");

Denne ene linjen forteller undertemaet ditt at det skal bruke temaet TwentySixteen. Adressen “../twentysixteen/style.css” sier at det skal “søke” utenfor mappen du har opprettet, deretter se i TwentySixteen-mappen og bruke “style.css“.

Når du har lagret filen, er undertemaet ditt opprettet. Mer enn det er ikke nødvendig!

Selvfølgelig gjør dette ikke noe annet enn at du bare har opprettet undertemaet. Eventuelle endringer du vil utføre senere, legges til i style.css-filen du har opprettet.

I vårt eksempel nedenfor har vi lagt til tre linjer for å fjerne nettopp Drives av WordPress som nevnt i utgangspunktet.

Bilde for undertemaet ditt

Nå som du har undertemaet, kan du i tillegg gjøre det litt morsommere i WordPress-administrasjonen. Hvis du ser under “Utseende” -> “Temaer“, ser du at temaet ditt finnes der, men det er ikke noe bilde slik som for andre installerte temaer.

For å løse dette oppretter du et bilde i den størrelsen du vil ha (vanligste størrelse er 1200 × 900) og kaller det “screenshot.png“. Last det deretter opp til mappen “twentysixteen_undertema“, samme sted som “style.css” ligger.

Nå laster du om siden for temaer, og da bør du se bildet du lastet opp for temaet ditt.

Aktiver deretter undertemaet og nyt at du ikke trenger å bekymre deg for at oppdateringer av WordPress fjerner endringene dine!