Navigation cards

Du kan bruge content elementet 'Navigation cards' til at sætte en række små linkbokse ind på en indholdsside.

Trin 1

  • Stil dig på den indholdsside i sidetræet, hvor du vil sætte navigation cards ind på.
  • Klik på ‘+ Create new content’.
  • Vælg ‘Navigation cards’ under fanen ‘Lists and cards’.

Trin 2

Start med at give content elementet en overskrift i feltet ‘Header’ og vælg, om den skal være synlig i frontend.

Under ‘Navigation card settings’ skal du indstille felterne:

  1. ‘Set layout for cards’: Hvor mange kolonner skal dine navigation cards vises i?
    • Vælg mellem 2, 3 og 4.
  2. ‘Select background colour for all navigation cards’: Skal alle navigation cards have en baggrundsfarve?
    • Vælg mellem ‘Light colour’, ‘Semi light colour’, ‘Semi dark colour’, ‘Dark colour’, ‘Light grey colour’ og ‘White colour’.
  3. ‘Navigation card list style’: Skal dine navigation cards vises i et grid eller som en slider?

Samtidig kan du også indstille felterne:

  • ‘Show images in cards’: Vælg, om dine navigation cards skal vise et billede i frontend. Det kræver, du sætter et billede ind for hvert navigation card.
  • ‘Show teaser text in cards’: Vælg, om hvert navigation card skal vise brugerne en kort teaser text om linkets indhold.
  • ‘Show ’Read more' button': Hvis dine navigation cards tilsammen har relevans til en anden indholdsside, kan du linke til den ved at aktivere læs mere-knappen.

Trin 3

Under ‘Navigation cards’ sætter du dine navigation cards ind ved at klikke på ‘+ Add navigation card’ for hvert navigation card, der skal være.

Trin 4

For hvert navigation card skal du udfylde to obligatoriske felter:

  1. ‘Navigation card title’: Giv dit navigation card en sigende overskrift.
  2. ‘Navigation card link’: Sæt linket ind til den side, dit navigation card skal lede brugeren videre til.

Du har også mulighed for at indstille fire valgfrie felter:

  • ‘Navigation card teaser text’: Skal dit navigation card have en kort teasertekst.
  • ‘Navigation card label’: Skal dit navigation card have et lille label i en kontrastfarve.
  • ‘Select navigation card image’: Skal dit navigation card skal have et billede i frontend?
  • ‘Select navigation card background colour’: Skal dit navigation card skal have en baggrundsfarve?
    • Vælg mellem ‘Light colour’, ‘Semi light colour’, ‘Semi dark colour’, ‘Dark colour’, ‘Light grey colour’ og ‘White colour’.

Hvis du giver det enkelte navigation card en baggrundsfarve, overskriver det den baggrundsfarve, du eventuelt har valgt til alle navigation cards i trin 2.