Hjemmeside design

Få det udtryk, du og din virksomhed fortjener

Design starter med et tema

Hjemmeside design og udseende kan i WordPress ændres på nærmest uendelige måder.

I dette afsnit kan du læse om at designe og style din hjemmeside med et tema. Vil du i stedet læse om, hvordan du bruger en blockeditor til at redigere sider, kan du læse mere her.

Vælg det bedste tema til din hjemmeside

Jeg tager udgangspunkt i et af de absolut mest populære og også mest brugte temaer, Nemlig Astra Theme af Brainstorm Force.

Hjemmeside design med Astra

At designe udseendet på din hjemmeside kan virke uoverskueligt, men det er det ikke når du blot får overblikket over elementerne i Astra. I Kontrolpanelet under Indstillinger og Tilpas, finder du alle de grundlæggende indstillinger.

Billedet viser oversigt over Globale indstillinger for temaet Astra hos WebsiteGo

Global indstillinger

Typografi

For at gøre det nemt, har du allerede 6 forudindstillede indstillinger for overskrift og brødtekst.
Du kan dog også selv indstille skrifttype individuelt, hvor du kan vælge mellem skrifttyper fra f.eks. Google Fonts, skriftstørrelse, vægt, linjehøjde og afstand mellem bogstaverne. Derudover kan du også indstille om du skriver med små bogstaver, stort begyndelsesbogstav eller alt skal være skrevet med kapitaler.

Farver

Som noget ret genialt leverer Astra muligheden for at oprette 3 paletter med farveskemaer til din side.
Her kan du også indstille generelle farver for overskrifter, brødtekst, links og kanter.
Du indstiller også baggrundsfarven for hele webstedet, samt baggrunden for indholdet.

Indholdsboks

Du får en række muligheder for at indstille sitelayout, så du selv bestemmer sidebredden for hele siden, samt layout for sidens container. Du vælger også om containeren skal være med eller uden ramme.

Knapper

Når du Indstiller design af knapper, gælder det på hele hjemmesiden. Når du samtidig får mulighed for at vælge opsætning af primære og sekundære knapper, så spiller din hjemmeside. Det er smart!
Du kan også indstille formen, baggrundsfarven og tekstfarven, samt rammer og kanter

Scroll til toppen

Funktionen beskriver næsten sig selv – og du kan her slå funktionen til Og indstille design og visning af scroll-til-toppen knappen.

Tilgængelighed

Der stilles større og større krav til at din hjemmeside kan bruges selv om du har et syns- eller hørehandicap. Denne funktion er første lille skridt i at gøre siden tilgængelig for alle.

Blokeditor

Her kan du indstille de generelle mellemrum for WordPress blok-grupper, kolonner og blokke. Individuelle indstillinger kan udføres på den enkelte side.

Diverse

Bruger du “scroll til ID” på dine sider, så er denne funktion lækker, da den får scrolling til at foregå blødt og behændigt.

Side Hovede Designer

Header presets

En nem måde at indstille sidehovedet med logo, menu, call to action og meget mere. Der er flere muligheder. Du får også 3 rækker at vælge imellem, så sidehovedet indeholder alle de elementer du har brug for at vise dine besøgende.

Websted-titel og -logo

indsæt dit firmalogo på siden og bestem om du vil bruge titel og beskrivelse, hvor du vil vise logoet på PC, tablet og mobil, samt ikke mindst sørge for webstedsikonet.

Offcanvas-menu

Indstil en menu, der er beregnet til mobilbrugere, nemt og hurtigt.

Funktioner i sidehovede

Der er i menuen allerede mulighed for at vælge HTML, Widget og Primær menu, men reelt har du op til 18 valgmuligheder for elementer i toppen af din side. Du har endda også mulighed for at oprette en Mega-menu på din side!

Sidehovedtyper

Ønsker du at dit sidebillede går helt op til toppen af siden? Så kan du vælge Transparent Header – nemt og ligetil.

Billedet viser oversigt over Brødkrumme, side og blog indstillinger for temaet Astra hos WebsiteGo

Brødkrumme, side, blog og sidepanel

Brødkrumme

Har du mange undersider på dine hjemmeside, er det smart at vise stien til dine sider og indlæg med en brødkrumme af links til oversider. Så kan dine besøgende finde tilbage igen. Med denne funktion kan du vælge, hvor brødkrummen skal vises.

Side

Her justerer du udseendet af sidelayout for hele hjemmesiden. Du kan ændre den på enkelte sider, så vælg her det udseende du forventer at bruge mest. Du kan også her indstille udseendet for din søgeside.

Blog

Ligesom med Sider, kan du indstille udseendet for dine indlæg. Det er også her du indstiller udseendet for dit indlægsarkiv.

Sidepanel

Har du elementer, du gerne vil vise på hver side, kan du med fordel vælge et sidepanel, hvor du samler disse elementer. Det gør du ved at vælge om sidepanel skal vises i højre eller venstre side af hver enkelt side. Du kan også her indstille designet af sidepanelet, så du kan bestemme om den skal sættes i en boks og hvilke farver der skal bruges til sidepanelet.

Sidefods Designer

Opbygning af sidefod

