Modulet Navigation Cards

Her finder du en vejledning til brug af Navigation Cards i Umbraco.

Navigation Cards bruges til navigation, genveje og relateret indhold, fx på en canvasside eller som 'læs mere' indhold nederst på en indholdsside.

Ved hjælp af 'Navigation Cards'-modulet kan man oprette:

  • Genveje, hvor særlige links får ekstra opmærksomhed.
  • Navigation som giver brugeren et overblik over et menupunkt eller en sektions indhold.
  • Links til relateret indhold i form af en link liste, som kan fungere som supplerende information. Det gøres typisk nederst på en underside.

Opret Navigation Cards

1: Tilføj Navigation Cards ved at trykke på 'Tilføj Indhold' under 'Page sections' og vælge 'Navigation Cards'. 

2: Udfyld Heading (titel).

3: Tilføj et Navigation Card ved at trykke på 'Tilføj Navigation Card'.

4: Heading (titel på card) og Links skal udfyldes. Text og Image er valgfrie. Når felterne er udfyldt, så tryk opret nederst i højre hjørne.

5: Vær opmærksom på, at den side, du linker til, vil være den tekst, der fremgår på cardet, som nedenfor:

5: Vi anbefaler, at links omskrives, så en skærmlæser bedst muligt kan læse linket. Skriv i stedet som nedenstående:

6: Udfyld 'Settings' nederst. Columns skal udfyldes, og man kan vælge mellem 2-3, 3 og 4 - afhængig af, hvor mange navigations cards, man opretter. 

7: Hvis der vælges 2-3 i 'Columns', vil layoutet se ud som på billederne nedenfor: 

Navigation Cards uden billeder
Navigation Cards med billeder og tekst

8: Hvis der vælges 3 eller 4 i 'Columns', ser layoutet ud som på billederne nedenfor:

Navigation Cards uden billeder
Navigation Cards med billeder

9: Vælg mellem tre baggrundsfarver - default, white, light og dark.

10: Vælg small i 'Spacing'. 

11: Når alt er udfyldt, så tryk 'Indsæt' nederst i højre hjørne. 

Forskellig brug af Navigation Cards

Bruges Navigation Cards øverst på en canvasside, skal man bruge indstillingerne White og Small

Bruges Navigation Cards nederst på en contentside som navigation, skal man bruge indstillingerne Light og ingen spacing. 

Forskellen på baggrundsfarve

Navigation cards: Default

Navigation cards: White

Navigation cards: Light

Navigation cards: Dark