De indeling van je Pro Gallery op je mobiele website is responsief, wat betekent dat deze zich automatisch aanpast aan verschillende schermformaten en apparaten. Je kunt voor je Pro Gallery een geheel andere indeling kiezen zodat deze er ideaal uitziet voor mobiel.
Selecteer een vooraf ingestelde indeling met ingebouwde functies of een gepersonaliseerde indeling als je de indeling liever zelf aanpast. Welke indelingsoptie je ook kiest, je kunt het ontwerp van de galerij altijd aanpassen.
Lees in dit artikel meer over:
Gepersonaliseerde indelingen
Met deze galerij-indelingen kun je je Pro Gallery helemaal vanaf nul ontwerpen en personaliseren. Je kunt kiezen uit een breed scala aan aanpasbare indelingen om je media het beste te presenteren op mobiele apparaten.
Om de indeling op je mobiele website aan te passen:
- Ga naar je mobiele Editor:
- Wix Editor: Klik op de bovenste balk van de Editor op het Overschakelen naar mobiel-pictogram.
- Editor X: Klik bovenaan Editor X op het relevante breekpunt.
- Klik in je mobiele Editor op de Wix Pro Gallery.
- Klik op Instellingen.
- Selecteer een indeling voor je galerij.
- Klik op Indeling personaliseren om de indeling er precies zo uit te laten zien als jij wilt (zie Gepersonaliseerde indelingsfuncties hieronder).
Vooraf ingestelde indelingen
Vooraf ingestelde templates bevatten een reeks ingebouwde indelingsfuncties. Met deze kant-en-klare galerij-indelingen kun je het proces van het presenteren van je afbeeldingen op je website versnellen. Hoewel de indelingen zelf niet aanpasbaar zijn, kun je het ontwerp van de galerij personaliseren via het Ontwerp-tabblad.
Om een vooraf ingestelde indeling te kiezen:
- Klik in je mobiele Editor op de Wix Pro Gallery.
- Klik op Instellingen.
- Klik op het Voorinstellingen-tabblad.
- Selecteer een indeling voor je galerij.
Personaliseerbare indelingsfuncties
Elke aanpasbare indeling biedt een reeks instellingen die je kunt personaliseren, waaronder scrolrichting, galerijrichting en afbeeldingsoriëntatie.
Klik op een optie hieronder voor meer details over die indeling:
Gebruik de Collage-indeling wanneer je afbeeldingen met verschillende oriëntaties (zowel verticaal als horizontaal) willekeurig in de galerij wilt weergeven.
- Scrolrichting: Kies verticaal of horizontaal scrollen.
- Galerij oriëntatie: Kies of foto's verticaal of horizontaal worden weergegeven.
- Automatisch bladeren: Kies ervoor om je items in een doorlopende slideshow weer te geven:
- Intervallen: Je galerij gaat door naar het volgende item na de door jouw gekozen tijdsduur. Sleep de Tijd tussen afbeeldingen-schuifregelaar om het aantal seconden tussen de items te wijzigen.
- Doorlopend: Je galerij bladert automatisch.Sleep de Snelheid diavoorstelling-schuifregelaar om aan te passen hoe snel je galerijdia's worden weergegeven.
- Grootte thumbnail: Kies hoe groot de afbeeldingen in de galerij zijn.
- Afstand: Kies hoeveel ruimte er tussen de afbeeldingen moet zijn.
- Dichtheid collage: Kies hoeveel afbeeldingen tegelijkertijd in de galerij worden weergegeven.
- Meer laden-knop: Kies om de Meer laden-knop weer te geven of te verbergen.
- Hoeveel afbeeldingen laden er? (Deze optie is alleen relevant als je ervoor hebt gekozen om een Meer laden-knop in te schakelen)
- Alle afbeeldingen
- Nog een onderdeel (voegt nog een onderdeel toe van dezelfde grootte als de originele galerij)
Gebruik de Tegels-indeling wanneer je afbeeldingen met verschillende oriëntaties in kolommen of rijen wilt weergeven.
- Galerij oriëntatie: Kies of foto's verticaal of horizontaal worden weergegeven.
- Grootte thumbnail: Kies hoe groot de afbeeldingen in de galerij zijn.
- Afstand: Kies hoeveel ruimte er tussen de afbeeldingen moet zijn.
- Meer laden-knop: Kies om de Meer laden-knop weer te geven of te verbergen.
- Hoeveel afbeeldingen laden er? (Deze optie is alleen relevant als je ervoor hebt gekozen om een Meer laden-knop in te schakelen)
- Alle afbeeldingen
- Nog een onderdeel (voegt nog een onderdeel toe van dezelfde grootte als de originele galerij)
Gebruik deze indeling als je wilt dat je afbeeldingen in een raster worden weergegeven.
- Scrolrichting: Kies verticaal of horizontaal scrollen.
- Formaat thumbnails aanpassen:
- Bijsnijden: Je kunt de beeldverhouding kiezen.
- Passend maken: Pas de afbeeldingsgrootte aan de grootte van de galerij aan.
Let op: De opties Randbreedte en kleur en Hoekradius zijn alleen beschikbaar als je ervoor kiest om je thumbnails bij te snijden in de instellingen van je indeling.
- Afbeeldingsverhouding: Kies uit de beschikbare opties voor beeldverhouding, bijvoorbeeld: 4:3, 1:1.
- Automatisch bladeren: Kies ervoor om je items in een doorlopende slideshow weer te geven:
- Intervallen: Je galerij gaat door naar het volgende item na de door jouw gekozen tijdsduur. Sleep de Tijd tussen afbeeldingen-schuifregelaar om het aantal seconden tussen de items te wijzigen.
- Doorlopend: Je galerij bladert automatisch. Sleep de Snelheid van slideshow-schuifregelaar om aan te passen hoe snel je galerijdia's worden weergegeven.
- Pauzeren bij aanwijzen: Klik op de schakelaar om de slideshow in of uit te schakelen wanneer een bezoeker de muisaanwijzer op een galerij-item plaatst.
- Aanpassen aan scherm: Toont zoveel afbeeldingen als er in de galerij passen met een vaste grootte.
- Afbeeldingen per rij: Sleep de schuifregelaar om meer of minder afbeeldingen per rij weer te geven.
- Grootte thumbnail: Kies hoe groot de afbeeldingen in de galerij zijn.
- Afbeeldingen per kolom: Kies hoeveel afbeeldingen er per kolom worden getoond (alleen als Horizontale oriëntatie is gekozen).
- Afstand: Kies hoeveel ruimte er tussen de afbeeldingen moet zijn.
- Meer laden-knop: Kies om de Meer laden-knop weer te geven of te verbergen (verschijnt alleen als de verticale scrolrichting is geselecteerd).
- Hoeveel afbeeldingen laden er? (Deze optie is alleen relevant als je ervoor hebt gekozen om een Meer laden-knop in te schakelen)
- Alle afbeeldingen
- Nog één sectie (voegt nog een onderdeel toe van dezelfde grootte als de originele galerij)
Gebruik de Thumbnail-indeling als je meerdere thumbnails naast de geselecteerde afbeelding wilt weergeven.
- Doorlopende afbeeldingen: Kies of je de 'Volgende'-knop wilt deactiveren op de laatste afbeelding of niet.
Let op: De 'Links'-knop wordt altijd gedeactiveerd als je de eerste afbeelding bereikt terwijl je terug scrolt. - Automatisch bladeren: Kies ervoor om je items in een doorlopende slideshow weer te geven:
- Intervallen: Je galerij gaat door naar het volgende item na de door jouw gekozen tijdsduur. Sleep de Tijd tussen afbeeldingen-schuifregelaar om het aantal seconden tussen de items te wijzigen.
- Doorlopend: Je galerij bladert automatisch. Sleep de Snelheid van slideshow-schuifregelaar om aan te passen hoe snel je galerijdia's worden weergegeven.
- Pauzeren bij aanwijzen: Klik op de schakelaar om de slideshow in of uit te schakelen wanneer een bezoeker de muisaanwijzer op een galerij-item plaatst.
- Tijd tussen afbeeldingen: Kies hoeveel tijd verstrijkt voordat de dia verandert (verschijnt alleen wanneer "Automatisch bladeren" is geactiveerd).
Let op: Als je het overgangseffect wilt veranderen, ga dan naar het Dia-animatietabblad in de Ontwerp-instellingen. - Formaat thumbnails aanpassen:
- Bijsnijden: Past de afbeeldingsgrootte aan de grootte van de galerij aan.
- Passend: Toont de afbeelding in de oorspronkelijke verhouding en past deze aan de galerijgrootte aan. Als er te veel lege ruimte rond de afbeelding is, moet je de hoogte van de galerij vergroten.
Let op: De opties Randbreedte en kleur en Hoekradius zijn alleen beschikbaar als je ervoor kiest om je thumbnails bij te snijden in de instellingen van je indeling.
- Plaats pictogrammen: Kies waar je thumbnails op het scherm wilt weergeven (onder, links boven of rechts van de huidige afbeelding die wordt weergegeven).
- Grootte thumbnail: Sleep de schuifregelaar om te kiezen hoe groot de afbeeldingen in de galerij zijn.
Let op: Als je maar een paar afbeeldingen hebt en er is een lege ruimte onder de hoofdafbeelding, dan moet je de thumbnailgrootte vergroten. - Ruimte tussen thumbnails: Sleep de schuifregelaar om te kiezen hoeveel ruimte er tussen de afbeeldingen is.
- Aantal weergegeven items: Sleep de schuifregelaar om aan te passen hoeveel afbeeldingen tegelijk worden weergegeven.
Let op: Momenteel is het niet mogelijk om de uitlijning van je thumbnails aan te passen. Als dit iets is wat je in de toekomst zou willen zien, kun je
hier stemmen voor die functie.
Gebruik de Slider-indeling als je meerdere afbeeldingen wilt weergeven met een horizontale scrolbalk.
Let op: Het aantal afbeeldingen dat tegelijk in deze indeling wordt getoond, is afhankelijk van de grootte van de galerij. Als sommige afbeeldingen er afgeknipt uitzien, moet je de grootte van de galerij wijzigen. Een andere oplossing is om 'Bijsnijden' en 'Responsief' te kiezen in de indelingsinstellingen.
- Afbeeldingen laten doorlopen: Kies ervoor om bezoekers doorlopend door je afbeeldingen te laten scrollen.
- Automatisch bladeren: Kies ervoor om je items in een doorlopende slideshow weer te geven:
- Intervallen: Je galerij gaat door naar het volgende item na de door jouw gekozen tijdsduur. Sleep de Tijd tussen afbeeldingen-schuifregelaar om het aantal seconden tussen de items te wijzigen.
- Doorlopend: Je galerij bladert automatisch. Sleep de Snelheid van slideshow-schuifregelaar om aan te passen hoe snel je galerijdia's worden weergegeven.
- Pauzeren bij aanwijzen: Klik op de schakelaar om de slideshow in of uit te schakelen wanneer een bezoeker de muisaanwijzer op een galerij-item plaatst.
- Tijd tussen afbeeldingen: Kies hoeveel tijd verstrijkt voordat de dia verandert (verschijnt alleen wanneer 'Automatisch bladeren' is geactiveerd).
- Formaat thumbnails aanpassen:
- Bijsnijden: Kies of de verhouding vast of responsief is.
- Passend: Toont de afbeelding in de oorspronkelijke verhouding en past deze aan de galerijgrootte aan. Als er te veel lege ruimte rond de afbeelding is, moet je de hoogte van de galerij vergroten.
Let op: De opties Randbreedte en kleur en Hoekradius zijn alleen beschikbaar als je ervoor kiest om je thumbnails bij te snijden in de instellingen van je indeling.
- Afbeeldingsverhouding:
- Responsief: De afbeeldingsgrootte wordt automatisch aangepast afhankelijk van het apparaat van de kijker.
- Vast: Kies uit de beschikbare opties voor beeldverhouding, bijv. 4:3, 1:1. Afbeeldingen worden in deze verhouding op alle apparaten weergegeven.
- Aantal weergegeven items: Sleep de schuifregelaar om aan te passen hoeveel afbeeldingen tegelijkertijd worden weergegeven. (Deze optie is alleen beschikbaar als je kiest voor een responsieve beeldverhouding)
- Afstand: Kies hoeveel ruimte er tussen de afbeeldingen moet zijn.
Gebruik de Diavoorstelling-indeling als je één afbeelding tegelijk wilt weergeven met horizontaal scrollen.
- Doorlopende afbeeldingen: Kies ervoor om bezoekers doorlopend door je afbeeldingen te laten scrollen.
- Automatisch bladeren: Kies ervoor om je items in een doorlopende slideshow weer te geven:
- Intervallen: Je galerij gaat door naar het volgende item na de door jouw gekozen tijdsduur. Sleep de Tijd tussen afbeeldingen-schuifregelaar om het aantal seconden tussen de items te wijzigen.
- Doorlopend: Je galerij bladert automatisch. Sleep de Snelheid van slideshow-schuifregelaar om aan te passen hoe snel je galerijdia's worden weergegeven.
- Pauzeren bij aanwijzen: Klik op de schakelaar om de slideshow in of uit te schakelen wanneer een bezoeker de muisaanwijzer op een galerij-item plaatst.
- Tijd tussen afbeeldingen: Kies hoeveel tijd verstrijkt voordat de dia verandert (verschijnt alleen wanneer 'Automatisch schuiven' is geactiveerd).
Let op: Als je het overgangseffect wilt veranderen, ga dan naar het Animaties-tabblad in de Ontwerp-instellingen. - Hoogte informatiebalk: Voegt ruimte toe voor pictogrammen, titel en beschrijving onder de galerij.
- Afspeelknop: Voeg een knop toe waarmee bezoekers de slideshow kunnen pauzeren of afspelen. (Deze optie is alleen beschikbaar wanneer je ervoor kiest Automatisch schuiven in te schakelen).
- Formaat thumbnails aanpassen:
- Bijsnijden: Past de afbeeldingsgrootte aan de grootte van de galerij aan.
- Passend: Toont de afbeelding in de oorspronkelijke verhouding en past deze aan de galerijgrootte aan. Als er te veel lege ruimte rond de afbeelding is, moet je de hoogte van de galerij vergroten.
Let op: De opties Randbreedte en kleur en Hoekradius zijn alleen beschikbaar als je ervoor kiest om je thumbnails bij te snijden in de instellingen van je indeling.
Gebruik de Strook-indeling als je meerdere afbeeldingen in één kolom wilt weergeven.
- Aantal weergegeven items: Kies hoeveel galerij-items tegelijk worden weergegeven.
- Afstand: Kies hoeveel ruimte je wilt hebben tussen de items in je galerij.
- Meer laden-knop: Kies om de Meer laden-knop weer te geven of te verbergen.
- Hoeveel afbeeldingen worden geladen: (alleen als de Meer laden-knop wordt weergegeven)
- Alle afbeeldingen
- Nog één sectie (voegt nog een onderdeel toe van dezelfde grootte als de originele galerij)
Gebruik de Kolom-indeling als je meerdere afbeeldingen tegelijk in één rij wilt weergeven.
- Doorlopende afbeeldingen: Kies ervoor om bezoekers doorlopend door je afbeeldingen te laten scrollen.
- Automatisch bladeren: Kies ervoor om je items in een doorlopende slideshow weer te geven:
- Intervallen: Je galerij gaat door naar het volgende item na de door jouw gekozen tijdsduur. Sleep de Tijd tussen afbeeldingen-schuifregelaar om het aantal seconden tussen de items te wijzigen.
- Doorlopend: Je galerij bladert automatisch. Sleep de Snelheid van slideshow-schuifregelaar om aan te passen hoe snel je galerijdia's worden weergegeven.
- Pauzeren bij aanwijzen: Klik op de schakelaar om de slideshow in of uit te schakelen wanneer een bezoeker de muisaanwijzer op een galerij-item plaatst.
- Afstand: Kies hoeveel ruimte er tussen de afbeeldingen moet zijn.
Gebruik deze indelingen om galerij-items van verschillende afmetingen en oriëntatie naast elkaar weer te geven.
- Aantal weergegeven items: Kies hoeveel galerij-items er tegelijk worden weergegeven.
- Afstand: Kies hoeveel ruimte er tussen de afbeeldingen moet zijn.
Met deze indeling kun je de indeling met één klik naar een andere wijzigen. Klik simpelweg op Magische indeling maken om je galerij-indeling willekeurig te maken.
Veelgestelde vragen
Klik op een vraag hieronder voor meer informatie over indelingen in de Pro Gallery:
Is de Wix Pro Gallery responsief?
Je Wix Pro Gallery gedraagt zich responsief wanneer je bepaalde indelingen kiest en deze op
Volledige breedte zet. Dit betekent dat de positie van je galerij-items en hun grootte kunnen veranderen wanneer het formaat van het browservenster op apparaten wordt gewijzigd.
Lees meer over responsiviteit in de Wix Pro GalleryWaarom worden sommige van mijn afbeeldingen bijgesneden wanneer ze aan de Wix Pro Gallery worden toegevoegd?
Mogelijk zie je dat je galerijafbeeldingen bijgesneden lijken, afhankelijk van de
gepersonaliseerde indeling die je kiest. Dit kan gebeuren wanneer de oriëntatie van de thumbnails in een indeling anders is dan die van de afbeeldingen die je uploadt.
Je selecteert bijvoorbeeld een kolomindeling, die alle afbeeldingen in staande (verticale) oriëntatie weergeeft, maar uploadt afbeeldingen met een liggende (horizontale) oriëntatie.Dit betekent dat een deel van je afbeelding kan worden bijgesneden om ervoor te zorgen dat het binnen de grenzen van de thumbnail past.Om te voorkomen dat je afbeeldingen worden bijgesneden:
- Klik op de Wix Pro Gallery in de Editor.
- Klik op Instellingen.
- Klik op het Indeling-tabblad.
- Klik op Indeling personaliseren.
- Selecteer Passend onder Formaat thumbnails aanpassen.
Extra opties bij het bijsnijden van je afbeeldingen:
- Pas het focuspunt van je afbeeldingen aan om de delen van je afbeeldingen die mogelijk worden bijgesneden beter te beheren.
- Pas de beeldverhouding (16:9, 4:3, 1:1, 3:4 of 9:16) die op je galerij wordt toegepast aan, zodat deze het beste overeenkomt met de verhouding en oriëntatie van je geüploade afbeeldingen.