Wix Pro Gallery: Een indeling kiezen (gepersonaliseerd versus voorinstellingen)
Leestijd 12 minuten
Wix Pro Gallery biedt verschillende professionele indelingen. Kies uit een gepersonaliseerde of vooraf ingestelde indeling om je media te laten zien.
Gepersonaliseerde indelingen maken volledige aanpassing van aspecten zoals de afstand, richting en oriëntatie van je galerij mogelijk. Met een vooraf ingestelde indeling wordt het grootste deel van het werk voor je gedaan — wat betekent dat de indeling zelf niet aanpasbaar is, maar het ontwerp van de galerij nog steeds in jouw handen is.
Lees in dit artikel meer over:
Gepersonaliseerde indelingen
Met deze galerij-indelingen kun je je Pro Gallery helemaal vanaf nul ontwerpen en personaliseren. Elke aanpasbare indeling biedt een reeks instellingen die je kunt personaliseren. Kies uit statische of slideshow-indelingen, of selecteer de Magische indeling en laat ons een indeling voor je genereren.
Om een gepersonaliseerde indeling te kiezen:
- Ga naar je Editor.
- Klik op het Pro Gallery-element op je pagina.
- Klik op Instellingen.
- Klik op het Indeling-tabblad.
- Selecteer een indeling voor je galerij.
- Klik op Indeling personaliseren om de indeling te wijzigen zodat deze er precies zo uit ziet als jij wilt. Klik op een indeling hieronder om meer te lezen over de functies ervan:
Collage
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 schuiven: (Deze optie is alleen beschikbaar als je Horizontaal als scrolrichting kiest). Kies ervoor om items in een doorlopende diavoorstelling 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.
Let op: Als je het overgangseffect wilt veranderen, ga dan naar 'Scrol-animaties'-tabblad in de Ontwerp-instellingen. - Doorlopend: Je galerij bladert automatisch. Sleep de 'Snelheid diavoorstelling'-schuifregelaar om aan te passen hoe snel je dia's worden weergegeven.
- Pauzeren bij aanwijzen: Klik op de schakelaar om de diavoorstelling te pauzeren wanneer een bezoeker een galerij-item aanwijst.
- 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.
- 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.
- 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)
Tegels
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.
- Ontwerpinstellingen: Kies om je galerij aan te passen aan het scherm of stel handmatig het aantal items per rij in:
- Aanpassen aan scherm: De Pro Gallery optimaliseert de galerij-indeling automatisch om op het scherm van de bezoeker te passen.
- Afbeeldingen per rij: Je kunt kiezen hoeveel afbeeldingen per rij op alle apparaten worden weergegeven.
- Afbeeldingen per rij: Verhoog of verlaag hoe veel afbeeldingen per rij worden getoond.
- 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 beschikbaar als je ervoor hebt gekozen om een Meer laden-knop in te schakelen) Kies hoeveel afbeeldingen er geladen worden als bezoekers op 'Meer laden' klikken:
- Alle afbeeldingen
- Nog een onderdeel (voegt nog een onderdeel toe van dezelfde grootte als de originele galerij)
Raster
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: Past 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 je indelingsinstellingen.
- Afbeeldingsverhouding: Kies uit de beschikbare opties voor beeldverhouding, bijvoorbeeld: 4:3, 1:1.
- Automatisch schuiven: (Deze optie is alleen beschikbaar als je Horizontaal als scrolrichting kiest). Kies ervoor om items in een doorlopende diavoorstelling 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. Let op: Als je het overgangseffect wilt veranderen, ga dan naar het 'Scrol-animaties'-tabblad in de Ontwerp-instellingen.
- Doorlopend: Je galerij bladert automatisch. Sleep de 'Snelheid diavoorstelling'-schuifregelaar om aan te passen hoe snel je dia's worden weergegeven.
- Pauzeren bij aanwijzen: Klik op de schakelaar om de diavoorstelling te pauzeren wanneer een bezoeker een galerij-item aanwijst.
- 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. Let op: Momenteel is het niet mogelijk om meer dan 5 afbeeldingen per rij weer te geven in een Pro Gallery met een raster-indeling. Als dit iets is wat je in de toekomst zou willen zien, kun je hier stemmen voor die functie.
- 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.
- Hoeveel afbeeldingen laden er? (Deze optie is alleen relevant als je ervoor hebt gekozen om een Meer laden-knop in te schakelen) Kies hoeveel afbeeldingen er laden wanneer bezoekers op 'Meer laden' klikken:
- Alle afbeeldingen
- Nog één sectie (voegt nog een onderdeel toe van dezelfde grootte als de originele galerij)
Thumbnail
Gebruik de Thumbnail-indeling als je meerdere thumbnails naast de geselecteerde afbeelding wilt weergeven.
- Verhouding galerij:
- Handmatig: Pas de hoogte en breedte van je galerij vrijelijk aan.
- Vast: Behoudt dezelfde verhouding op elk schermformaat door een van de voorgestelde verhoudingen te gebruiken.
- Formaat thumbnails aanpassen:
- Bijsnijden: Past de afbeeldingsgrootte aan de grootte van de galerij aan.
- Passend maken: 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 in het Item stijl-tabblad als je ervoor kiest om je thumbnails bij te snijden in de instellingen van je indeling.
- Plaats thumbnails: 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. - 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 schuiven: (Deze optie is alleen beschikbaar als je Horizontaal als scrolrichting kiest). Kies ervoor om items in een doorlopende diavoorstelling 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.
Let op: Als je het overgangseffect wilt veranderen, ga dan naar 'Dia-animaties'-tabblad in de Ontwerp-instellingen. - Doorlopend: Je galerij bladert automatisch. Sleep de 'Snelheid diavoorstelling'-schuifregelaar om aan te passen hoe snel je dia's worden weergegeven.
- Pauzeren bij aanwijzen: Klik op de schakelaar om de diavoorstelling te pauzeren wanneer een bezoeker een galerij-item aanwijst.
- 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.
- Ruimte tussen thumbnails: Sleep de schuifregelaar om te kiezen hoeveel ruimte er tussen de afbeeldingen is.
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.
Schuifregelaar
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 het kiezen van Bijsnijden voor het formaat van de thumbnails en Responsiefvoor de beeldverhouding in de instellingen voor de indeling.
- Verhouding galerij:
- Handmatig: Pas de hoogte en breedte van je galerij vrijelijk aan.
- Vast: Behoud dezelfde verhouding op elk schermformaat met een van de voorgestelde verhoudingen.
- Formaat thumbnails aanpassen:
- Bijsnijden: Kies of de verhouding vast of responsief is.
- Passend maken: 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 in het Item stijl-tabblad 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.
- 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 schuiven: (Deze optie is alleen beschikbaar als je Horizontaal als scrolrichting kiest). Kies ervoor om items in een doorlopende diavoorstelling 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. Let op: Als je het overgangseffect wilt veranderen, ga dan naar het 'Dia-animatie'-tabblad in de Ontwerp-instellingen.
- Doorlopend: Je galerij bladert automatisch. Sleep de 'Snelheid diavoorstelling'-schuifregelaar om aan te passen hoe snel je dia's worden weergegeven.
- Pauzeren bij aanwijzen: Klik op de schakelaar om de diavoorstelling te pauzeren wanneer een bezoeker een galerij-item aanwijst.
- Afstand: Kies hoeveel ruimte er tussen de afbeeldingen moet zijn.
Diavoorstelling
Gebruik de Diavoorstelling-indeling als je één afbeelding tegelijk wilt weergeven met horizontaal scrollen.
- Verhouding galerij:
- Handmatig: Pas de hoogte en breedte van je galerij vrijelijk aan.
- Vast: Behoud dezelfde verhouding op elk schermformaat met een van de voorgestelde verhoudingen.
- Formaat thumbnails aanpassen:
- Bijsnijden: Past de afbeeldingsgrootte aan de grootte van de galerij aan.
- Passend maken: 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.
- 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 schuiven: (Deze optie is alleen beschikbaar als je Horizontaal als scrolrichting kiest). Kies ervoor om items in een doorlopende diavoorstelling 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. Let op: Als je het overgangseffect wilt veranderen, ga dan naar het 'Scrol-animaties'-tabblad in de Ontwerp-instellingen.
- Doorlopend: Je galerij bladert automatisch. Sleep de 'Snelheid diavoorstelling'-schuifregelaar om aan te passen hoe snel je dia's worden weergegeven.
- 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).
- Pauzeren bij aanwijzen: Klik op de schakelaar om de diavoorstelling te pauzeren wanneer een bezoeker een galerij-item aanwijst. Tip: Wanneer je de diavoorstelling instelt om automatisch te verschuiven, heb je de optie om een diavoorstellingteller weer te geven op je galerij via het Tekst-tabblad in het Ontwerp-gedeelte.
- Hoogte informatiebalk: Voegt ruimte toe voor pictogrammen, titel en beschrijving onder de galerij.
Strook
Gebruik de Strook-indeling als je meerdere afbeeldingen in één kolom wilt weergeven.
- 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 laden er? (Deze optie is alleen relevant als je ervoor hebt gekozen om een Meer laden-knop in te schakelen) Kies hoeveel afbeeldingen er laden wanneer bezoekers op 'Meer laden' klikken:
- Alle afbeeldingen
- Nog één sectie (voegt nog een onderdeel toe van dezelfde grootte als de originele galerij)
Kolom
Gebruik de Kolom-indeling als je meerdere afbeeldingen tegelijk in één rij wilt weergeven.
- Verhouding galerij:
- Handmatig: Pas de hoogte en breedte van je galerij vrijelijk aan.
- Vast: Behoud dezelfde verhouding op elk schermformaat met een van de voorgestelde verhoudingen.
- Doorlopende afbeeldingen: Kies ervoor om bezoekers doorlopend door je afbeeldingen te laten scrollen.
- Automatisch schuiven: (Deze optie is alleen beschikbaar als je Horizontaal als scrolrichting kiest). Kies ervoor om items in een doorlopende diavoorstelling 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. Let op: Als je het overgangseffect wilt veranderen, ga dan naar het 'Scrol-animaties'-tabblad in de Ontwerp-instellingen.
- Doorlopend: Je galerij bladert automatisch. Sleep de 'Snelheid diavoorstelling'-schuifregelaar om aan te passen hoe snel je dia's worden weergegeven.
- Pauzeren bij aanwijzen: Klik op de schakelaar om de diavoorstelling te pauzeren wanneer een bezoeker een galerij-item aanwijst.
- Afstand: Kies hoeveel ruimte er tussen de afbeeldingen moet zijn.
Bricks, Mix en Alternate
Gebruik deze indelingen om galerij-items van verschillende afmetingen en oriëntatie naast elkaar weer te geven.
- 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) Kies hoeveel afbeeldingen er laden wanneer bezoekers op 'Meer laden' klikken:
- Alle afbeeldingen
- Nog één sectie (voegt nog een onderdeel toe van dezelfde grootte als de originele galerij)
Magisch
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.
Vooraf ingestelde indelingen
Met deze kant-en-klare galerij-indelingen kun je het proces van het presenteren van je afbeeldingen op je website versnellen. Vooraf ingestelde templates worden geleverd in horizontale en verticale weergaven en bevatten een reeks ingebouwde indelingsfuncties.
Om een vooraf ingestelde indeling te kiezen:
- Ga naar je Editor.
- Klik op het Pro Gallery-element op je pagina.
- Klik op Instellingen.
- Klik op het Indeling-tabblad.
- Klik op het Voorinstellingen-tabblad.
- Selecteer een indeling voor je galerij.
Veelgestelde vragen
Klik op een vraag hieronder voor meer informatie over indelingen in de Pro Gallery:
Is de Wix Pro Gallery responsief?
Als je je Pro Gallery bouwt in de Wix Editor, gedraagt deze zich responsief wanneer je bepaalde indelingen kiest en deze instelt op Volledige breedte. 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 Gallery in de Wix Editor
Als je je Pro Gallery in de Studio Editor bouwt, zijn er veel verschillende manieren om ervoor te zorgen dat je galerij responsief is op alle schermformaten. Lees meer over responsiviteit in de Wix Pro Gallery in de Studio Editor
Waarom 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.
Bijvoorbeeld: je selecteert een Diavoorstelling-indeling 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 het Indeling-tabblad.
- Selecteer Passend onder Formaat thumbnails aanpassen.
Let op: De indelingen Strook, Kolom, Bricks, Mix, lay-outs Strip, Column, Bricks, Mix, Alternatief en Magisch hebben vergrendelde beeldverhoudingen. Dit betekent dat afbeeldingen automatisch worden bijgesneden om binnen de grenzen van de thumbnail te passen.
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.
Vond je dit artikel nuttig?
|