Gå til innhold
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Bruk bildeglidemoduler

Sist oppdatert: oktober 30, 2023

Gjelder for:

Alle produkter og planer

Du kan bruke bildeslider-modulen til å vise flere bilder i samme modul. Du kan angi at bildene skal vises automatisk, eller du kan hjelpe besøkende med å bytte mellom dem manuelt.

Legg til og rediger lysbilder i bildeslider-moduler

  • Naviger til innholdet ditt:

    • Nettstedets sider: Naviger til Markedsføring > Nettsted > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Naviger til Markedsføring > Landingssider i HubSpot-kontoen din.
    • Blogg: Naviger til Markedsføring > Nettsted > Blogg i HubSpot-kontoen din.
  • Hold musepekeren over innholdet, og klikk deretter på Rediger.
  • I innholdsredigeringsprogrammet klikker du på ikonet add Legg til i venstre sidefelt.
  • Klikk for å utvide kategorien Media , klikk deretter på modulen Image Slider og dra den på plass.
  • Hold musepekeren over et lysbilde i venstre sidefelt, og klikk på ikonet edit Edit for å legge til et bilde i det aktuelle lysbildet:
    • I Bildedelen klikker du på Last opp for å velge et bilde fra datamaskinen eller Bla gjennom bilder for å velge et bilde fra filverktøyet.
    • I feltet Bildetekst skriver du inn en bildetekst som vises under bildet. Hvis du vil vise bildet uten bildetekst, sletter du standardteksten.
    add-image-and-caption-to-image-slider
    • Slik legger du til en lenke til lysbildet:
      • Klikk på rullegardinmenyen Lenke til og velg en lenketype.
      • Angi koblingsdestinasjonen i feltet som vises. Finn ut mer om hvordan du arbeider med lenker i HubSpot.
      • Hvis du vil holde innholdet åpent og åpne lenken i et nytt vindu, klikker du på Åpne lenke i nytt vindu .
      • Hvis du vil vise søkemotorene at lenkedestinasjonen ikke er en del av nettstedet ditt, merker du av for No follow .
    • Klikk på Bruk endringer for å lagre endringene i dette lysbildet.
  • Klikk på Bildeglidebryteren øverst i sidefeltredigeringsprogrammet for å gå tilbake til moduloversikten.

go-back-to-image-slider-overview

  • Hvis du vil legge til flere lysbilder, holder du musepekeren over et annet lysbilde og klikker på ikonet edit Edit .
  • Klikk på Bruk endringer for å fullføre endringene.

Rediger innstillinger for bildeglidemoduler

  • Naviger til innholdet ditt:

    • Nettstedets sider: Naviger til Markedsføring > Nettsted > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Naviger til Markedsføring > Landingssider i HubSpot-kontoen din.
    • Blogg: Naviger til Markedsføring > Nettsted > Blogg i HubSpot-kontoen din.
  • Hold musepekeren over innholdet, og klikk deretter på Rediger.
  • Klikk på modulen for bildeglidebryteren i innholdsredigeringsprogrammet.
  • Klikk på Innstillinger i sidefeltredigeringsprogrammet for å redigere modulens innstillinger.
  • Klikk for å utvide delen Lysbilder for å redigere lysbildealternativene:
    • I feltet Lysbilder per side angir du antall lysbilder som skal vises samtidig i bildeglidebryteren. Du kan vise opptil fem lysbilder om gangen. Når du velger flere lysbilder om gangen, vises ikke bildetekster og miniatyrbilder.
    • I delen Bildestørrelse velger du et alternativ for størrelsesforhold. Som standard vises bildene med sitt eget størrelsesforhold. Hvis du vil standardisere ett enkelt størrelsesforhold for alle bilder, velger du Tvinge størrelsesforhold. Dette kan føre til at noen bilder vises forvrengt.

