Accordion og tabs

'Accordion og tabs'-modulet er et nyttig modul til at præsentere store mængder information på en overskuelig og brugervenlig måde.

Vil du gøre en side mere overskuelig, kan du bruge fold ud-afsnit. Det hedder en accordion, som betyder harmonika.

’Accordions og Tabs’-modulet ligger under ’Ofte brugt’ i moduloversigten. Træk modulet ned i ’Efter artiklen’. Husk, at du kan trække i modulet, så det bliver større. Åbn modulet og ’Tilføj element’ for at tilføje en bjælke og skrive indhold i den.

Du kan designe modulet to måder: som accordion eller som tabs.

Accordion-visning

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tabs-visning

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Accordion

Accordion-visningen bruges ofte til FAQ'er og er en god måde at samle store mængder informationer på mindre plads. FAQ'er er rigtigt gode til at forbedre søgemaskineoptimering (SEO), så vores sider bliver vist højt i resultatlisten i søgemaskiner.

Modulet bliver automatisk oprettet med accordion-visningen.

Sådan gør du:

  1. Åbn modulet og tryk på 'Tilføj element'.
  2. Skriv den tekst, der skal stå i bjælken ('Elementets titel') og tryk OK.
  3. Dobbeltklik på elementet for at åbne det og tilføj tekst.
  4. Vær opmærksom på overskrifthierarkiet:
    • Hvis din accordion ikke har en overskrift, er bjælkerne automatisk Overskrift 2. Brug derfor Overskrift 3 i elementerne.
    • Hvis din accordion har en overskrift, er den automatisk Overskrift 2, og bjælkerne er Overskrift 3. Brug derfor Overskrift 4 i elementerne.

Tilføj en overskrift eller brødtekst i din accordion bjælkerne:

  1. Fold 'Indhold'-fanen ud
  2. Tilføj din overskrift og brødtekst
  3. Vær opmærksom på overskrifthierarkiet:
    • Hvis din accordion ikke har en overskrift, er bjælkerne automatisk Overskrift 2. Brug derfor Overskrift 3 i elementerne.
    • Hvis din accordion har en overskrift, er den automatisk Overskrift 2, og bjælkerne er Overskrift 3. Brug derfor Overskrift 4 i elementerne.

Du kan også bruge en multiboks til at tilføje tekst før eller efter accordionen. 

Tabs

Tabs-visningen inddeler din information i faneblade og er oplagt at bruge til individuelle sektioner af indhold. 

Du kan skifte modulet til tabs-visningen. Det gør du i dit ’Accordion Og Tabs’-modul under indstillinger. Her skal du ændre ’Visningstilstand’ til Tabs.

Sådan gør du:

  1. Åbn modulet og tryk på 'Tilføj element'.
  2. Skriv den tekst, der skal stå i fanen ('Elementets titel') og tryk OK.
  3. Dobbeltklik på elementet for at åbne det og tilføj tekst.
  4. Gå til fanen 'Indstillinger'.
  5. Under 'Visningstilstand' vælger du 'Tabs'.
  6. Vær opmærksom på overskrifthierarkiet:
    • Hvis din tabs ikke har en overskrift, er fanerne automatisk Overskrift 2. Brug derfor Overskrift 3 i elementerne.
    • Hvis din tabs har en overskrift, er den automatisk Overskrift 2, og fanerne er Overskrift 3. Brug derfor Overskrift 4 i elementerne.

Tilføj en overskrift eller brødtekst i din accordion bjælkerne:

  1. Fold 'Indhold'-fanen ud
  2. Tilføj din overskrift og brødtekst
  3. Vær opmærksom på overskrifthierarkiet:
    • Hvis din tabs ikke har en overskrift, er fanerne automatisk Overskrift 2. Brug derfor Overskrift 3 i elementerne.
    • Hvis din tabs har en overskrift, er den automatisk Overskrift 2, og fanerne er Overskrift 3. Brug derfor Overskrift 4 i elementerne.

Du kan også bruge en multiboks til at tilføje tekst før eller efter Tabs-modulet. 

Du skifter visningen af et accordion og tabs-modul i indstillinger ved at vælge tabs under visningstilstand

Fremhæv med en baggrundsfarve

Du kan bruge 'Innergrid'-modulet til at give din accordion eller tabs en baggrundsfarve.

Innergrid-modulet kan indeholde andre moduler. Du kan bruge det til at inddele siden eller tilføje baggrundsfarve på moduler.

Sådan gør du:

  1. Træk 'Innergrid'-modulet over i ’Efter artiklen’.
  2. Træk ’Accordions og Tabs’-modulet ind i 'Innergrid'-modulet
  3. Dobbeltklik på dit innergrid
  4. Gå ind i ’Indstillinger’ og vælg baggrundsfarve - husk at sætte dig ind i, hvilke farver vi bruger på hjemmesiden.