Hero

Modul Content & Layout

Hero-modulet bruges til at skabe visuelt fængende indhold på en side. Ofte bruges modulet til forsiden, til at skabe en visuel top på en underside eller et banner på en temaside.

Modulet er særligt velegnet til at placere i toppen af en side, hvis man ønsker et visuelt element. Overskrift-feltet vises i en H1 og kan derfor erstatte overskriften i artikelfeltet.

Modulet indeholder en række spændende designmuligheder, som du kan kombinere med brug af baggrundsfarver og lignende. Nogle vælger også blot at bruge modulet uden tekst til at vise et topbillede eller en video.

Sådan gør du

Trin 1: Træk modulet ind på siden

Du finder det under Content & Layout i moduloversigten
Dobbeltklik på modulet for at udfylde det

Trin 2: Tilføj medie

Du kan enten tilføje et baggrundsbillede eller en video via en videoURL.

Trin 3: Tilføj tekst

Du kan vælge at tilføje en overskrift eller blot lade feltet stå tomt. Hvis du tilføjer en overskrift og der i forvejen er en H1 på siden, så husk at lave overskriften om til en H2 ved at klikke af i feltet, så du overholder webtilgængelighed.
Brug brødtekst-feltet til at tilføje yderligere tekst. Sørg gerne for at gøre det kort.

Trin 4: Tilføj link

Du kan bruge link-muligeden til at tilføje et link, der gør hele hero-modulet til et aktivt link.
Alternativt kan du også blot tilføje et link i brødtekst-feltet.

Trin 5: Foretag indstillinger

Gennemgå modulets indstillinger.
Afslut med 'Save'.

Modulets indstillinger

Design options: Du har en række forskellige muligheder, der afgør hvordan tekst og billede vises.
Layout options: Tekst vil per default være venstrestillet, men du kan også vælge at centre teksten eller højrestille og du kan vælge om modulet skal skjules i mobilvisning.
Colour options: Her kan du lige som på øvrige moduler vælge en baggrundsfarve.
Media and icon options: Du har mulighed for at fastgøre billedet, som giver en parallax effekt, når du scroller ned over det. Har du tilføjet en video, kan du gøre det muligt at afspille videoen i en pop-up.