Eksempel
I dette område kan du se et eller flere eksempler på det opsatte modul, så du kan få en fornemmelse for, hvordan det kan se ud på din hjemmeside.
Image Map-modulet
Modul
Media & Visuals
Du kan bruge Image Map-modulet – eller billedkort – til at definere klikbare områder direkte på et billede, så forskellige zoner på ét og samme billede kan føre brugeren videre til forskellige sider eller handlinger. Det er nyttigt i kontekster, hvor visuel navigation og overblik giver mere mening end gængse tekstlinks eller linklister og kedelige tekstbaserede oversigter.
Sådan bruger du modulet
Trin 1: Træk modulet ind på siden fra moduloversigten
- Find modulet i moduloversigten under Media & Visuals og træk det ind på siden
- Juster modulets placering, som du ønsker
Trin 2: Tilføj indholdselementer
- Tilføj det baggrundsbillede som danner grundlaget for billedkortet, dvs. det billeder som skal have klikbare områder
- Opret derefter de klikbare områder ved at klikke på Draw new region-knappen og markere et område på billedet
- Brug markøren til at sætte ét punkt ad gangen, som, når det afslutningsvist forbindes, vil danne det nye område
- Hvis du er utilfreds med fx størrelsen af det markerede område, kan du redigere det og sætte nye pejlemærker. Husk at klikke Finish når du er færdig
Trin 3: Opsæt indhold i region
Markér et område ved at klikke på det og vælg derefter Region settings for at åbne områdevinduet, hvor du kan opsætte områdets indhold med en overskrift, billeder og brødtekst - en forsimplet form af dét artikelvindue, du kender fra opsætning af indholdssider
Trin 4: Save and Publish
Når du er tilfreds med opsætningen kan du gemme opsætningen ved at trykke på Save-knappen / Gem-knappen - hvis du er en den niveauer inde i modulet skal du blot blive ved med at trykke Save / Gem, indtil modulet lukkes - så er opsætningen gemt.
Afslut med at gemme og publicere siden på ny, så modulet kan blive lanceret på siden
Senest opdateret
02-06-2024
Brugsscenarier
- Interaktive land- eller regionskort, hvor brugeren kan klikke på et område og læse mere lokal information
- Oversigtsillustrationer, som eksempelvis et hospitalskort, hvor man klikker sig ind på afdelinger via bygningerne på billedet
- Organisationsdiagrammer, hvor man klikker på en person eller afdeling for at læse mere om disse
- Produktbilleder med flere funktioner, hvor forskellige dele af produktet linker til mere information eller specifikationer
- Infografikker, hvor dele af et diagram eller en procesgrafik linker videre til uddybende indhold
Relaterede vejledninger
