--- title: "How To" url: https://code-200.com/how-to/ site: CODE-200 webbureau language: da --- # How To > Trin-for-trin-guide: log ind, ret tekster i Elementor, gør billeder web-klar med Image Tool, upload til Mediebiblioteket og sæt et Featured Image. HOW TO — OPDATÉR DIT WEBSITE SELV # Ret dit website *selv.* En trin-for-trin-guide til dig, der har fået et website af CODE-200: sådan logger du ind, retter tekster, gør billeder klar med Image Tool, lægger dem ind på siden og sætter et Featured Image. **Guiden følger dit arbejde fra start til slut:** - Din bruger og dine rettigheder - Log ind - Kontrolpanelet - Find den side, du vil rette - Ret tekst - Gode råd til teksterne - Forbered dine billeder - Gør billeder web-klar med Image Tool - Upload til Mediebiblioteket - Sæt billedet ind på siden - Sæt et Featured Image - Tjek resultatet — og få hjælp Skærmbillederne viser WordPress på engelsk. Har du valgt dansk i din profil, står menupunkterne på dansk — vi skriver begge navne i teksten. 01 ## Din bruger og dine rettigheder Når dit website er lanceret, får du fra os et **brugernavn** og et link, hvor du selv vælger din adgangskode. Din bruger har rollen **Redaktør (Editor)** . Den giver adgang til alt indhold — men ikke til den tekniske opsætning, så du ikke kan komme til at ødelægge websitet ved et uheld. ### Det kan du - Rette tekster og billeder på alle sider - Skrive, redigere og udgive indlæg/nyheder (hvis dit website har en blog) - Uploade, redigere og slette billeder og filer i Mediebiblioteket - Godkende og slette kommentarer ### Det kan du ikke — og det er med vilje - Installere eller opdatere plugins og temaer - Ændre sidehoved, menu, sidefod og det overordnede design (farver og skrifttyper) - Ændre indstillinger og oprette brugere Skal noget af det ændres, så skriv til os — så klarer vi det. **Godt at vide:** Del aldrig dit login. Skal flere have adgang, opretter vi en bruger til hver person. Du skifter adgangskode under **Profil (Profile) → Set New Password** , og samme sted kan du vælge **Dansk** som sprog i administrationen. 02 ## Log ind Gå til **ditdomæne.dk/wp-admin** — altså din egen webadresse efterfulgt af **/wp-admin** . Login-siden har samme design som dit website. Skriv dit brugernavn eller din e-mail **(1)** og din adgangskode **(2)** . Sæt flueben i **Husk mig** **(3)** , hvis det er din egen computer, og klik **Log ind** **(4)** . ![Login-siden: brugernavn eller e-mail, adgangskode, Husk mig og Log ind](https://code-200.com/wp-content/uploads/2026/10/how-to-01-login-v2.webp) Login-siden: brugernavn eller e-mail (1), adgangskode (2), Husk mig (3) og Log ind (4). **Glemt adgangskoden?** Klik **Glemt adgangskode?** under login-boksen, skriv dit brugernavn eller din e-mail, og du får et link, hvor du vælger en ny. Bruger du en fælles computer, så log altid ud bagefter via dit navn øverst til højre. 03 ## Kontrolpanelet Efter login lander du i **kontrolpanelet (Dashboard)** . I menuen til venstre skal du primært bruge: - **Sider (Pages)** **(1)** — websitets faste sider som forside, Om os og Kontakt - **Medier (Media)** **(2)** — alle billeder og filer - **Indlæg (Posts)** — nyheder eller blog, hvis dit website har det Din menu er kortere end vores, fordi Redaktør-rollen kun viser det, du har brug for. ![WordPress kontrolpanel med menupunkterne Sider og Medier markeret](https://code-200.com/wp-content/uploads/2026/10/how-to-02-kontrolpanel.webp) Kontrolpanelet med Sider (1) og Medier (2) markeret. 04 ## Find den side, du vil rette Klik på **Sider (Pages)** . Hold musen over den side, du vil ændre **(1)** , og klik på **Edit with Elementor** **(2)** . Siden åbner i Elementor, hvor du retter direkte i en forhåndsvisning af siden. ![Oversigten over sider med linket Edit with Elementor markeret](https://code-200.com/wp-content/uploads/2026/10/how-to-03-sider.webp) Hold musen over siden (1) og vælg Edit with Elementor (2). **Vigtigt:** Brug altid **Edit with Elementor** — ikke **Rediger (Edit)** . Den almindelige WordPress-editor kan ikke vise siden korrekt og kan i værste fald overskrive layoutet. Sidehoved (menu) og sidefod er fælles for hele websitet og rettes ikke på de enkelte sider — skriv til os, hvis de skal ændres. 05 ## Ret tekst Klik på den tekst, du vil ændre, direkte på siden **(1)** . Teksten åbner i panelet til venstre **(2)** , hvor du retter den. Fed, kursiv og links finder du i værktøjslinjen over tekstfeltet. Klik til sidst på **Publish** **(3)** øverst til højre — først da bliver ændringen synlig for dine besøgende. ![Elementor-editoren: klik på teksten, ret den i panelet til venstre og klik Publish](https://code-200.com/wp-content/uploads/2026/10/how-to-04-elementor-tekst.webp) Klik på teksten (1), ret den i panelet (2), og klik Publish (3). ### Nyttige genveje - **Fortryd:** Ctrl + Z (Cmd + Z på Mac) eller historik-ikonet (uret) i topbjælken. - **Indsæt uden formatering** fra Word eller en mail med Ctrl + Shift + V (Cmd + Shift + V på Mac), så fremmede skrifttyper ikke følger med. - **Se siden på mobil og tablet** med ikonerne midt i topbjælken, før du publicerer. - **Ret kun tekst og billeder.** Lad farver, skrifttyper og afstande være — så forbliver designet ensartet på hele websitet. 06 ## Gode råd til teksterne Gode tekster får flere besøgende til at tage kontakt — og hjælper dig på Google. Disse råd virker næsten altid: - **Skriv til kunden, ikke om dig selv.** ”Du får et tilbud inden for 24 timer” virker bedre end ”Vi tilbyder hurtige tilbud”. - **Det vigtigste først.** Besøgende skimmer — svaret skal stå i første sætning. - **Korte afsnit** på 2–4 linjer med én pointe hver. - **Overskrifter, der siger noget:** ”Levering på 3 uger” frem for ”Levering”. - **Brug kundernes egne ord.** Skriv det, folk søger på (fx ”tømrer i Roskilde”), naturligt i overskrift og første afsnit. - **Slut med en handling:** ring, skriv, book eller køb — og gør det let. - **Hold det aktuelt.** Fjern udløbne tilbud og gamle datoer, og tjek priser og åbningstider jævnligt. - **Skriv selv.** Kopiér aldrig tekst fra andre websites — det skader både troværdighed og placering på Google. **Før du klikker Publish:** Læs teksten højt, eller lad en kollega læse korrektur. Stavefejl koster mere tillid, end man tror. 07 ## Forbered dine billeder Billeder direkte fra telefonen eller kameraet er ofte 3–10 MB. Det gør siden langsom, og langsomme sider mister både besøgende og placeringer på Google. Gør derfor billedet i den rigtige størrelse, *før* du uploader det: TOPBILLEDE / FULD BREDDE 1920 × 1080 px Format 16:9 · maks. ca. 300 KB BILLEDE I INDHOLDET 1200 × 800 px Format 3:2 · maks. ca. 200 KB KVADRATISK (PERSONER, PRODUKTER) 800 × 800 px Format 1:1 · maks. ca. 150 KB FEATURED IMAGE (DELING) 1200 × 630 px Format ca. 1,91:1 · maks. ca. 200 KB ### Format: brug WebP **WebP** giver samme billedkvalitet som JPG med en markant mindre fil og understøttes af alle moderne browsere. Brug aldrig PNG til fotos — filerne bliver meget store. Logo og ikoner skal helst være SVG eller PNG med gennemsigtig baggrund; skal dit logo skiftes, så skriv til os. ### Sådan gør du - **Lad Image Tool klare målene.** Vælg den rigtige størrelse i Image Tool (trin 08), så bliver billedet beskåret og gjort præcis så stort, som der står ovenfor. - **Brug et stort nok original.** Er dit billede mindre end den valgte størrelse, bliver det forstørret og kan blive uskarpt — Image Tool advarer dig. - **Giv filen et beskrivende navn** med små bogstaver og bindestreger, fx *tomrer-roskilde-tagrenovering.webp* — ikke *IMG_4711.jpg* . Image Tool foreslår selv et navn uden æ, ø og å. - **Skarpt og lyst.** Vælg billeder med godt lys og ét tydeligt motiv. - **Ingen tekst i billeder.** Skriv teksten på siden i stedet — så kan den læses på mobil og af Google. - **Brug kun billeder, du har rettighederne til:** dine egne fotos, købte billeder eller gratis billeder fra fx Unsplash og Pexels. 08 ## Gør billeder web-klar med Image Tool [Image Tool](https://code-200.com/image-processing/) finder du i menuen øverst på code-200.com. Værktøjet kører direkte i din browser, så dine billeder bliver på din egen computer og sendes ikke videre. ![Image Tool: vælg billede, størrelse, beskæring, kvalitet og konvertér til WebP](https://code-200.com/wp-content/uploads/2026/10/how-to-07-image-tool-v2.webp) - Træk billederne ind i feltet, eller klik **Vælg filer** **(1)** . Du kan vælge flere på én gang. - Vælg **Størrelse** **(2)** efter, hvor billedet skal bruges — fx *1200 × 800 · Billede i indhold* . Billedet bliver beskåret og gjort præcis så stort. - Vælg under **Behold ved beskæring** **(3)** , hvilken del af billedet der er vigtigst — fx *Toppen* ved portrætter, så hovedet ikke bliver skåret af. - Tjek **Kvalitet** **(4)** . 80 % er et godt udgangspunkt. - Klik **Konvertér til WebP** **(5)** . Under billedet ser du nu de færdige mål og hvor meget mindre filen er blevet. Herefter kan du **downloade** billedet, **sammenligne** før og efter — eller gemme det direkte i Mediebiblioteket. ![Image Tool: Download, Sammenlign, Gem i Mediebiblioteket og det færdige mål](https://code-200.com/wp-content/uploads/2026/10/how-to-08-image-tool-gem.webp) Download (1), Sammenlign (2), Gem i Mediebiblioteket (3) og de færdige mål (4). ### Gem direkte i Mediebiblioteket Klik **Gem i Mediebiblioteket** under billedet. Tjek filnavnet **(1)** , skriv en kort **alternativ tekst** , der beskriver billedet **(2)** , og klik **Gem billedet** **(3)** . Så ligger billedet klar i Mediebiblioteket, og du kan gå direkte til trin 10. Knappen vises kun, når du er logget ind. ![Gem i Mediebiblioteket: filnavn, alternativ tekst og Gem billedet](https://code-200.com/wp-content/uploads/2026/10/how-to-08b-gem-i-mediebiblioteket.webp) Filnavn (1), alternativ tekst (2) og Gem billedet (3). **Pas på:** Klik ikke på **Anvend komprimering** efter WebP-konverteringen. Knappen behandler originalfilen igen og giver en ny fil i det oprindelige format. Når du konverterer til WebP, styres kvaliteten af skyderen. 09 ## Upload til Mediebiblioteket **Har du brugt Gem i Mediebiblioteket i Image Tool, er billedet allerede uploadet med alt-tekst — så kan du springe direkte til trin 10.** Har du downloadet billedet, går du til **Medier → Tilføj ny (Media → Add Media File)** . Træk filen ind i feltet, eller klik **Vælg filer (Select Files)** **(1)** . Når billedet er uploadet **(2)** , klikker du **Rediger (Edit)** **(3)** . ![Medier, Tilføj ny: træk billedet ind eller vælg filen, og klik Edit for at udfylde alternativ tekst](https://code-200.com/wp-content/uploads/2026/10/how-to-09-upload-medie.webp) Upload-feltet (1), det uploadede billede (2) og Rediger (3). Udfyld **Alternativ tekst (Alternative Text)** **(1)** med en kort, præcis beskrivelse af, hvad billedet viser, og klik **Opdatér (Update)** **(2)** . Alt-teksten læses op for blinde og svagsynede og hjælper Google med at forstå billedet. ![Rediger medie: skriv en beskrivende alternativ tekst og klik Update](https://code-200.com/wp-content/uploads/2026/10/how-to-10-alt-tekst.webp) Alternativ tekst (1) og Opdatér (2). **God alt-tekst:** ”Tømrer monterer nyt tagvindue på murermestervilla”. **Dårlig alt-tekst:** ”billede1” eller ”tømrer tømrer billig tømrer Roskilde”. Beskriv billedet, som du ville forklare det til en, der ikke kan se det. 10 ## Sæt billedet ind på siden Åbn siden med **Edit with Elementor** (se trin 04). Vil du **udskifte** et billede, der allerede er på siden, klikker du bare på det og fortsætter fra punkt B nedenfor. ### A. Tilføj et nyt billede Klik på **plus-ikonet** **(1)** øverst til venstre, og træk widgetten **Image** **(2)** hen på siden, præcis hvor billedet skal stå. En blå linje viser, hvor det lander. ![Elementor: klik på plus-knappen og træk widgetten Image ind på siden](https://code-200.com/wp-content/uploads/2026/10/how-to-05-elementor-tilfoej-billede.webp) Plus-ikonet (1) og widgetten Image (2). ### B. Vælg billedet Klik i billedfeltet i panelet til venstre. Mediebiblioteket åbner. ![Elementor: klik i billedfeltet for at vælge et billede fra Mediebiblioteket](https://code-200.com/wp-content/uploads/2026/10/how-to-06-elementor-vaelg-billede.webp) ### C. Find det i Mediebiblioteket Vælg fanen **Mediebibliotek (Media Library)** , og søg evt. på filnavnet. Klik på billedet **(1)** , tjek at alt-teksten er udfyldt **(2)** , og klik **Indsæt (Insert)** **(3)** . ![Mediebiblioteket i Elementor: vælg billedet, tjek alternativ tekst og klik Insert](https://code-200.com/wp-content/uploads/2026/10/how-to-11-vaelg-billede-mediebibliotek.webp) Vælg billedet (1), tjek alt-teksten (2) og klik Indsæt (3). ### D. Publicér Billedet står nu på siden **(1)** . Klik **Publish** **(2)** for at gemme. ![Billedet er sat ind på siden. Klik Publish for at gemme ændringerne](https://code-200.com/wp-content/uploads/2026/10/how-to-12-billede-paa-siden.webp) Billedet på siden (1) og Publish (2). ### Hvor skal billederne stå? - **Topbilledet sætter tonen.** Brug dit stærkeste foto — lyst, skarpt og med plads omkring motivet. - **Ved den tekst, det handler om.** Et produktfoto hører til ved produktbeskrivelsen, et medarbejderfoto ved navnet. - **Ægte frem for stock.** Rigtige mennesker, steder og opgaver skaber mere tillid end generiske billeder. - **Hellere få og gode** end mange og middelmådige — og giv dem luft. - **Tjek mobilvisningen.** Brede billeder beskæres anderledes på en smal skærm, så hold det vigtige midt i billedet. 11 ## Sæt et Featured Image **Featured Image** (udvalgt billede) er det billede, der vises, når siden deles på fx Facebook og LinkedIn, og i oversigter over nyheder og indlæg. Det vises ikke nødvendigvis på selve siden — men det er ofte det første, folk ser. - Åbn siden med **Edit with Elementor** . - Klik på ikonet for **sideindstillinger (Page Settings)** **(1)** i topbjælken. - Klik i feltet **Featured Image** **(2)** , og vælg billedet i Mediebiblioteket — præcis som i trin 10. - Klik **Publish** . ![Elementor Page Settings: åbn sideindstillinger og vælg Featured Image](https://code-200.com/wp-content/uploads/2026/10/how-to-13-featured-image.webp) Sideindstillinger (1) og feltet Featured Image (2). **Brug 1200 × 630 px** og et billede med motivet i midten — sociale medier beskærer ofte kanterne. Har en side ikke sit eget Featured Image, vises et tilfældigt eller intet billede, når den deles. 12 ## Tjek resultatet — og få hjælp - **Se siden som en besøgende:** åbn den i et privat browservindue og på din mobil. - **Kan du ikke se ændringen?** Genindlæs siden med Ctrl + F5 (Cmd + Shift + R på Mac). - **Er noget gået galt?** I Elementor kan du klikke på historik-ikonet (uret) → **Revisioner (Revisions)** og gå tilbage til en tidligere version af siden. - **Skal du have hjælp?** Skriv til os med et link til siden og gerne et skærmbillede. Support er inkluderet i din supportperiode, og derefter i en vedligeholdelsesplan. **Tommelfingerregel:** Tekst og billeder er dine. Struktur, design, menu, plugins og opdateringer er vores. Så holder websitet sig hurtigt, sikkert og pænt. ● Klar, når du er ## Klar til status 200? Book et gratis og uforpligtende strategikald. Du får konkrete forslag til dit website — og en fast pris, før vi går i gang. [Book gratis strategikald →](https://code-200.com/kontakt/) [Skriv til info@code-200.com](mailto:info@code-200.com) Skriv til os [info@code-200.com](mailto:info@code-200.com) Åbningstider Mandag–fredag, 8–17 Hvor København S, 2300 ![CODE-200 – webbureau: design, udvikling og support](https://code-200.com/wp-content/uploads/2026/10/code-200-logo-web-agency.png) © 2026 CODE-200 — Webdesign & udvikling til SMV'er [Priser](https://code-200.com/priser/) · [Om os](https://code-200.com/om-os/) · [FAQ](https://code-200.com/faq/) · [Kontakt](https://code-200.com/kontakt/) · [Image Tool](https://code-200.com/image-processing/) --- ## Om CODE-200 - Webbureau i København, der designer og udvikler hurtige, tilgængelige og konverterende websites og webshops i WordPress til små og mellemstore virksomheder — til fast pris. - E-mail: info@code-200.com - Sted: København S, 2300, Danmark - Åbningstider: Mandag–fredag 08:00–17:00 - Kontakt: https://code-200.com/kontakt/ ## Sider - [FAQ](https://code-200.com/faq/) - [CODE-200 – Webbureau i København](https://code-200.com/) - [How To](https://code-200.com/how-to/) - [How To (KOPIER)](https://code-200.com/how-to-kopier/) - [Image Processing](https://code-200.com/image-processing/) - [Kontakt](https://code-200.com/kontakt/) - [Om os](https://code-200.com/om-os/) - [Priser](https://code-200.com/priser/)