Introduktion
Gitter-blokken på din hjemmeside giver dig en nem og fleksibel måde at skabe kolonnebaserede layouts på din hjemmeside. Den gør det muligt at placere indhold side om side, hvilket er ideelt til at organisere tekst, billeder, knapper og andre elementer på en struktureret måde. Denne guide forklarer, hvordan du kan bruge Gitter-blokken til at bygge flotte og responsive layouts uden teknisk viden.
Hvordan tilføjer og bruger du et gitter?
- Tilføj et gitter: Åbn en side eller et indlæg i WordPress, klik på Tilføj blok (+), søg efter “Gitter” og vælg Gitter-blok.
- Vælg antal kolonner: Når du tilføjer blokken, kan du vælge, hvor mange kolonner du vil have (f.eks. 2, 3 eller 4 kolonner).
- Indsæt indhold: Tilføj tekst, billeder, knapper eller andre blokke i de enkelte kolonner.
- Justér bredden: Bestem, hvordan kolonnerne skal fordeles (f.eks. lige store eller forskellig bredde).
- Tilpas afstand og margin: Justér afstanden mellem kolonnerne og omkring gitteret for et pænt layout.
- Gem og test: Sørg for, at gitteret ser godt ud på både desktop og mobil.
De vigtigste funktioner
- Fleksibel kolonneopdeling: Opret gitter med forskellige antal kolonner.
- Responsivt design: Sikrer, at indholdet justeres automatisk på mobil og tablet.
- Tilpas afstand: Justér margin og padding for bedre visuel organisering.
- Juster kolonnebredder: Lav lige store eller forskelligt vægtede kolonner.
Brug af Container til at styre layout
For at opnå bedre kontrol over placeringen af dit gitter, kan du placere det i en Container-blok. Dette er nyttigt, hvis du vil:
- Tilføje en baggrundsfarve bag dit gitter.
- Styre bredden og placeringen af hele gitteret.
- Kombinere gitteret med andre designelementer som overskrifter og knapper.
Sådan gør du:
- Tilføj en Container-blok.
- Indsæt en Gitter-blok inde i containeren.
- Brug containerens indstillinger til at tilpasse layout og styling.
Hvornår skal du bruge et gitter?
- Når du vil vise flere elementer side om side.
- Når du ønsker et responsivt layout, der fungerer godt på både mobil og desktop.
- Når du vil organisere indhold i sektioner, f.eks. produktlister, team-medlemmer eller prissammenligninger.
- Når du vil skabe en visuelt struktureret opdeling af tekst og billeder.
Konklusion
Gitter-blokken giver dig en nem og fleksibel måde at organisere dit indhold i kolonner. Ved at kombinere den med Container-blokken og Global Styles, kan du sikre et ensartet og professionelt design på hele din hjemmeside.
Har du spørgsmål eller brug for hjælp? Kontakt vores support på support@speedly.dk
Link til den engelske version af dokumentationen til gitter-blokken fra GenerateBlocks her.
