Med visuelle moduler kan du tilføje billeder og videoer til din hjemmesiden. Du kan finde alle modulerne under kategorien Visuals i the Add module menu.
Billede
Du kan bruge billedemodulet til at inkludere enkelte billeder på din hjemmeside. Hvis du ønsker at indsætte en større mængde billeder kan du bruge enten the Image List module eller the Gallery module.
Hold markøren over modulet og klik på Content, Design or Settings i the Module Settings Menu for at foretage ændringer i dit billedemodul.
Indhold
Der er tre måder hvorpå du kan tilføje et billede til modulet:
- Upload et nyt billede: Klik på Add or drop image for at vælge et billede fra din computer eller træk dit billede til samme område.
- Brug et eksisterende billede fra File Manager: Klik på Select from File Library og vælg et af dine eksisterende billeder fra File Library.
- Brug et billede fra Globale Data: toggle the option Use Global Data source and select either to include your cover photo or your logo that you've previously uploaded in Global Data.
Husk at tilføje en alternativ tekst (Alt text) til dit billede. Dette vil sørge for at søgemaskiner kan "læse" dit billede. En alt text skal kort og præcist beskrive hvad billedet viser.
Hvorfor inkludere en Alt text?
Alt text tillader søgemaskiner at læse og sammenligne dit billede med søgninger på eksempelvis Google. Dit billede vil altså dukke op i the Image tab på Google hvis det er relevant, og føre til ekstra visninger af din hjemmeside.
Når du har tilføjet dit billede får du muligheden for at ændre dit billede direkte i the Editor. Klik på Edit ved siden af dit billede for at tilgå the image editor. Læs mere om hvordan du kan redigere dine billeder her.
Hvis du fortryder at have tilføjet et billede til din hjemmeside kan du enten klikke på Replace for at tilføje et andet billede eller på Remove hvis du ikke ønsker at have et billede der.
Tilføj et link til dit billede: Du har mulighed for at tilføje et link til dine billeder, så dine besøgende kan klikke på det. For at tilføje et link skal du toggle Enable link on image hvor de forskellige linkmuligheder dukker op.
Vælg den slags link du ønsker på dit billede fra the dropdown. Du har følgende muligheder:
- Side: Link til en side på din hjemmeside.
- Ekstern side: tilføj et URL til en ekstern side. Denne type link vil automatisk aktivere Open link in new tab for at sikre, at den besøgende ikke forlader din hjemmeside når de klikker på billedet.
- Email: Tilføj en emailadresse. Når den besøgende klikker på billedet vil deres fortrukne emailklient åbne.
- Fil: Indsæt en fil ved at klikke på Add or drop file for at åbne dine computerfiler eller træk filen ind i feltet. Filen vil blive downloadet når den besøgende klikker på billedet.
Enable the option Open link in new tab for at åbne billedet i en ny fane når man klikker på det. Aktiver Set "nofollow" property hvis du ikke ønsker at søgemaskiner skal følge hyperlinket. Når denne indstilling er aktiveret, vil dit link ikke påvirke the target's search engine ranking.
Design
I designsektionen kan du ændre baggrunden, border and spacing på dit billedmodul. For mere advanceret designmuligheder klik på more local design options eller ændr de Globale Data for billedmodulet. I designsektionen kan du også ændre billedstørrelsen- og positionen. For en mere gennemgående introduktion til styling, see our dedicated styling guide.
Størrelsen på billedet refererer til hvor meget det fylder i den spalte det er placeret i. Når størrelsen er sat til 100% vil billedet fylde hele spalten. Brug the slider eller indtast den specifikke procentdel i feltet for at tilpasse størrelsen. Spaltens højde afhænger af billedets dimensioner.
Billedjustering tillader dig at vælge den placering dit billede skal have i spalten. Du har mulighed for venstrejustering, højrejustering og at centrere dit billede. Benyt dig af the float function for at float dit billede til venstre eller højre og for at lade andet indhold wrap around it.
Indstillinger
Under indstillinger kan du tilføje hover effects på dit billede. Du kan enten bruge effekten som en grafisk tilføjelse eller for at vise the image caption text ovenpå billedet. Læs mere om hover effects here.
Billedliste
Brug Image List module til at fremvise flere billeder på din hjemmeside med mulighed for at tilføje dynamic features til billedpræsentationen. For at ændre i Image List module, hold musen over modulet og klik på Content, Design or Settings i Module Settings Menu.
Indhold
Du kan indsætte billeder i modulet på to måder:
- Upload et nyt billede: Klik på Add or drop image for at vælge et billede fra din computer eller træk dit billede til samme område.
- Brug et eksisterende billede fra File Manager: Klik på Select from File Library og vælg et af dine eksisterende billeder fra File Library.
Ændr rækkefølgen på billederne
Du kan ændre på rækkefølgen af billederne ved at trække i symbolet med seks små prikker.
Når du har indsat billederne til modulet har du mulighed for at tilføje specifik information til hvert billede ved at klikke på pilen ved siden af filens navn:
- Edit: når du har indsat dit billede har du mulighed for at ændre det direkte i værktøjet. Klik på edit ved siden at billedet for at komme til billedredigering. Read more about how to edit your images here.
- Erstat eller fjern: hvis du fortryder at have tilføjet et billede til din hjemmeside kan du enten klikke på Erstat og tilføjet et nyt billede eller på Fjern hvis du ikke ønsker et billede alligevel.
- Alternative text: indsæt en Alt text (alternative text) da dette vil sikre at søgemaskiner kan "læse" dine billeder.
- Caption text: the caption text er den tekst der vil blive synlig hvis du aktiverer hover effects med caption på din billedliste.
- Link: vælg den type link du ønsker på dit billede fra the dropdown. Du kan vælge mellem internal page, external page, email and file. Læs mere om de fire linktyper under the Image module. Tillad indstillingen Open link in new tab, for at åbne dit billede i en ny fane. Aktiver Set "nofollow" property hvis du ikke vil have at søgemaskiner skal følge hyperlinket. Når denne indstilling er aktiveret vil linket ikke påvirke the target's search engine ranking.
- Custom tracking name: spor dine besøgenes adfærd på et specifikt billede ved at tilføje et brugerdefineret tracking name. Statistikkerne for dette vil være synlige på dit dashboard.
Design
I designsektionen kan du ændre baggrunden, border and spacing på dit billedmodul. For mere advanceret designmuligheder klik på more local design options eller ændr de Globale Data for billedmodulet. I designsektionen kan du også ændre billedstørrelsen- og positionen. For en mere gennemgående introduktion til styling, see our dedicated styling guide.
Indstillinger
Under indstillinger kan du ændre på designet af din billedliste. Du kan vælge hvor mange billeder du ønsker er synlige ad gangen, mængden af kolonner (1-12) samt magen mellem billederne. Hvis din "mængde af synlige billeder" er sat til 0, vil modulet automatisk vise alle dine billeder.
Hvis du vælger ikke at vise alle dine billeder i listen, vil værktøjet automatisk tilføje pile på hver side af modulet, så de besøgene selv kan bladre gennem billederne. Du kan justere på følgende overgangsindstillinger:
- Vis pilenavigation: Pilene bliver tilføjet på hver side af billedlisten.
- Vis pagination dots: Prikkerne bliver tilføjet i bunden af billedlisten.
- Auto change of slides: Billederne vil automatisk skifte uden at den besøgene skal klikke på modulet.
- Pause transition on hover: Den automatiske overgang vil blive sat på pause når den besøgene holder musen over billedlisten.
Vælg hvordan du ønsker at din billedliste skifter billeder med Slide transition type. Du har tre muligheder: slide, slow fade and fast fade.
Slide
Slow fade
Fast fade
Tiden mellem overgangene er automatisk sat til 5000 millisekunder (5 sekunder). Du kan ændre intervallet til en højere værdi, så billederne er synlige i længere tid, eller en lavere værdi, så billederne er synlige i kortere tid. Husk at indsætte værdien i millisekunder (1000 millisekunder = 1 sekund).
Cropped or uncropped thumbnails: Du kan vælge om dine billeder skal have cropped or uncropped thumbnails. Se forskellen på de to indstillinger nedenfor:
Under indstillinger kan du tilføje hover effects på dit billede. Du kan enten bruge effekten som en grafisk tilføjelse eller for at vise the image caption text ovenpå billedet. Læs mere om hover effects here.
Galleri
Brug gallerimodulet til at vise flere billeder på din hjemmeside, som dine besøgene kan klikke på og forstørre. For at ændre i gallerimodulet skal du holde musen over modulet og klikke på Content, Design or Settings i modulets indstillinger.
Indhold
Der er tre måder hvorpå du kan tilføje et billede til modulet:
- Upload et nyt billede: Klik på Add or drop image for at vælge et billede fra din computer eller træk dit billede til samme område.
- Brug et eksisterende billede fra File Manager: Klik på Select from File Library og vælg et af dine eksisterende billeder fra File Library.
- Brug et billede fra Globale Data: toggle the option Use Global Data source and select either to include your cover photo or your logo that you've previously uploaded in Global Data.
Ændr på rækkefølgen af dine billeder
Du kan ændre på rækkefølgen af dine billeder ved at trække i symbolet med de seks små prikker.
Når du har indsat billederne i modulet har du mulighed for at tilføje specifik information til hvert billede ved at klikke på pilen ved siden af filnavnet:
- Edit: når du har indsat dit billede har du mulighed for at ændre det direkte i værktøjet. Klik på edit ved siden at billedet for at komme til billedredigering. Read more about how to edit your images here.
- Erstat eller fjern: hvis du fortryder at have tilføjet et billede til din hjemmeside kan du enten klikke på Erstat og tilføjet et nyt billede eller på Fjern hvis du ikke ønsker et billede alligevel.
- Alternative text: indsæt en Alt text (alternative text) da dette vil sikre at søgemaskiner kan "læse" dine billeder.
- Caption text: the caption text er den tekst der vil blive synlig hvis du aktiverer hover effects med caption på din billedliste.
Når du bruger Globale Data
Hvis du benytter dig af Globale Data som en kilde i dit gallerimodul, skal du huske at tilføje information om billederne i Gallery tab in Global Data hvor du har de samme muligheder som nævnt ovenfor.
Design
I designsektionen kan du ændre baggrunden, border and spacing på dit gallerimodul. For mere advanceret designmuligheder klik på more local design options eller ændr de Globale Design for gallerimodulet. For en mere gennemgående introduktion til styling, see our dedicated styling guide.
Indstillinger
Under indstillinger kan du ændre på designet af din billedliste. Du kan vælge hvor mange billeder du ønsker er synlige ad gangen, mængden af kolonner (1-12) samt magen mellem billederne. Hvis din "mængde af synlige billeder" er sat til 0, vil modulet automatisk vise alle dine billeder.
Hvis du vælger ikke at vise alle dine billeder i listen, vil værktøjet automatisk tilføje pile på hver side af modulet, så de besøgene selv kan bladre gennem billederne. Du kan justere på følgende overgangsindstillinger:
- Vis pilenavigation: Pilene bliver tilføjet på hver side af billedlisten.
- Vis pagination dots: Prikkerne bliver tilføjet i bunden af billedlisten.
- Auto change of slides: Billederne vil automatisk skifte uden at den besøgene skal klikke på modulet.
- Pause transition on hover: Den automatiske overgang vil blive sat på pause når den besøgene holder musen over billedlisten.
Vælg hvordan du ønsker at din billedliste skifter billeder med Slide transition type. Du har tre muligheder: slide, slow fade and fast fade.
Slide
Slow fade
Fast fade
Tiden mellem overgangene er automatisk sat til 5000 millisekunder (5 sekunder). Du kan ændre intervallet til en højere værdi, så billederne er synlige i længere tid, eller en lavere værdi, så billederne er synlige i kortere tid. Husk at indsætte værdien i millisekunder (1000 millisekunder = 1 sekund).
Kryds boksen Show caption with thumbnail af hvis du ønsker at vise billedteksten under dine billeder. Du har også mulighed for at tilføje samme tekst på the image overlay, her skal du huske at krydse Show caption on overlay af også.
Cropped or uncropped thumbnails: Du kan vælge om dine billeder skal have cropped or uncropped thumbnails. Se forskellen på de to indstillinger nedenfor:
Under indstillinger kan du tilføje hover effects på dit billede. Du kan enten bruge effekten som en grafisk tilføjelse eller for at vise the image caption text ovenpå billedet. Læs mere om hover effects here.
Forskelle: Billedliste vs Galleri
Galleri- og billedmodulet deler mange ligheder når du indsætter dem på din hjemmeside. Forskellen i de to moduler ligger i hvordan de besøgene kan tilgå dem. Når der klikkes på et billede i gallerimodulet vil billedet blive vist forstørret i et overlay. Når der klikkes på et billede i billedlisten vil de besøgene blive ført hen til en anden underside/hjemmeside/email/fil hvis du har tilføjet et link til billedet (hvis der ikke er blevet tilføjet et link til billedet vil intet ske, når de besøgene klikker på det).
De to moduler adskiller sig også fra hinanden i deres billedkilder. Gallerimodulet kan hente billeder fra galleriindholdet i Globale Data hvilket billedlisten ikke kan.
Video
Brug videomodulet til at inkludere videoer fra eksterne hjemmesider på din hjemmeside. Dette kan gøre din hjemmeside mere interaktiv. For at ændre i videomodulet skal du holde musen over modulet og klikke på Content, Design or Settings i modulets indstillinger.
Indhold
Du kan tilføje videoer til din hjemmeside på følgende måder:
- Upload en ny video: Indsæt videoens URL i the input field.
- Brug en video fra Globale Data: toggle Use Global Data source for at bruge en video du allerede har uploadet i Globale Data. En dropdown vil dukke op hvor du kan vælge mellem de videoer du har tilføjet.
Understøttede videokilder
Videomodulet understøtter URLs fra Youtube og Vimeo samt links med følgende videoformater: MP4, WEBM and OGG. Hvis du ønsker at tilføje videoer fra andre platforme eller i et andet format, kan du If you want to include a video that's hosted on another platform or in another format, you can indlejre dem ved at bruge HTML module i stedet.
Design
I designsektionen kan du ændre baggrunden, border and spacing på dit videomodul. For mere advanceret designmuligheder klik på more local design options eller ændr de Globale Design for gallerimodulet. For en mere gennemgående introduktion til styling, see our dedicated styling guide.