Modulet Navigation Cards

Her finder du en vejledning til brug af Navigation Cards i Umbraco. Brug Navigation Cards kun på toppen af en canvasside for at navigere brugeren til indholdsside, eller nederst en indholdsside som 'Læs mere' eller 'relateret indhold'.

Navigation Cards


Cards bruges til navigation, genveje og relateret indhold. Som navigation på toppen af en canvasside, og som 'læs mere' og relateret indhold nederst på en indholdsside.


Ved hjælp af cardsmodulet kan man oprette:

  • Genveje, hvor særlige links får ekstra opmærksomhed.
  • Navigation, ved at give 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: Stå på indholdssiden som skal redigeres. Tryk 'Tilføj Indhold' og vælg 'Navigation Cards' 

2: Udfyld Heading (titel).

3: For at tilføje Cards tryk 'tilføj navigation card'

 

4: Heading (titel på card) og Links skal udfyldes. Text og image er valgfrit. Når felterne er udfyldt 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 linkes omskrives, så en skærmlæser bedst muligt kan læse linket. Skriv i stedet som nedenstående:

6: Udfyld Card settings. Columns skal udfyldes og man kan vælge i mellem 2-3, 3 og 4. 

7: Hvis der vælges Columns setting 2-3 ser det ud som på billederne nedenfor. 

Navigation Cards uden billeder
Navigation Cards med billeder og tekst

8: Hvis der vælges Columns settings 3 eller 4, ser det ud som på billederne nedenfor. 

Navigation Cards uden billeder
Navigation Cards med billeder

9: Vælg mellem fire baggrundsfarver - default, white, light od dark.

10: Vælg hvilken afstand der ønskes mellem afsnit med Spacing. 

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

Forskellig brug af Navigation Cards

Bruges Navigation Cards øverst på en canva side skal man bruge indstillingerne White og Small

 

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

Forskellen på baggrundsfarve

Eksempel på baggrundsfarve på Navigation card på mst style sheet.

Navigation card: Default

Navigation card: White

Navigation card: Light

Navigation card: Dark