Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Landing Pages

Afbeeldingen toevoegen aan een afbeeldingsgalerij module

Laatst bijgewerkt: augustus 3, 2021

Geldt voor:

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

Door een afbeeldingsgalerijmodule aan uw sjabloon toe te voegen, kunt u afbeeldingen op uw site laten zien. Leer hoe u dia's toevoegt aan een Image Slider module en hoe u uw stijlinstellingen aanpast.

  • Navigeer naar uw inhoud:

    • Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
    • Landingspagina's: { local.navLandingPages }}
    • Blog: { local.navBlog }}
  • Beweeg met de muis over de pagina of post met de Image Slider module die u wilt bijwerken en klik op Bewerken.
  • Klik direct op de Image Slider module in de inhoudseditor of klik op het module icoon in delinker zijbalk en selecteer de Image Gallerymodule in uw module lijst.
  • Klik in het linkerdeelvenster op + Toevoegen om een nieuwe dia aan uw afbeeldingsgalerij toe te voegen.
    • Klik op Afbeeldingselecteren omeen afbeelding te selecterenop uw computer of in uw bestandsbeheer.
    • Klik op om de schakelaar Toonbijschrift aan te zetten omeen bijschrift onder deze afbeelding weer te geven. Gebruik vervolgens de rich text editor om uw bijschrift in te voeren.
    • Om de afbeelding aan een webpagina te koppelen, voegt u een LinkURL toe.
    • Klik op Terugnaar afbeeldingsgalerie nadat u uw selecties hebt gemaakt.
  • Beweeg met de muis over een dia en klik op het potloodje bewerken omeendiaafbeeldingtoe 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 om deschakelaar Bijschriftweergeven in te schakelen omeen bijschrift onder deze afbeelding weer te geven. Gebruik vervolgens de rich text editor om uw bijschrift in te voeren.
    • Voer de Alt-tekstin die u wilt opnemen.
    • Als u de afbeelding wilt koppelen aan een webpagina, voegt u een LinkURL toe.
    • Klik op Terugnaar afbeeldingsgalerie nadat u uw keuzes hebt gemaakt.

edit-slide

  • Om een dia te verwijderen uit uw afbeeldingsgalerij module, ga met de muis over een bestaande dia en klik op het prullenbak icoonverwijderen.
  • Om de volgorde van uw dia's in uw afbeeldingsgalerijmodule te wijzigen, klikt u op een dia en sleept u deze naar zijn plaats.

reorder%20slides

Nadat U de afbeeldingen voor uw afbeeldingsgalerij heeft toegevoegd, kunt U de module-opties aanpassen in de linker zijbalk-editor:
  1. Weergavemodus: kies welk type slider u op de pagina wilt laten verschijnen. U kunt kiezen voor een standaard slider; een slider met thumbnail afbeeldingen waartussen uw bezoekers kunnen navigeren; of een lightbox galerij, waarbij gebruikers op een thumbnail kunnen klikken om een lightbox te openen en te navigeren tussen de volledige versie van uw dia's.
  2. Lus dia's: klikom aan te zettenom uw dia's automatisch te herhalen.
  3. Automatisch doorlopen: klik op om in te schakelen als u wilt dat uw dia's automatisch doorlopen op uw pagina.
  4. Tijd in seconden tussen automatisch scrollen: gebruik depijltjestoetsen om het aantal seconden tussen de dia's aan te geven.
  5. Toon navigatie knoppen: klik om aan te zettenomindicatorentoe te voegenaan de onderkant van de slider om bezoekers te laten zien hoeveel dia's er zijn en welke ze nu aan het bekijken zijn.
  6. Variabele hoogte: gebruik het dropdown menu om te selecteren of u wilt dat uw slider even hoog blijft als de hoogste dia, of dat de grootte automatisch wordt aangepast bij elke afbeelding.
  7. Dia overgangen: kies welk visueel effect (Dia of Fade) u wilt zien bij de overgang tussen dia's.
  8. Positie bijschriften: als u bijschriften op uw dia's wilt weergeven, kiest u of u deze bijschriften over de afbeeldingen wilt plaatsen of onder de afbeeldingen wilt weergeven.

image-gallery

  • Klik op detabStijlen bovenaan de module editor om toegang te krijgen tot uw instellingen voor uw afbeeldingsgalerij module:
    • Pas de lettertypefamilie, lettergrootte,tekstkleur, tekstuitlijning, regelhoogteen stijlen voor de bijschriften van uwafbeeldingsgalerij aan.
    • Stel de vulling en marges in rond de afbeeldingen en miniaturen van uw afbeeldingsgalerij. Klik op het vakje Uniform om dezelfde spatiëring rond elke afbeelding in te stellen.
    • Specificeer de achtergrondkleur en de vormgeving van de afbeeldingsgalerijmodule zelf. Klik op Toepassenom uw wijzigingen te zien in de module in de editor.

image-gallery-styles

  • Nadat u uw afbeeldingen en stijlinstellingen hebt toegevoegd, klikt u op Opslaanen gaat u naar de modulelijst.
  • Klik opPubliceren ofBijwerken omuwwijzigingen live te zetten.