Tabs

Udgivet: 5. marts 2025

Senest opdateret: 5. marts 2025

Introduktion

Tabs-blokken på din hjemmeside giver dig mulighed for at organisere indhold i faner, så dine besøgende let kan navigere mellem forskellige sektioner uden at scrolle for meget. Dette er nyttigt til at præsentere produktinformation, ofte stillede spørgsmål eller opdelte indholdsområder. Denne guide forklarer, hvordan du let opsætter og bruger Tabs-blokken uden teknisk viden.

Værktøjslinjen til tabs-blokken

Hvordan tilføjer og bruger du en Tabs-blok?

  1. Tilføj en Tabs-blok: Åbn en side eller et indlæg i WordPress, klik på Tilføj blok (+), søg efter “Tabs” og vælg Tabs-blok.
  2. Opret faner: Når du indsætter Tabs-blokken, tilføjes automatisk den første fane. Klik på Tilføj fane for at tilføje flere.
  3. Indsæt indhold i fanerne: Tilføj tekst, billeder eller andre blokke i hver fane.
  4. Tilpas udseendet: Justér skrifttype, farver og layout for at matche din hjemmeside.
  5. Gem og test: Sørg for, at fanerne fungerer korrekt og vises pænt på både desktop og mobil.

De vigtigste funktioner

  • Interaktiv navigation: Brugere kan skifte mellem forskellige sektioner uden at forlade siden.
  • Tilpasset design: Justér skrifttyper, farver og afstand for at passe til dit tema.
  • Responsivt layout: Sikrer, at fanerne fungerer godt på både mobil og desktop.
  • Fleksibel opsætning: Tilføj, omarranger og fjern faner efter behov.

Brug af Container til at organisere faner (tabs)

Hvis du har flere knapper på din side, eller hvis du vil styre placeringen af en knap mere præcist, kan du placere den i en Button-container. Dette gør det muligt at gruppere knapper og justere dem sammen.

  • Ens justering: Placér flere knapper ved siden af hinanden eller centrer dem præcist.
  • Ens afstand: Sørg for, at der er ensartet afstand mellem flere knapper.
  • Responsivt design: Justér hvordan knapper vises på mobil, tablet og desktop.

For at bruge en Button-container:

  • Tilføj en Container-blok
  • Indsæt en eller flere Knap-blokke inden i containeren.
  • Brug containerens indstillinger til at justere layoutet og placeringen af knapperne.

Hvornår skal du bruge en Tabs-blok?

  • Når du vil organisere produktinformation på en pladsbesparende måde.
  • Når du ønsker at opdele ofte stillede spørgsmål (FAQ) i sektioner.
  • Når du vil præsentere forskellige indholdstyper på en overskuelig måde.
  • Når du vil reducere scroll-længden på en side og gøre navigationen mere interaktiv.

Konklusion

Tabs-blokken giver dig en nem og fleksibel måde at organisere indhold i faner. Ved at kombinere den med Container-blokken og Global Styles, kan du sikre et professionelt og ensartet design.

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 tabs-blokken fra GenerateBlocks her.