Brug billedslider-moduler

Du kan bruge billedslider-modulet til at vise flere billeder i det samme modul. Du kan indstille billederne til at skifte automatisk, eller du kan hjælpe de besøgende med at skifte manuelt mellem dem.

Tilføj og rediger slides i billedslider-moduler

1. Naviger til dit indhold:

   • Hjemmesider: På din HubSpot-konto skal du navigere til Indhold > Websider.
   • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
   • Blog: På din HubSpot-konto skal du navigere til Indhold > Blog.
2. Klik på navnet på dit indhold.
3. I indholdseditoren skal du klikke på ikonet add Tilføj i venstre sidepanel.
4. Klik for at udvide kategorien Media , og klik derefter på modulet Image Slider , og træk det på plads.
5. Hold musen over et slide i venstre sidebjælke, og klik på ikonet edit Rediger for at tilføje et billede til det pågældende slide:
   
   • I sektionen Billede skal du klikke på Upload for at vælge et billede fra din computer eller Browse images for at vælge et billede fra filværktøjet. Klik på Generer med AI for at generere et billede.
   • I feltet Billedtekst skal du indtaste en billedtekst , som vises under dit billede. Hvis du vil vise billedet uden en billedtekst, skal du slette standardteksten.
   
   • For at tilføje et link til diaset:
     • Klik på rullemenuen Link til , og vælg en linktype.
     • Angiv linkdestinationen i det felt, der vises. Læs mere om at arbejde med links i HubSpot.
     • For at holde dit indhold åbent og få linket til at åbne i et nyt vindue skal du slå Åbn link i nyt vindue til.
     • For at identificere linkdestinationen som ikke en del af dit website over for søgemaskiner, skal du markere afkrydsningsfeltet No follow .
   • Klik på Anvend ændringer for at gemme ændringerne på dette slide.
6. Klik på Image slider øverst i sidebar-editoren for at vende tilbage til moduloversigten.

7. Hvis du vil tilføje flere slides, skal du holde musen over et andet slide og klikke på ikonet edit Edit .
8. Klik på Anvend ændringer for at færdiggøre dine ændringer.

Rediger indstillinger for billedslidermoduler

1. Naviger til dit indhold:

   • Hjemmeside-sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
   • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
   • Blog: På din HubSpot-konto skal du navigere til Indhold > Blog.
2. Klik på navnet på dit indhold.
3. Klik på billedslidermodulet i indholdseditoren.
4. Klik på Indstillinger i sidebar-editoren for at redigere modulets indstillinger.
5. Klik for at udvide afsnittet Slides for at redigere slide-indstillinger:
   • I feltet Slides pr. side skal du indtaste antallet af slides, der skal vises på én gang i din billedslider. Du kan vise op til fem slides ad gangen. Når der vælges flere slides ad gangen, vises billedtekster og miniaturebilleder ikke.
   • I feltet Image Sizing skal du vælge et billedformat. Som standard vises billederne i det uploadede størrelsesforhold. Hvis du vil standardisere et enkelt billedformat på tværs af billeder, skal du vælge Force aspect ratio. Dette kan få nogle billeder til at se forvrængede ud.
   • Hvis du vil tilføje eller fjerne billedtekster fra slides, skal du markere afkrydsningsfeltet Vis billedtekster. Som standard er afkrydsningsfeltet Show captions markeret.
   • I rullemenuen Billedtekstposition vælges billedteksternes position.

6. Klik for at udvide sektionen Bevægelse for at redigere indstillinger for diasovergange:
   • Vælg en overgangsmulighed (f.eks. Fade) for at konfigurere, hvordan slides skifter.
   • Marker afkrydsningsfeltet Loop slides for at få slides til at gentage sig, når det sidste slide er nået.
   • Hvis slides skal køre automatisk, skal du markere afkrydsningsfeltet Autoplay . Hvis du har færre slides end indstillingen Slides per page, kan der ikke ske nogen cykling.
