Spring til indhold

Brugsscenarie

Indsætning af billeder og video

At tilføje billeder og videoer kan virke enkelt, men ved at bruge de forskellige moduler i Umbraco kan du opsætte dem på mange forskellige måder for at skabe unikke og visuelle udtryk på din side. UX-Teamet har derfor samlet deres anbefalinger til moduler, der kan hjælpe med at integrere billeder og videoer på en interessant og effektiv måde.

Brugsscenarie

Indsætning af billeder og video

At tilføje billeder og videoer kan virke enkelt, men ved at bruge de forskellige moduler i Umbraco kan du opsætte dem på mange forskellige måder for at skabe unikke og visuelle udtryk på din side. UX-Teamet har derfor samlet deres anbefalinger til moduler, der kan hjælpe med at integrere billeder og videoer på en interessant og effektiv måde.

Modul

Picture

Picture Modul

Picture-modulet er et simpelt modul, der gør det nemt at fremvise et billede. Det er ideelt til at bryde længere tekst op og skabe et mere visuelt interessant udtryk på din side.

Modul

Video

Video modulet

En enkel måde at fremvise en enkelt video

Du skal acceptere følgende cookiekategorier for at kunne se indholdet:

Video modulet

En enkel måde at fremvise en enkelt video

Udover de to moduler vist ovenfor, som fremviser et enkelt billede eller en video, findes der mange andre moduler i Umbraco, der kan fremvise flere billeder og videoer på én gang eller særligt fremhæve et billede eller en video. 

Modul

Video Banner

Video Banneret tilbyder en unik måde at fremhæve en video på, hvilket kan give din side et visuelt engagerende udtryk ved at afspille videosekvenser i loop.

Upsell til at fremhæve et billede

Dette modul er ideelt til at fremhæve ét billede, men vær opmærksom på, at det er obligatorisk at tilføje en heading. Modulet giver også mulighed for at tilføje en kort tekst om billedet og eventuelt linke videre til en anden side.

Upsell vejledning

Teaser til billedvisning

Cards

Der skal tilføjes 2-3 cards i en Teaser

Manuelt Cards

Det kan give god mening at bruge manuelle cards så du selv vælger billedet.

Fremvisning af billeder i en Feature Box

Begrænsning

Du kan enten indsætte to eller tre cards/historier. Der er mulighed for at indsætte overskrift, brødtekst, billede og link.

Fremvisning

Med en kasse om dine billeder sørger du for at skabe sammenhæng mellem dem.

Feature Box Vejledning

Modul

Gallery

Modul

Product Gallery List

Modulet Product Gallery List er en anderledes måde at vise indhold på end vores andre moduler. Galleriet består af en listeside og dertilhørende produktsider. Produkter har en særlig sidetype med netop de felter, som skal bruges til visningen. I produktliste-modulet peger man på den rodmappe, som produktsiderne er under.

Modul

Logo List

En Logo List er ideel til at fremvise forskellige samarbejdspartnere, men den kan også anvendes til små ikoner, der fungerer som navigationslinks til andre sider.

Brug af billeder og videoer

Mere i dybden
Brug af billeder vejledning
Brug af billeder indebærer nogle generelle retningslinjer, som bør følges for at opnå det bedste resultat. Vejledningen dækker blandt andet anbefalinger om billedeformat og -størrelse, korrekte filnavne til billeder samt en guide til, hvordan man beskærer billeder.
Vejledning til brug af billeder
Webtilgængelighed
Billeder og videoer spiller en vigtig rolle i webdesign og kan forbedre brugeroplevelsen betydeligt, men de kan også skabe barrierer, hvis de ikke er implementeret korrekt. Derfor er der en række retningslinjer som skal overholdes, for at sikre, at dine billeder og videoer er tilgængelige for alle brugere.
Vejledning til Webtilgængelighed
Alt-tekst søgemaskineoptimering
Læs om hvorfor der er vigtigt at du navngiver dine billeder med en beskrivende titel, og hvilken funktion dette har når man kigger på søgemaskineoptimering.
Vejledning til søgemaskineoptimering i Umbraco