Komplet guide til WordPress — Byg din hjemmeside fra bunden

Denne guide er skrevet til danske begyndere, der vil bygge deres første hjemmeside med WordPress. Vi gennemgår alt fra hosting til færdig webshop med betaling.

Indholdsfortegnelse

1. Hvad er WordPress?
2. Hvornår skal du bruge det?
3. WordPress.com vs WordPress.org
4. Kom i gang med WordPress.org
5. Temaer
6. Plugins
7. Sider og indlæg
8. Design med Elementor
9. WooCommerce — Din webshop
10. Sikkerhed
11. Hastighedsoptimering
12. SEO — Søgemaskineoptimering
13. Pris
14. Fordele og ulemper
15. Eksempel-projekt: Restaurant-hjemmeside

1. Hvad er WordPress?

WordPress er et Content Management System (CMS) — altså en platform, der gør det muligt at bygge og drive hjemmesider uden at skulle kode fra bunden.

Nøglefakta:

• WordPress driver omkring 40 % af alle hjemmesider på internettet
• Det er open source og gratis at bruge
• Der findes over 60.000 plugins og tusindvis af temaer
• Bruges af alt fra hobbybloggere til store virksomheder som BBC, Tech Crunch og Microsoft

Hvordan virker det? Du installerer WordPress på en webserver (via hosting), logger ind på et kontrolpanel (wp-admin), og bygger dine sider med temaer og plugins. Alt kan styres fra en browser — ingen specialiseret software nødvendig.

2. Hvornår skal du bruge det?

WordPress er fleksibelt og egner sig til mange formål:

Konklusion: Hvis du vil have en hjemmeside, blog eller webshop — så er WordPress et stærkt valg. Til avancerede webapplikationer bør du kigge andetsteds.

3. WordPress.com vs WordPress.org

Det her er et af de mest almindelige fejltrin for begyndere. Der er stor forskel:

WordPress.com

• Hostet af Automattic (selskabet bag WordPress)
• Gratis plan med begrænsinger (WordPress.com-branding, ikke eget domæne)
• Betalte planer fra ~$4/md til $45/md
• Begrænsede plugins og temaer på gratis/low-tier planer
• Bedst til: Folk der bare vil blogge uden teknisk opsætning

WordPress.org

• Selv-hostet — du køber hosting og installerer WordPress selv
• Fuld kontrol over alt: temaer, plugins, design, kode
• Ingen begrænsninger i funktionalitet
• Kræver: Hosting (fra ~50 kr/md) og eget domæne (~70-100 kr/år)
• Bedst til: Alle der vil have en seriøs hjemmeside eller webshop

Anbefaling

Brug WordPress.org. Prisen er lav, og du får fuld kontrol. WordPress.com's gratis plan er begrænset og WordPress.com branding på din side ser ikke professionelt ud.

Undtagelse: Hvis du kun vil teste WordPress af uden økonomisk commitment, kan du starte på WordPress.com og senere migrere til WordPress.org.

4. Kom i gang med WordPress.org

Trin 1: Vælg hosting

Her er tre solide muligheder for danske brugere:

Cloudways (anbefalet)

• Fra ~$11/md (DigitalOcean server)
• Super hurtig hosting med servere i Amsterdam
• Automatiske backups, SSL inkluderet
• God til både begyndere og avancerede brugere

SiteGround

• Fra ~$3/md (første år)
• Meget god kundeservice
• God til begyndere
• Servere i Europa

DigitalOcean (via Cloudways)

• Fra ~$10/md
• God balance mellem pris og ydeevne
• Skalerbart

Trin 2: Køb et domæne

Køb dit domæne (.dk eller .com) hos en dansk registrar:

• One.com — fra ~50 kr/år
• DK-Hostmaster — officiel .dk-registrar
• Namecheap — god til .com-domæner

Trin 3: Installer WordPress

De fleste hosting-udbydere har 1-click installation:

På Cloudways:

1. Log ind på din Cloudways-konto
2. Klik "Add Server"
3. Vælg "WordPress" som application
4. Vælg server-størrelse (start med $11/måneden)
5. Vælg Amsterdam som location
6. Klik "Launch Now"
7. WordPress er installeret — du modtager login-oplysninger via email

På SiteGround:

1. Log ind på SiteGround
2. Gå til "WordPress" → "Install & Manage"
3. Vælg domæne og udfyld information
4. Klik "Install"
5. Færdig!

Trin 4: Første setup

Når du logger ind på ditdomæne.dk/wp-admin:

1. Sprog: Gå til Settings → General → ændr til Dansk
2. Permalink: Settings → Permalink → vælg "Post name" (vigtigt for SEO!)
3. Slet sample content: Fjern det medfølgende "Hello World" indlæg og sample side
4. Tilføj dit domæne: Sørg for domænet peger korrekt til din hosting (DNS-opsætning)

5. Temaer

Et tema styrer udseendet på din hjemmeside. WordPress har tusindvis af temaer — både gratis og betalte.

Gratis vs Premium

Anbefalede temaer

Astra ⭐ (Mest populære)

• Gratis version er allerede rigtig god
• Ultra-let (~50 KB)
• Kompatibel med Elementor og WooCommerce
• Premium fra ~$49/år
• Perfekt til hurtige hjemmesider

GeneratePress

• Endnu lettere end Astra (~30 KB)
• Meget ren kode
• Premium fra ~$49/år
• God til bloggere og teknisk kyndige

Kadence

• Moderne designmuligheder
• God gratis version
• Block editor-venlig
• Premium fra ~$149/år

Sådan installerer du et tema

1. Gå til Udseende → Temaer i dit WordPress-dashboard
2. Klik "Tilføj nyt"
3. Søg efter det ønskede tema (f.eks. "Astra")
4. Klik "Installer" → derefter "Aktiver"
5. Gå til Udseende → Tilpas for at redigere temaets indstillinger

6. Plugins

Plugins udvider WordPress' funktionalitet. Her er de vigtigste:

Essentielle plugins (installer disse først)

Yoast SEO (gratis)

• Optimerer dine sider til søgemaskiner
• Opsætter meta-tags, sitemap og mere
• Lærer dig SEO mens du skriver

WPForms Lite (gratis)

• Nemt kontaktformular-system
• Drag-and-drop bygger
• Anti-spam beskyttelse

UpdraftPlus (gratis)

• Automatiske backups til Google Drive, Dropbox m.m.
• Genopretning med ét klik
• Vigtigste plugin du installerer!

Wordfence Security (gratis)

• Firewall og malware-scanning
• Login-beskyttelse
• Blokering af mistænkelig aktivitet

WooCommerce (gratis)

• Komplet webshop-system
• Produkter, betaling, fragt
• Mange udvidelsesmuligheder

Elementor (gratis + pro)

• Drag-and-drop sideskabelon
• Ingen kode nødvendig
• Mange widgets og templates

Sådan installerer du et plugin

1. Gå til Plugins → Tilføj nyt
2. Søg efter plugin-navnet
3. Klik "Installer nu" → derefter "Aktiver"
4. De fleste plugins har deres egen opsætnings-side under "Indstillinger"

Pas på!

• Installer kun plugins du reelt har brug for — hvert plugin kan gøre siden langsommere
• Hold dem altid opdaterede
• Slet plugins du ikke bruger

7. Sider og indlæg

WordPress har to hovedtyper af indhold:

Sider (Pages)

• Statiske indhold: Om os, Kontakt, Services, Priser
• Ikke kategoriseret
• Bruges til faste dele af hjemmesiden
• Vises typisk i menuen

Indlæg (Posts)

• Dynamisk indhold: Blogindlæg, nyheder, artikler
• Kategoriseret og tagget
• Vises i omvendt kronologisk rækkefølge
• Kan kommenteres

Sådan opretter du en side

1. Gå til Sider → Tilføj ny
2. Giv siden en titel (f.eks. "Om os")
3. Tilføj indhold med blok-editoren
4. Klik "Udgiv"

Sådan opretter du et indlæg

1. Gå til Indlæg → Tilføj nyt
2. Skriv titel og indhold
3. Vælg kategori i højre sidebar
4. Tilføj tags (adskilt med komma)
5. Vælg et udvalgsbillede (featured image)
6. Klik "Udgiv"

Kategorier og tags

Kategorier er overordnede emner:

Eksempel for en restaurant:
    - Menu
    - Arrangementer
    - Nyt fra køkkenet
    

Tags er specifikke emner inden for indlæg:

Eksempel:
    - vegetarisk, glutenfri, brunch, sommermenu
    

Tip

• Opret de vigtigste sider først: Forside, Om os, Kontakt, Blog
• Brug en statisk forside (Settings → Reading → "En statisk side")
• Opret en blogside og tilføj den til din menu

8. Design med Elementor

Elementor er et drag-and-drop plugin, der laver design uden kode.

Kom i gang

1. Installer Elementor (gratis version er fin til at starte)
2. Opret en ny side eller rediger en eksisterende
3. Klik "Rediger med Elementor" øverst på siden
4. Du ser nu Elementor's editor med widgets i venstre sidebar

Grundlæggende koncepter

Sektioner: De store byggesten. En sektion indeholder kolonner. Kolonner: Inddeler sektionen i lodrette dele (f.eks. 2 eller 3 kolonner). Widgets: Indholdselementer — tekst, billeder, knapper, formularer m.m.

Praktisk eksempel: Lav en hero-sektion

1. Tilføj en ny sektion med 1 kolonne
2. Tilføj et Overskrift-widget → Skriv din headline
3. Tilføj et Tekst-widget → Skriv en underoverskrift
4. Tilføj en Knap-widget → Links til din kontakt-side
5. Tilføj et Billede-widget eller brug en baggrund i sektionen
6. Tilpas farver, polstring og typografi i indstillingerne

Templates

Elementor har færdige templates du kan bruge:

1. Klik ikonet med to firkantede bokse nederst til venstre
2. Vælg "Templates"
3. Gennemse kategorier: Header, Footer, Hero, About m.m.
4. Klik på et template og tilføj det
5. Rediger indholdet efter behov

Responsive design

Elementor lader dig redigere for desktop, tablet og mobil:

1. Klik responsive-ikonet øverst til højre
2. Skift mellem Desktop / Tablet / Mobil
3. Tilpas layout og størrelser for hver enhed
4. Vigtigt: Tjek altid mobil-versionen!

Elementor Pro (valgfrit)

• Header/Footer builder
• WooCommerce widgets
• Popup builder
• Avancerede widgets (formularer, slider, galeri)
• Pris: fra ~$59/år

9. WooCommerce — Din webshop

WooCommerce gør din WordPress-hjemmeside til en komplet webshop.

Installation og opsætning

1. Installer WooCommerce pluginnet
2. Kør opsætnings-guiden:
   • Butiksadresse (Danmark)
   • Valuta (DKK)
   • Betalingsmetoder
   • Fragtindstillinger
3. Vælg et WooCommerce-kompatibelt tema (Astra fungerer perfekt)

Tilføj dit første produkt

1. Gå til WooCommerce → Produkter → Tilføj nyt
2. Udfyld:
   • Produktnavn
   • Beskrivelse (lang beskrivelse — vises på produkt-siden)
   • Kort beskrivelse (vises i oversigten)
   • Pris (normal pris + tilbudspris)
   • Billeder (produktbillede + galleribilleder)
   • Kategori (opret nye kategorier under "Produktkategorier")
3. Klik "Udgiv"

Produkttyper

• Enkelt produkt: Standard produkt
• Variabelt produkt: Størrelser, farver m.m. (f.eks. T-shirt i S/M/L)
• Grupperet produkt: Sæt af produkter
• Eksternt/affiliate: Produkt der linkes til en anden butik

Betalingsmetoder for danske kunder

Stripe (anbefalet)

• Accepterer Visa, Mastercard, MobilePay
• Gebyr: ~1,4% + 1,80 kr per transaktion
• Opsætning: Installer "WooCommerce Stripe Payment Gateway"
• Opret en Stripe-konto og tilføj dit API-nøgle

MobilePay Online

• Populært i Danmark
• Gebyr: ~1,49 kr per transaktion
• Opsætning: Brug "MobilePay Online" plugin
• Kræver en aftale med MobilePay

Betalingskort (via QuickPay eller ePay)

• Dansk betalingsgateway
• Accepterer alle danske kort
• Gebyr: varierer efter aftale

Klarna

• "Køb nu, betal senere"
• Populært blandt yngre kunder
• Opsætning via Klarna plugin

Fragt

Gå til WooCommerce → Indstillinger → Fragt:

Fragtzoner:

• Danmark (standard)
• EU
• Internationalt

Fragtmetoder:

• Fast fragt: F.eks. 49 kr uanset ordrestørrelse
• Gratis fragt: Over f.eks. 500 kr
• Fragt efter vægt: 29 kr for lette, 69 kr for tunge varer
• Hent i butik: Gratis

Tip: Brug "PostNord" eller "GLS" til realtidsfragt-priser med plugins som "ShipStation" eller "WooCommerce Shipping".

Produkt-sider du bør oprette

• Shop (forside for webshoppen) — WooCommerce opretter denne automatisk
• Varukurv — Oprettet automatisk
• Kasse — Oprettet automatisk
• Min konto — Oprettet automatisk

Tip til at komme i gang

1. Start med 5-10 produkter
2. Test hele købsflowet selv
3. Brug Stripe's test-tilstand inden live
4. Sæt lagerstyring til at undgå udsolgte varer

10. Sikkerhed

Sikkerhed er afgørende — især for webshops hvor du håndterer kundedata.

Grundlæggende sikkerhed

SSL-certifikat (HTTPS)

• Krypterer data mellem browser og server
• De fleste hosting-udbydere inkluderer gratis SSL (Let's Encrypt)
• Installer og aktiver via hosting-panelet
• Tjek: Dit website skal vise lås-ikon i browseren

Stærke passwords

• Brug minimum 12 tegn med blanding af store/små, tal og symboler
• Brug en password manager (Bitwarden, 1Password)
• Aldrig brug "admin" som brugernavn

Hold alt opdateret

• WordPress-kerne: Opdater løbende
• Plugins: Opdater ugentligt
• Temaer: Opdater løbende
• Slå automatiske opdateringer til for mindre opdateringer

Backup-strategi

Automatiske backups med UpdraftPlus:

1. Installer UpdraftPlus
2. Gå til Indstillinger → UpdraftPlus Backups
3. Indstil backup-frekvens:
   • Filer: Ugentlig
   • Database: Daglig
4. Vælg backupdestination: Google Drive eller Dropbox
5. Test at du kan gendanne en backup

Lav altid en manuel backup før større ændringer.

Wordfence Security

Installer Wordfence og konfigurer:

1. Firewall: Aktivér standardindstillingerne
2. Login Security: Aktiver to-faktor authentication (2FA)
3. Brute Force Protection: Begræns login-forsøg (max 5)
4. Scanning: Kør en ugentlig scanning
5. Email-alarmer: Få besked ved mistænkelig aktivitet

Yderligere sikkerhedstiltag

• Begræns login-forsøg med Limit Login Attempts plugin
• Skjul wp-admin med WPS Hide Login
• Deaktiver filredigering i dashboard (tilføj i wp-config.php):

  define('DISALLOW_FILE_EDIT', true);
      

• Brug SFTP i stedet for FTP
• Fjern "Readme.html" fra root (afslører WordPress-version)

11. Hastighedsoptimering

Langsomme hjemmesider mister besøgende. Google rangerer også hurtigere sider højere.

Caching

Caching gemmer en færdig version af dine sider, så de ikke skal bygges fra bunden hver gang.

Anbefalet plugin: WP Super Cache eller LiteSpeed Cache

1. Installer et cache-plugin
2. Aktivér det
3. De fleste indstillinger er fine som standard

Cloudways har indbygget caching (Varnish + Redis) — du skal oftest ikke gøre noget.

Billedoptimering

Store billeder er den hyppigste årsag til langsomme sider.

Tjekliste:

• Brug WebP-format (25-35% mindre end JPG uden kvalitetstab)
• Komprimer billeder før upload (brug TinyPNG eller Squoosh)
• Maksimal billedstørrelse: 1920px bred for hero-billeder
• Brug ShortPixel eller Imagify plugin til automatisk kompression

CDN (Content Delivery Network)

En CDN gemmer dine filer på servere verden over, så de leveres hurtigere til brugere nær dem.

Anbefalet: Cloudflare (gratis plan)

1. Opret konto på cloudflare.com
2. Tilføj dit domæne
3. Skifte DNS-navneservere til Cloudflare
4. Aktivér caching og minification

Andre optimeringer

• Lazy loading: Billeder indlæses først når brugeren scroller ned (aktiver i WordPress)
• Deaktiver unødvendige plugins: Hvert plugin tilføjer loading-tid
• Minimalistisk tema: Astra og GeneratePress er allerede ultra-lette
• PHP-version: Brug PHP 8.x (hurtigere end 7.x) — skift i hosting-panelet

Test din hastighed

• Google PageSpeed Insights: pagespeed.web.dev
• GTmetrix: gtmetrix.com
• Pingdom: tools.pingdom.com

Mål: LCP under 2.5 sekunder, total sidevægt under 3 MB.

12. SEO — Søgemaskineoptimering

SEO gør din hjemmeside synlig i Google-søgninger.

Yoast SEO opsætning

1. Installer og aktiver Yoast SEO
2. Kør opsætnings-guiden (Settings → First-time configuration)
3. Indstil dit website-type (virksomhed, blog, onlinebutik)
4. Tilføj sociale medier-profiler
5. Aktiver sitemap (gøres automatisk)

Nøgleord og indhold

Før du skriver et indlæg:

1. Research nøgleord med Google Keyword Planner eller Ubersuggest
2. Vælg ét hovednøgleord per side/indlæg
3. Brug nøgleordet i:
   • Titel (H1)
   • Første afsnit
   • Underrubrikker (H2, H3)
   • Meta-beskrivelse
   • Alt-tekst på billeder
   • URL-slutning

Meta-beskrivelse

Det korteste tekststykke brugere ser i søgeresultaterne:

• Længde: 150-160 tegn
• Indehold: Nøgleord + opfordring til handling
• Eksempel: "Bestil lækker dansk takeaway online. Gratis fragt over 300 kr. Friske råvarer, hurtig levering. Bestil nu på DitCafe.dk"

On-page SEO checkliste

For hver side/indlæg:

• Unik titel med nøgleord (under 60 tegn)
• Meta-beskrivelse med nøgleord (under 160 tegn)
• URL er kort og indeholder nøgleord
• Overskuelig overskrift-hierarki (H1 → H2 → H3)
• Billeder har alt-tekst
• Intern linking til relaterede sider
• Ekstern linking til relevante kilder
• Indholdet er minimum 300 ord
• Ingen duplicate content

Teknisk SEO

• Sitemap: Yoast genererer dette automatisk — det er på ditdomæne.dk/sitemap_index.xml
• Robots.txt: Kontrollér at Google kan crawl dit site
• Mobile-first: Google rangerer mobilversionen først
• Hastighed: Se afsnit 11

Tracking

• Google Analytics 4: Installer og forbind til dit site
• Google Search Console: Tilmeld dit domæne for at se søge-data

13. Pris

Her er et realistisk budget for en dansk WordPress-hjemmeside:

Basishjemmeside (blog eller virksomhedsside)

Professionel hjemmeside med webshop

Udvidet webshop med avancerede funktioner

Sammenligning med alternativer

14. Fordele og ulemper

WordPress fordele

• Gratis og open source — ingen licensomkostninger
• Enormt økosystem — tusindvis af temaer og plugins
• Stort community — nemt at finde hjælp på dansk og engelsk
• SEO-venligt — Google elsker WordPress
• Fleksibelt — kan bruges til alt fra blog til webshop
• Du ejer dit indhold — ingen låsning til en platform
• Skalerbart — vokser med dine behov

WordPress ulemper

• Vedligeholdelse — du skal holde alt opdateret
• Sikkerhedsansvar — du er ansvarlig for beskyttelse
• Kan blive langsomt — med for mange plugins eller dårlig hosting
• Læringskurve — tager tid at mestre
• Plugin-afhængighed — funktioner kan bryde ved opdateringer

Sammenligning med alternativer

Hvornår WordPress IKKE er det rigtige valg

• Du har brug for en avanceret webapplikation
• Du vil ikke selv stå for vedligeholdelse
• Du har brug for avancerede animationsmuligheder (overvej Webflow)
• Din hjemmeside er ren portfolio (overvej Squarespace for nemhed)

15. Eksempel-projekt: Restaurant-hjemmeside

Lad os bygge en hjemmeside for en fiktiv restaurant kaldet "Havnen" — en dansk restaurant med fokus på lokale råvarer.

Trin 1: Planlæg strukturen

Sider:

• Forside (hero-billede, intro, highlights)
• Menu (oversigt over retter)
• Om os (restaurantens historie)
• Booking (kontaktformular/booking-widget)
• Galleri (billeder af mad og lokaler)
• Kontakt (kort, åbningstider, info)

Trin 2: Opsætning

1. Hosting: Cloudways, server i Amsterdam
2. Domæne: havnen.dk
3. WordPress: Installer via 1-click
4. Tema: Astra (gratis)
5. Plugins: Elementor, Yoast SEO, WPForms, UpdraftPlus

Trin 3: Basisopsætning

Settings → General:
    - Site-titel: Havnen — Dansk Restaurant
    - Tagline: Lokale råvarer, klassisk dansk køkken

    Settings → Reading:
    - Front page displays: A static page
    - Front page: Forside
    - Posts page: Blog

    Settings → Permalinks:
    - Post name
    

Trin 4: Byg forsiden med Elementor

Sektion 1 — Hero:

• Stort billede af restauranten/mad som baggrund
• Overskrift: "Velkommen til Havnen"
• Undertekst: "Moderne dansk køkken med lokale råvarer"
• Knap: "Se vores menu" → linker til Menu-siden
• Knap: "Book bord" → linker til Booking-siden

Sektion 2 — Highlights:

• 3 kolonner med ikoner:
  • 🍽️ "Lokale råvarer" — Vi samarbejder med lokale landmænd
  • 🍷 "Dansk vin" — Udvalgte vine fra danske vinbønder
  • ⭐ "5-stjernet anmeldelse" — Bedømt af vores gæster

Sektion 3 — Dagens ret:

• Overskrift: "Dagens ret"
• Billede af en ret
• Beskrivelse og pris
• Knap: "Se hele menuen"

Sektion 4 — Anmeldelser:

• 3 gæsteanmeldelser med stjerner
• Citat og navn

Sektion 5 — Footer:

• Kontaktinformation
• Åbningstider
• Social media links
• Copyright

Trin 5: Opret undersiderne

Menu-siden:

• Oversigt over kategorier: Forretter, Hovedretter, Dessert, Drikkevarer
• Brug Elementor-tabs eller accordion-widget til at organisere
• Inkluder priser og eventuelle allergener

Booking-siden:

• Brug WPForms til et booking-anmodningsskema:
  • Navn
  • Email
  • Telefonnummer
  • Dato og tidspunkt
  • Antal gæster
  • Særlige ønsker
• Tilføj tekst: "Vi bekræfter din reservation indenfor 24 timer"

Om os-siden:

• Restaurantens historie
• Billede af køkkenchefen
• Værdier og filosofi

Kontakt-siden:

• Google Maps-embed
• Adresse, telefon, email
• Åbningstider
• Link til Booking-siden

Trin 6: Tilføj blog

Opret en blogkategori "Nyt fra køkkenet" og skriv:

• Introduktionsindlæg: "Velkommen til Havnen"
• Sæsonaktuelle indlæg: "Efterårsmenu 2026"
• Bag-om-køkkenet: "Mød vores køkkenchef"

Trin 7: SEO og teknisk

1. Yoast SEO: Opsæt meta-beskrivelser for alle sider
2. Billeder: Komprimer med ShortPixel
3. Hastighed: Aktivér caching
4. SSL: Sørg for HTTPS er aktivt
5. Google Analytics: Installer og tilslut

Trin 8: Test og lancering

• Gennemgå alle sider på desktop og mobil
• Test booking-formularen
• Test alle links
• Tjek hastighed på PageSpeed Insights
• Få en ven til at gennemgå siden
• Lancér og del på sociale medier

Forventet budget for dette projekt

Næste skridt

1. Opret et test-site på Cloudways eller SiteGround
2. Installer Astra + Elementor og leg med mulighederne
3. Byg en simpel side med forside, om os og kontakt
4. Udforsk WooCommerce hvis du vil sælge noget
5. Lær SEO med Yoast's gratis kurser

Nyttige ressourcer

• WordPress.org documentation: developer.wordpress.org
• WordPress Support Forum: wordpress.org/support
• Elementor Academy: elementor.com/academy
• WPBeginner (engelsk): wpbeginner.com
• Yoast SEO Blog: yoast.com/seo-blog

Sidst opdateret: Juni 2026