7. Klik for at udvide sektionen Navigation for at redigere navigationsindstillinger:
   • Hvis du vil vise pile, så besøgende manuelt kan skifte mellem slides, skal du markere afkrydsningsfeltet Show navigation arrows (Vis navigationspile ).
   • Hvis du vil vise miniaturebilleder under navigationen, skal du markere afkrydsningsfeltet Vis mini aturebilleder.
   • Hvis du vil vise prikker under billederne, som viser det samlede antal slides og giver de besøgende mulighed for at vælge et bestemt billede, skal du vælge Vis priknavigation.
8. Klik på Anvend ændringer, når du er færdig.

Rediger stilarter for billedslidermoduler

Du kan redigere stilarter for billedslidermoduler, herunder stilarter for slides, navigation og slider.

1. Naviger til dit indhold:

   • Hjemmeside-sider: På din HubSpot-konto skal du navigere til Indhold > Websider.
   • Landingssider: På din HubSpot-konto skal du navigere til Indhold > Landingssider.
   • Blog: På din HubSpot-konto skal du navigere til Indhold > Blog.
2. Klik på navnet på dit indhold.
3. Klik på billedslider-modulet i indholdseditoren.
4. Klik på fanen Stilarter i sidebar-editoren.
5. Klik på Slides, Navigation eller Slider for at fortsætte med at redigere stilarter for slider-modulet.

Rediger stilarter for slides

For at redigere stilarter for, hvordan billeder vises i slides:

1. Klik på Slides.
2. Klik for at udvide sektionen Billeder .
3. Indtast pixelværdier i feltet Hjørneradius . Jo højere værdi, jo mere afrundede vil hjørnerne se ud.
4. Klik på Anvend ændringer, når du er færdig.

For at redigere stilarter for, hvordan billedtekster vises i slides:

1. Klik på Billedtekster.
2. Klik for at udvide sektionen Baggrund.
   • Hvis du vil tilføje margener over eller under dine billedtekster, skal du indtaste pixelværdier i felterne Margin above og Margin below.
   • Hvis du vil tilføje udfyldning til dine billedtekster, skal du indtaste en pixelværdi i feltet Padding . Hvis du vil tilføje separate værdier for hver side, skal du klikke på Rediger separat og derefter indtaste pixelværdier i felterne.
   • Hvis du vil tilføje en baggrundsfarve til dine billedtekster, skal du indtaste en hex-værdi i det første felt i afsnittet Farve eller klikke på farvevælgeren og vælge en farve. Brugerdefinerede farver kan tilføjes fra fanen Avanceret .
   • For at indstille en baggrundsfarves gennemsigtighed skal du indtaste en procentværdi i det andet felt i sektionen Farve . En gennemsigtighed på 100 % vil være uigennemsigtig, mens en gennemsigtighed på 0 % ikke vil være synlig.
3. Klik for at udvide sektionen Tekst.
   • For at ændre skrifttypen skal du klikke på rullemenuen Vælg skrifttype og vælge en skrifttype.
   • For at ændre skriftstørrelsen skal du klikke på rullemenuen Størrelse og vælge en skriftstørrelse.
   • For at ændre skriftfarven skal du klikke på farvevælgeren og vælge en farve. Brugerdefinerede farver kan tilføjes fra fanen Avanceret .
   • For at ændre skrifttypevægt skal du klikke på ikonet bold skrifttypevægt for fed, italicIcon kursiv eller underlineIcon understreget tekst.
4. Klik på Anvend ændringer, når du er færdig.

Rediger typografier for navigation

Du kan redigere stilarter for navigation, herunder skyderens pile, prikker og autoplay-knap, og miniature-navigation. De tilgængelige stilindstillinger afhænger af billedskydermodulets indstillinger for navigation.

Slider-pile