edit-slide-settings

  • Klikk for å utvide delen Bevegelse for å redigere alternativene for lysbildeoverganger:
    • Hvis du vil at lysbildene skal gjentas når du kommer til siste lysbilde, merker du av for Loop slides.
    • Hvis du vil at lysbildene skal sykle automatisk, merker du av for Automatisk avspilling . Hvis du har færre lysbilder enn innstillingen Lysbilder per side , vil det ikke skje noen sykling.
  • Klikk for å utvide delen Navigasjon for å redigere navigasjonsalternativene:
    • Hvis du vil vise piler som gjør det mulig for besøkende å bytte mellom lysbilder manuelt, merker du av for Vis navigasjonspiler .
    • Hvis du vil vise miniatyrbilder under navigasjonen, merker du av for Vis miniatyrbilder .
    • Hvis du vil vise prikker under bildene som viser det totale antallet lysbilder og lar besøkende velge et bestemt bilde, merker du av for Vis prikknavigasjon.
  • Klikk på Bruk endringer for å fullføre endringene.

Rediger stiler for bildegallerimoduler

  • Naviger til innholdet ditt:

    • Nettstedets sider: Naviger til Markedsføring > Nettsted > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Naviger til Markedsføring > Landingssider i HubSpot-kontoen din.
    • Blogg: Naviger til Markedsføring > Nettsted > Blogg i HubSpot-kontoen din.
  • Hold musepekeren over innholdet, og klikk deretter på Rediger.
  • Klikk på modulen for bildeglidebryteren i innholdsredigeringsprogrammet.
  • Klikk på fanen Stiler i sidefeltredigeringsprogrammet.
  • Hvis du vil angi hvor avrundede hjørnene på bildene dine skal være, klikker du på Lysbilder og deretter på for å utvide delen Bilder . Angi pikselverdier i feltet Hjørneradius . Jo høyere verdi, desto mer avrundede blir hjørnene.
    • Hvis du vil legge til marginer over eller under bildetekstene, klikker du på for å utvide delen Bakgrunn og angir pikselverdier i feltene Margin over og Margin under .
    • Hvis du vil legge til polstring i bildetekstene, angir du en pikselverdi i feltet Polstring . Hvis du vil legge til separate verdier for hver side, klikker du på Rediger separat og angir pikselverdier i feltene.
    • Hvis du vil legge til en bakgrunnsfarge i bildetekstene, angir du en hexadecimalverdi i det første feltet i delen Farge , eller klikker på fargevelgeren og velger en farge. Du kan legge til egendefinerte farger i kategorien Avansert .
    • Hvis du vil angi en bakgrunnsfarges gjennomsiktighet, angir du en prosentverdi i det andre feltet i Farge-seksjonen . En gjennomsiktighet på 100 % vil være ugjennomsiktig, mens en gjennomsiktighet på 0 % ikke vil være synlig.
    edit-slide-settings
    • Hvis du vil redigere skrifttypen i bildetekstene, klikker du på for å utvide Tekst-seksjonen, og deretter klikker du på rullegardinmenyen Velg skrifttype og velger en skrifttype.
    • Hvis du vil endre skriftstørrelsen, klikker du på rullegardinmenyen Størrelse og velger en skriftstørrelse.
    • Hvis du vil endre skriftfargen, klikker du på fargevelgeren og velger en farge. Egendefinerte farger kan legges til i kategorien Avansert .
    • Hvis du vil endre skriftvekt, klikker du på ikonet for skriftvekt for fet, kursiv eller understreket tekst på bold. Hvis du vil redigere utseendet på bildetekstene, klikker du på Lysbilder og deretter på Bildetekster:
  • Slik redigerer du utseendet på glidebryterpilene:
    • Klikk på Navigasjon.
    • Klikk for å utvide delen Glidebryterpiler .
    • Hvis du vil angi bakgrunnsfargen på venstre og høyre ikon, skriver du inn en hexadecimalverdi i det første feltet i delen Bakgrunnsfarge , eller klikker på fargevelgeren og velger en farge. Du kan legge til egendefinerte farger i kategorien Avansert .
    • For å angi bakgrunnsfargens gjennomsiktighet angir du en prosentverdi i det andre feltet i delen Bakgrunnsfarge . En gjennomsiktighet på 100 % vil være ugjennomsiktig, mens en gjennomsiktighet på 0 % ikke vil være synlig.
    • Hvis du vil bytte ut ikonene som brukes for venstre og høyre pil, klikker du på Erstatt over feltene Venstre ikon og Høyre ikon . Velg et ikon i panelet til høyre.
    change-image-slider-arrow-icons
    • Hvis du vil angi fargen på venstre og høyre ikon, skriver du inn en hexadecimalverdi i det første feltet i delen Ikonfarge, eller klikker på fargevelgeren og velger en farge. Du kan legge til egendefinerte farger fra fanen Avansert .
    • Angi bakgrunnsfargens gjennomsiktighet ved å angi en prosentverdi i det andre feltet i delen Ikonfarge . En gjennomsiktighet på 100 % vil være ugjennomsiktig, mens en gjennomsiktighet på 0 % ikke vil være synlig.
  • Endre utseendet på prikkene under bildene og knappen for automatisk avspilling:
    • Klikk på Navigasjon.
    • Klikk for å utvide delen Prikker og automatisk avspillingsknapp.
    • Skriv inn en hexadecimalverdi i det første feltet i delen Farge , eller klikk på fargevelgeren og velg en farge. Du kan legge til egendefinerte farger i kategorien Avansert .
  • Slik endrer du utseendet på miniatyrbildenavigasjonen:
    • Klikk på Navigasjon.
    • Klikk for å utvide delen Miniatyrbildenavigasjon .
    • Hvis du vil angi bakgrunnsfargen på venstre og høyre pilikon, skriver du inn en hexadecimalverdi i det første feltet i delen Pilbakgrunnsfarge , eller klikker på fargevelgeren og velger en farge. Du kan legge til egendefinerte farger i kategorien Avansert .
    • For å angi bakgrunnsfargens gjennomsiktighet angir du en prosentverdi i det andre feltet i delen Pilens bakgrunnsfarge . En gjennomsiktighet på 100 % vil være ugjennomsiktig, mens en gjennomsiktighet på 0 % ikke vil være synlig.
    • Hvis du vil erstatte ikonene som brukes for venstre og høyre pil, klikker du på Erstatt over feltene Pil venstre-ikon og Pil høyre-ikon . Velg et ikon i panelet til høyre.
  • arrow-left-in-image-slider
    • Du kan angi fargen på venstre og høyre pilikon ved å skrive inn en hexadecimalverdi i det første feltet i delen Fyllfarge for pilikon, eller klikke på fargevelgeren og velge en farge. Du kan legge til egendefinerte farger fra fanen Avansert .
    • For å angi pilens gjennomsiktighet angir du en prosentverdi i det andre feltet i delen Ikonfarge . En gjennomsiktighet på 100 % vil være ugjennomsiktig, mens en gjennomsiktighet på 0 % ikke vil være synlig.
    • Klikk for å utvide delen Miniatyrbilder .
    • Hvis du vil angi hvilket formatforhold som skal brukes for alle miniatyrbilder, klikker du på rullegardinmenyen for formatforhold og velger et formatforhold.
    • Hvis du vil angi bredden som skal brukes for alle miniatyrbilder, skriver du inn en pikselverdi i feltet Bredde .
    • For å angi hvor avrundede hjørnene på miniatyrbildene skal være, angir du en pikselverdi i feltet Radius . Jo høyere verdi, desto mer avrundede blir hjørnene.

edit-thumbnail-images-settings

  • Slik redigerer du glidebryterens avstand:
    • Klikk på Slider.
    • Klikk for å utvide delen Mellomrom .
    • Hvis du vil legge til marginer over og under glidebryteren, angir du pikselverdier i feltene Margin over og Margin under .
    • Hvis du vil legge til polstring i glidebryteren, angir du en pikselverdi i feltet Polstring . Hvis du vil legge til separate verdier for hver side, klikker du på Rediger separat og angir pikselverdier i feltene.
Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.