Ligesom i Sidehovede Designeren får du også her 3 rækker, du kan opbygge din side fod med. Hver række kan samtidig opbygges i op til 6 kolonner med forskellige layout bredde.

Elementer

Du får op til 17 forskellige elementer, du kan tilknytte din sidefod.
Det kan f.eks. være forskellige knapper, adskillere, sprogvælger, footermenu, sociale elementer, widgets og HTML-elementer. Det gør at du kan skræddersy indholdet i din sidefod nærmest uendeligt. Det er kun din fantasi, der sætter grænser.

Custom Post Types

Opbygning af sidefod

Ligesom i Sidehovede Designeren får du også her 3 rækker, du kan opbygge din side fod med. Hver række kan samtidig opbygges i op til 6 kolonner med forskellige layout bredde.

Elementer

Du får op til 17 forskellige elementer, du kan tilknytte din sidefod.
Det kan f.eks. være forskellige knapper, adskillere, sprogvælger, footermenu, sociale elementer, widgets og HTML-elementer. Resultatet er, at du kan skræddersy indholdet i din sidefod nærmest uendeligt. Det er kun din fantasi, der sætter grænser.

De sidste elementer

Site Identitet

Har du ikke allerede gjort det, er det nu du opretter dit webstedsikon. Det er ofte dit logo eller en del af det. I tilfældet hos WebsiteGo har jeg brugt W’et som webstedsikon. Du har mulighed for at klikke videre til logo, og så lander du i menupunktet Sidehovede designer.

Menuer

Her får du en oversigt over de menuer, du har oprettet, og du kan ændre i menuerne, ligesom du kan tilknytte dem forskellige stedet på siden.

Widgets

Du får her en hurtig oversigt over de widgets du har til både sidehovede og sidefod. Du kan samtidig gå til de enkelte widget og se, hvilke elementer, du har opbygget den enkelte widget med.

Forsideindstillinger

Du får direkte adgang til indstillinger for, hvilken side du vil vise som forside og som indlægs-side. Du får også mulighed for at bestemme om du vil vise indlæg eller en bestemt side som din forside.
PS: Du har de samme muligheder i WordPress Kontrolpanelet “Indstillinger”.

Ekstra CSS

Sidst men ikke mindst har du mulighed for at indtaste CSS (Cascading StyleSheet) kode til at ændre visningen af elementer rundt omkring på de enkelte sider. Husk at du også kan ændre CSS lokalt, når du opretter en side eller et indlæg.

Hjemmeside design med Astra Pro kan endnu mere

Nu foregriber jeg nok en hel artikel men jeg kan løfte sløret for nogle af de ekstra skønne elementer du får, når du bruger Astra Pro:

Site Layout, hvor du kan vælge mellem flere muligheder for layout end i standard-versionen

Site Builder giver dig mulighed for at bygge specielle sider, samt sidehovede og sidefod

Nav menu giver dig mulighed for Mega Menu funktion og meget mere

WooCommerce elementer, til at gøre din webshop endnu mere konkurrencedygtig

Specialelementer tilpasset andre, større plugins

I i hele 2025 får du gratis en licens med når du bruger WebsiteGo til din hjemmeside.

Vil du vide mere om hjemmeside design?

Har du brug for inspiration eller viden om, hvordan du bygger eller fornyr din egen hjemmeside?
Kontakt WebsiteGo i dag for en uforpligtende samtale om, hvordan jeg kan hjælpe din virksomhed med at vokse. Du kan ringe til mig på tlf. 3020 2692 eller skrive til mig her.
Jeg står klar til at besvare dine spørgsmål og hjælpe dig med at finde den rette løsning for din virksomhed.

Billedet viser Kristen Mathiasen, der er indehaver af WebsiteGo. Vi bruger WordPress til at udvikle og oprette hjemmesider, webshops, Intranet og foreningssider for vore kunder. Kontakt Kristen i dag på tlf. 3020 2692 og høre, hvordan du kan få udbytte af et samarbejde.

Ring og få et tilbud på tlf. 30 20 26 92

Hjemmeside

Plugins

Quicksupport Download

Hjemmeside design

Få det udtryk, du og din virksomhed fortjener

Design starter med et tema

Vælg det bedste tema til din hjemmeside

Hjemmeside design med Astra

Global indstillinger

Typografi

Farver

Indholdsboks

Knapper

Scroll til toppen

Tilgængelighed

Blokeditor

Diverse

Side Hovede Designer

Header presets

Websted-titel og -logo

Offcanvas-menu

Funktioner i sidehovede

Sidehovedtyper

Brødkrumme, side, blog og sidepanel

Brødkrumme

Side

Blog

Sidepanel

Sidefods Designer

Opbygning af sidefod

Elementer

Custom Post Types

Opbygning af sidefod

Elementer

De sidste elementer

Site Identitet

Menuer

Widgets

Forsideindstillinger

Ekstra CSS

Hjemmeside design med Astra Pro kan endnu mere

I i hele 2025 får du gratis en licens med når du bruger WebsiteGo til din hjemmeside.

Vil du vide mere om hjemmeside design?

Jeg vil gerne høre mere – ring mig op

Hjemmeside

Plugins

Hjemmeside

Plugins

Ring og få et tilbud på
tlf. 30 20 26 92