Skip to main content
Servicesider

Søg

Menu

RelatedArticle

RelatedArticle er en navigationskomponent til ét link og/eller filmklip i fuld bredde med både billede/thumbnail og tekst.

Eksempel på komponenten RelatedArticle

Formål

RelatedArticle er en komponent, der kan bruges til navigation eller visning af en film. Komponenten bruges til at linke til andre interne sider, eksterne sider eller medier, men kan samtidig streame et filmklip fra enten YouTube eller TwentyThree. Det kan også kombineres, så der dels henvises til et filmklip fra komponentens billede samtidig med, at der linkes til andet indhold fra link-feltet.

Komponenten består af et stort billede, en label, overskrift, teaser og et link. Komponenten er i fuld bredde og fungerer bedst på en landingside.

Sådan gør du

  1. Gå til sideredigering, og start med at indsætte renderingen "Related Articles Container" på den ønskede placering, fx Row12. Opret din Related Articles Container i enten den lokale PageContent-mappe eller i den globale PageContent-mappe "Global RelatedArticle".
  2. Indsæt derefter komponenten "RelatedArticle" i placeholderen "Related Content" i den nyoprettede Related Articles Container. Komponenten RelatedArticle skal ligeledes oprettes i den lokale PageContent-mappe eller i den globale PageContent-mappe "Global RelatedArticle". Indsæt en RelatedArticle-komponent pr. element, du ønsker på din side.
  3. Tryk gem, og gå til Indholdsredigering. Klik på din nyoprettede Related Articles Container, og udfyld de relevante felter.
  4. Klik derefter på din(e) Related Article(s), og udfyld ligeledes de relevante felter herunder. 
  5.  Gem og udgiv (husk også at udgive din lokale PageContent-mappe).

Gode råd

  • Vær præcis i den linktekst og teaser du bruger. Skriv korte og klare beskrivelser, der fortæller brugerne, hvor de vil blive ledt hen, når de klikker på dem. Du kan med fordel besvare spørgsmålet: ”Hvad vil brugeren finde på siden?”.

  • Sørg for, at de billeder du finder passer visuelt og stilistisk sammen med resten af siden ved at tage udgangspunkt i SDU’s designguide. Et visuelt tiltalende design skaber et positivt og professionelt ensartet indtryk.

    Du kan læse mere om, hvordan du finder de rette billeder og beskærer dem her.

    Hvis du ikke kan finde et billede, der passer ind i SDU’s visuelle identitet eller et billede, der kan associeres med sidens indhold, kan komponenten gøre mere skade end gavn for brugeroplevelsen. Her kan et kassogram være relevant.

    Læs mere om komponenten kassogram, og hvordan den kan bruges lige her.

  • Undgå en overflod af undersider med meget lidt tekst, hvor brugeren skal klikke (for) mange gange. Når dit indhold er samlet logisk på færre undersider, bliver det nemmere for brugerne at finde og navigere gennem hjemmesiden. Identificer relateret indhold på dine undersider og konsolider indholdet, så det giver en fladere struktur.

 

Eksempler

Andre komponenter til navigation

Relateret indhold

Sidst opdateret: 20.12.2023