WP Care
Ta kontakt
, , , , ,

Slik finner, installerer og tilpasser du WordPress-temaer

Du kommer ikke langt i WordPress uten å ha med tema å gjøre. Temaet gjør mer enn å gi nettstedet et ansiktsløft. Det bestemmer hvordan innholdet vises, hvor det står og hvordan det ser ut. WordPress-kjernen gjør mulighetene tilgjengelige, og temaet tar dem i bruk, sammen med utvidelsene (plugins).

I denne guiden ser vi på hvor du finner gode tema, hvordan du installerer dem, og hvordan du tilpasser dem uten å miste endringene ved neste oppdatering.

Klassiske tema og blokktema

I dag finnes det to hovedtyper WordPress-tema:

  • Blokktema – hele nettstedet, også header, footer og maler, redigeres med blokker i nettstedsredigeringen (Utseende → Editor). WordPress sine egne standardtema fra Twenty Twenty-Two og nyere er blokktema.
  • Klassiske tema – malene er PHP-filer, og du tilpasser via Utseende → Tilpass og temaets egne innstillinger. Mange populære tema, og tema laget for sidebyggere som Elementor, er klassiske.

Begge typer fungerer godt. Det viktigste er at temaet passer til hvordan nettstedet skal bygges og vedlikeholdes.

Her finner du WordPress-temaer

Det finnes enormt mange ferdige tema. Mange er gratis, mens de mest fleksible ofte koster litt.

  • WordPress.org sin temakatalog – tusenvis av gratis tema som er gjennomgått før de publiseres, med vurderinger fra brukerne.
  • Kommersielle tema – leverandører som tilbyr betalte versjoner med support.
  • Markedsplasser som ThemeForest – et stort utvalg, men svært varierende kvalitet.

Populære og lette tema som mange bruker som utgangspunkt, er for eksempel GeneratePress, Astra og Kadence. Til Elementor brukes ofte Hello Elementor.

Slik velger du et godt tema

  • Oppdatert – temaet bør være oppdatert i løpet av det siste året og støtte nyeste versjon av WordPress.
  • Raskt – et lett tema gir raskere nettside, og det er bra både for besøkende og for Google.
  • Gode vurderinger og support – se hvor mange som bruker temaet, og om utvikleren svarer på spørsmål.
  • Trygg kilde – last aldri ned betalte tema gratis fra uoffisielle nettsteder. Slike «nullede» tema inneholder ofte skadevare, og er en vanlig årsak til at nettsider blir hacket.

Installere et tema

WordPress lar deg installere tema direkte fra administrasjonspanelet:

  1. Gå til Utseende → Temaer og klikk Legg til nytt.
  2. Søk etter et tema i katalogen og klikk Installer. Har du kjøpt et tema, klikker du Last opp tema, velger zip-fila og klikker Installer nå.
  3. Klikk Aktiver når installasjonen er ferdig.

Tips: Bytter du tema på en nettside som allerede er i bruk, bør du teste det på en kopi av nettstedet først. Et nytt tema kan endre menyer, widgets og oppsett.

Tilpasse temaet trygt

Uansett hvor fleksibelt temaet er, vil du ofte ønske tilpasninger utover innstillingene. Det enkleste er å endre koden i temafilene direkte, men da forsvinner endringene neste gang temaet oppdateres. Det finnes bedre måter:

  • Ekstra CSS – små endringer i utseendet legger du inn under Utseende → Tilpass → Ekstra CSS i klassiske tema, eller under Stiler i nettstedsredigeringen for blokktema.
  • Nettstedsredigeringen – i blokktema lagres endringer i maler og stiler i databasen, ikke i temafilene. De overlever derfor oppdateringer.
  • Barnetema (child theme) – for større endringer i maler og funksjonalitet.

Slik lager du et barnetema

Et barnetema er et lite tilleggstema som bygger på hovedtemaet. Du gjør endringene i barnetemaet, og kan oppdatere hovedtemaet uten å miste dem. For blokktema kan du lage barnetema med den offisielle utvidelsen Create Block Theme. For klassiske tema gjør du slik:

  1. Opprett en ny mappe i wp-content/themes, for eksempel kongetema-barn hvis hovedtemaet ligger i mappen kongetema.
  2. Lag fila style.css i den nye mappen med innholdet under. Linjen Template må være nøyaktig lik mappenavnet til hovedtemaet.
  3. Lag fila functions.php og last inn stilene til hovedtemaet, hvis temaet ikke gjør det selv.
  4. Gå til Utseende → Temaer og aktiver barnetemaet.

Innholdet i style.css:

/*
 Theme Name:  Kongetema Barn
 Template:    kongetema
 Version:     1.0.0
 Text Domain: kongetema-barn
*/

Innholdet i functions.php:

<?php
add_action( 'wp_enqueue_scripts', function () {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
} );

Mange moderne tema laster stilene sine selv. Ser nettstedet uendret ut etter at barnetemaet er aktivert, trenger du ikke koden i functions.php.

Nå kan du overstyre hovedtemaet. Vil du for eksempel endre fargen på lenkene, legger du dette i barnetemaets style.css:

a {
    color: #3a5566;
}

Stilene i barnetemaet vinner over hovedtemaet. I functions.php kan du også endre hvordan nettstedet oppfører seg, og du kan kopiere malfiler fra hovedtemaet til barnetemaet og endre dem der. Se guiden om sidemaler i WordPress.

Trenger du hjelp med temaet?

Vi hjelper deg med å velge tema, sette opp barnetema og gjøre tilpasninger som tåler oppdateringer. Se WordPress-hjelp og support, eller ta kontakt for en uforpliktende prat.