Landing Pages

Afbeeldingen toevoegen aan een beeldgalerijmodule

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

Het toevoegen van een beeldgalerijmodule aan uw sjabloon toont afbeeldingen op uw site. Leer hoe u dia's kunt toevoegen aan een Image Slider-module en hoe u uw stijlinstellingen kunt aanpassen.

  • In uw HubSpot-account navigeert u naar uw blog, landingspagina's of websitepagina's.
  • Ga met de muis over de pagina of het bericht met de schuifregelaar voor afbeeldingen die u wilt bijwerken en klik vervolgens op Bewerken.
  • Klik direct op de image slider module in de content editor of klik op het module icoontje in delinker zijbalk en selecteer de Image Gallerymodule uit uw modulelijst.
  • Klik in het linkerdeelvenster op + Toevoegen om een nieuwe dia in uw fotogalerij in te voegen.
    • Klik opSelecteer afbeelding omeen afbeelding te selecterenuit uw computer of uw bestandsbeheerder.
    • Klik om de schakelaar voorhet tonen vanbijschriften aan te zetten omeen bijschrift onder deze afbeelding weer te geven. Gebruik vervolgens de rijke tekstverwerker om uw bijschrift in te voeren.
    • Om de afbeelding aan een webpagina te koppelen, voegt u een LinkURL toe.
    • Nadat u uw selecties hebt gemaakt, klikt u op Terugnaar de afbeeldingengalerij.
  • Beweeg met de muis over een dia en klik op het potloodicoon bewerk t omeendia-afbeeldingtoe te voegenen het bijschrift en de URL te bewerken:
    • Klik op Vervangen omeen afbeelding van uw computer of uwbestandsbeheerder te vervangen.
    • Klik op Verwijderen om de afbeelding te verwijderen.
    • Klik op de schakelaar voorhet tonen vanbijschriften omeen bijschrift onder deze afbeelding weer te geven. Gebruik vervolgens de rijke tekstverwerker om uw bijschrift in te voeren.
    • Voer elke Alt-tekst in dieu wilt opnemen.
    • Om de afbeelding aan een webpagina te koppelen, voegt u een LinkURL toe.
    • Nadat u uw selecties hebt gemaakt, klikt u op Terugnaar de afbeeldingengalerij.

edit-slide

  • Om een dia uit uw fotogalerijmodule te verwijderen, gaat u met de muis over een bestaande dia en klikt u op het prullenbak-icoontjeverwijderen.
  • Om de volgorde van uw dia's in uw fotogalerijmodule aan te passen, klikt u op een dia en sleept u deze op zijn plaats.

reorder%20slides

Nadat u uw afbeeldingen voor uw fotogalerij hebt toegevoegd, kunt u uw module-opties aanpassen in de editor aan de linkerzijde van de balk:
  1. Weergavemodus: kies welk type schuifregelaar u op de pagina wilt laten verschijnen. U kunt kiezen voor een standaard schuifregelaar; een schuifregelaar met miniatuurafbeeldingen waartussen uw bezoekers kunnen navigeren; of een lichtbakgalerij, waarmee gebruikers op een miniatuur kunnen klikken om een lichtbak te openen en te navigeren tussen de volledige versie van uw dia's.
  2. Loop dia's: klikom door te schakelenom uw dia's automatisch te herhalen.
  3. Auto advance: klik om aan te zetten als u wilt dat uw dia's automatisch over uw pagina scrollen.
  4. Tijd in seconden tussen automatisch scrollen: gebruik depijltjestoetsen om het aantal seconden tussen de dia's aan te geven.
  5. Navigatieknoppen tonen: klikom door te schakelen omindicatorentoe te voegenaan de onderkant van de schuifregelaar om bezoekers te laten zien hoeveel dia's er zijn en welke ze op dat moment aan het bekijken zijn.
  6. Variabele hoogte: gebruik het dropdown-menu om te selecteren of u de schuifregelaar zo hoog wilt houden als de hoogste dia of dat u bij elke afbeelding automatisch het formaat wilt aanpassen.
  7. Diaovergangen: kies welk visueel effect (Dia of Fade) u wilt zien bij de overgang tussen de dia's.
  8. Bijschriftenpositie: als u ervoor kiest om bijschriften op uw dia's te tonen, kies dan of u deze bijschriften boven op uw foto's wilt plaatsen of onder de foto's wilt weergeven.

image-gallery

  • Klik op hettabbladStijlen bovenin de module-editor om uw instellingen voor uw fotogalerijmodule te openen:
    • Pas de lettertypefamilie, de lettergrootte, detekstkleur, deuitlijning van de tekst, de hoogte van delijnen de stijlen voor uw bijschriftenin de fotogalerij aan.
    • Stel de opvulling en marges in rond uw afbeeldingen en miniaturen in de fotogalerij. Klik op het selectievakje Uniform om dezelfde afstand rond elke afbeelding in te stellen.
    • Geef de achtergrondkleur en de styling van de fotogalerijmodule zelf aan. Klik op Toepassenom uw wijzigingen op de module in de editor te zien.

image-gallery-styles

  • Nadat u uw afbeeldingen en stijlinstellingen hebt toegevoegd, klikt u op Opslaanen gaat u naar de modulelijst.
  • Klik op Publicerenof Updatenomuwwijzigingen live te bekijken.