1. Klik på Navigation.
2. Klik for at udvide sektionen Slider arrows.
3. Indtast en hex-værdi i sektionen Baggrundsfarve. Du kan også klikke på farvevælgeren og vælge en farve. Brugerdefinerede farver kan tilføjes fra fanen Avanceret.
4. For at indstille baggrundsfarvens gennemsigtighed skal du indtaste en procentværdi i det andet felt i sektionen Baggrundsfarve. For eksempel vil en gennemsigtighed på 100 % være uigennemsigtig, mens en gennemsigtighed på 0 % ikke vil være synlig.
5. Hvis du vil udskifte de ikoner, der bruges til venstre- og højrepilene, skal du klikke på Replace over felterne Left icon og Right icon. Vælg et ikon i det højre panel.
6. For at indstille farven på dine venstre og højre ikoner skal du indtaste en hex-værdi i det første felt i sektionen Ikonfarve. Du kan også klikke på farvevælgeren og vælge en farve. Brugerdefinerede farver kan tilføjes fra fanen Advanced.
7. For at indstille ikonets baggrundsfarves gennemsigtighed skal du indtaste en procentværdi i det andet felt i sektionen Ikonfarve. For eksempel vil en gennemsigtighed på 100 % være uigennemsigtig, mens en gennemsigtighed på 0 % ikke vil være synlig.
8. Klik på Anvend ændringer, når du er færdig.

Prikker og autoplay-knap

1. Klik for at udvide sektionen Dots and autoplay button.
2. Indtast en hex-værdi i det første felt i afsnittet Farve, eller klik på farvevælgeren, og vælg en farve. Brugerdefinerede farver kan tilføjes fra fanen Avanceret.
3. Klik på Anvend ændringer, når du er færdig.

Navigation af miniaturebilleder

1. Klik for at udvide sektionen Thumbnail navigation.
2. For at redigere baggrundsfarven skal du indtaste en hex-værdi i det første felt i sektionen Arrow background color eller klikke på farvevælgeren og vælge en farve. Brugerdefinerede farver kan tilføjes fra fanen Avanceret .
3. For at redigere baggrundsfarvens gennemsigtighed skal du indtaste en procentværdi i det andet felt i sektionen Pilens baggrund sfarve. En gennemsigtighed på 100 % vil være uigennemsigtig, mens en gennemsigtighed på 0 % ikke vil være synlig.
4. Hvis du vil udskifte de ikoner, der bruges til venstre og højre pil, skal du klikke på Replace over felterne Arrow left icon og Arrow right icon . Vælg et ikon i det højre panel.

5. Hvis du vil redigere farven på dine venstre- og højrepilsikoner, skal du indtaste en hexadecimal værdi i det første felt i sektionen Pilikonets udfyldningsfarve. Du kan også klikke på farvevælgeren og vælge en farve. Brugerdefinerede farver kan tilføjes fra fanen Advanced .
6. For at indstille pilens gennemsigtighed skal du indtaste en procentværdi i det andet felt i sektionen Ikonfarve . For eksempel vil en gennemsigtighed på 100 % være uigennemsigtig, mens en gennemsigtighed på 0 % ikke vil være synlig.
7. For at redigere miniaturebilledernes forhold, bredde og afrundede hjørner:
   • Klik for at udvide sektionen Miniaturebilleder .
   • For at indstille det billedformat, der skal bruges til alle miniaturebilleder, skal du klikke på rullemenuen for billedformat og vælge et billedformat.
   • For at indstille den bredde, der skal bruges til alle miniaturebilleder, skal du indtaste en pixelværdi i feltet Width.
   • For at indstille, hvor afrundede hjørnerne på miniaturebillederne skal være, skal du indtaste en pixelværdi i feltet Radius . Jo højere værdi, jo mere afrundede vil hjørnerne se ud.
8. Klik på Anvend ændringer, når du er færdig.

Rediger stilarter for slideren

1. Klik på Slider.
2. Klik for at udvide afsnittet Afstand .
3. Hvis du vil tilføje margener over og under skyderen, skal du indtaste pixelværdier i felterne Margin above og Margin below.
4. Hvis du vil tilføje polstring til skyderen, skal du indtaste en pixelværdi i feltet Polstring . Hvis du vil tilføje separate værdier for hver side, skal du klikke på Rediger separat og derefter indtaste pixelværdier i felterne.
5. Klik på Anvend ændringer, når du er færdig.