Billeder
- Brug kun billeder og grafik, hvis de fortæller brugeren noget og har en funktion for din side. - Ikke blot som fyld.
- Vurder om det giver mening at vise din grafik på fx en smartphone eller om den skal skrives som tekst i stedet.
- Tjek altid hvordan dine billeder ser ud i responsivt design, hvis du ønsker dem præsenteret på en bestemt måde.
Indsæt billeder
1. Klik på knappen ”content” for at tilføje et nyt element. Herefter vil der komme alle valmuligheder for de elementer der kan indsættes på siden.
2. For at indsætte billeder som element på siden, kan der enten vælges billeder med tekst ”Text & Images” eller blot et billede ”Images Only”.
- For at tilføje og redigere i billeder på siden, skal fanen ”image” vælges.
- Klik på ”add image” hvis man ønsker at bruge et billede fra fillisten i TYPO3. Hvis man ønsker at uploade et billede til denne filliste, kan man trykke ”browse” i det vindue der åbner ved at trykke på ”add image”. Når et billede er oploaded i fillisten, kan har man overblik over alle billeder der er brugt, og man kan bruge dem senere til andre formål eller andre redaktører har adgang til dem.
Alternativ måde: - Upload et billede ved ”select & uplad files” hvor det bliver muligt at trække et billede frem fra stifinderen på computeren. Når du har gemt et billede i dit element, får du ved upload af flere billeder mulighed for at trække dem fra din stifinder over i feltet for drag-and-drop.
- Hvis ”enlarge on click” er slået til, kan man i frontend klikke på billederne og få dem vist i en større størrelse. Visningen afhænger af, hvilken størrelse du har uploadede dit billede i, men vises i max. 900 x 600 pixels. NB! Hvis du indtaster links på et billede i linkfeltet, deaktiveres funktionen Forstør ved klik.
Justering og placering
- For at redigere i udseendet på billederne, vælges ”appearance”
- Skal størrelsen ændres fra den størrelse billedet er uploadede i, så bruges ”width” og ”height” som indikere at man kan angive højde og bredde, samt størrelsen i pixels (px). Når der indtastet en størrelse i bredde og højde, vil denne tilpasse sig proportionelt og omvendt. Indtaster du en højde og bredde, som ikke holder proportionerne på billedet, vil det være højden, der bliver gældende og bredden vil tilpasse sig proportionelt. PAS DERFOR PÅ med at udfylde både højde og bredde, da det medfører en stor risiko for, at billedet bliver forvrænget.
- Her har du nogle simple redigeringsmuligheder. F.eks. kan du lave et farvebillede om til gråtone, eller rotere dit billede. Vi anbefaler dog, at du så vidt muligt færdigredigerer dit billede, inden du uploader det til TYPO3.
- Har du valgt elementet ”Text & Images”, kan du her placere dit billede ift. din tekst.
Beskrivelse og links
- Filename: Når et billede er blevet uploadede, kan du i den grå bjælke se filnavnet på den uploadede fil. Til højre er der nogle ikoner som gør det muligt at slette billedet ved at klikke på skraldespanden eller at skjule billedet ved at klikke på lyspæren . De 3 små streger gør det muligt at flytte rundt på billederne på siden.
- Titel: Dette felt gør det muligt at give billedet en titel. Hvis du sætter link på billedet (punkt 4), så er det i feltet Titel, du skal beskrive, hvad der sker. For at give billedet en titel eller for at redigere titlen, skal du klikke i feltet ”Description, override” (punkt 5).
- Alternative Text: Billedets Alternativ tekst skal udfyldes af alle offentlige institutioner. Teksten bliver ikke synlig i frontend, men bruges af søgemaskiner til at indeksere billeder og af hjælpeprogrammer til fx svagtseende. Det skal ikke være en lang tekst, men en kort og præcis beskrivelse af, hvad der sker på billedet. For at skrive alternativ tekst skal du klikke i feltet ”override” (punkt 5). Hvis dit billede kun er til pynt, så skal du ikke markere feltet ”override” (punkt 5).
- Link: I feltet Link kan du indsætte forskellige typer af links. Du kan fx indsætte en URL til en side. Når man klikker på billedet i frontend, vil man blive ført til den pågældende side. Du kan skrive URL'en i feltet eller klikke på den lille blyant for enden af feltet. Når du klikker på blyanten, vil du også få mulighed for at indsætte link til en side i dit sidetræ, til en fil fra fillisten eller til en mailadresse. NB! Hvis du indsætter et link, vil funktionen ”Enlarge on Click” blive deaktiveret.
- Description (Caption): Billedtekst bliver vist lige under billedet i frontend. Det kan være en kort beskrivelse af billedet eller kreditering af fotografen - fx. "Foto: Lars Kruse, Aarhus Universitet".
Rettigheder til billeder
Sørg for, at du har de nødvendige rettigheder til de billeder, du bruger på hjemmesiden. Vi har desværre oplevet flere tilfælde, hvor man har modtaget bøder, fordi man har haft billeder uden rettigheder liggende i TYPO3. Vi anbefaler derfor, at man er opmærksom på følgende:
- Sørg for at billeder med rettighedsbegrænsninger er placeret et sted i fillisten, hvor du nemt kan finde frem til det og slette det, når rettighederne udløber.
- Undlad at gemme billeder med rettighedsbegrænsninger i standardmappen “ingen_mappe_valgt”, da det er næsten umuligt at finde frem til billedet igen, når det skal slettes.
- Ved nyheder bør man ligeledes uploade billeder med rettighedsbegrænsninger i fillisten og så vælge dem derfra, når man indsætter billeder i nyheden.
- Selvom en nyhed er udløbet/skjult vil billederne i nyheden stadig kunne findes af søgemaskiner. Sørg derfor for også at slette billeder fra fillisten, når du sletter/skjuler en nyhed