Wix Pro Gallery: De galerij ontwerpen

Laat je galerij opvallen op je website door enkele ontwerpaanpassingen toe te voegen. Je kunt je galerij een professioneel tintje geven door de indeling, kleuren, lettertypen en meer aan te passen.

Om het ontwerp van je Pro Gallery aan te passen:

Klik op de Wix Pro Gallery in de Editor.
Klik op Instellingen.
Klik op het Ontwerp-tabblad.
Kies wat je wilt personaliseren:

Overlay & pictogrammen

Een overlay ligt bovenop een afbeelding en voegt een extra effect toe wanneer je met je muis over een afbeelding beweegt. Dit effect en eventuele pictogrammen kun je zelf aanpassen.

Klik op Overlay en pictogrammen.
Kies tussen een Volledige of Gedeeltelijke overlay en pas deze aan met behulp van de beschikbare opties:
- Volledige overlay: De overlay dekt het hele galerij-item.
  - Verloop: Klik op de schakelaar om een verloopoverlay in te schakelen.
    - Kleur en dekking 1 en 2: Klik op het relevante kleurenvak om de kleuren van de kleurovergang aan te passen. Sleep vervolgens de schuifregelaar om de dekking van de kleuren aan te passen.
    - Richting kleurovergang: Sleep de schuifregelaar om de overlay-richting aan te passen.
    - Pictogramkleur: Klik op het kleurvak om de kleur te wijzigen van galerijpictogrammen die bij het aanwijzen verschijnen.
  - Kleuroverlay: Klik op het kleurvak om een kleur te kiezen. Sleep vervolgens de schuifregelaar om de transparantie van de kleuroverlay te wijzigen.
  - Pictogramkleur: Klik op het kleurvak en selecteer een nieuwe kleur voor je galerijpictogrammen.
- Gedeeltelijke overlay: De overlay bedekt slechts een deel van het galerij-item.
  - Grootte instellen in: Beheer de grootte van je overlay in percentages of pixels.
  - Maat: Sleep de schuifregelaar of voer een waarde in om een overlaygrootte te kiezen.
  - Overlay begint vanaf: Kies waar je overlay wordt geplaatst.
  - Opvulling: Sleep de schuifregelaar om de hoeveelheid ruimte tussen de galerijrand en je overlay aan te passen.
  - Verloop: Klik op de schakelaar om een verloopoverlay in te schakelen.
    - Kleur en dekking 1 en 2: Klik op het relevante kleurenvak om de kleuren van de kleurovergang aan te passen. Sleep vervolgens de schuifregelaar om de dekking van de kleuren aan te passen.
    - Richting kleurovergang: Sleep de schuifregelaar om de overlay-richting aan te passen.
    - Pictogramkleur: Klik op het kleurvak om de kleur te wijzigen van galerijpictogrammen die bij het aanwijzen verschijnen.
  - Kleuroverlay: Klik op het kleurvak om een kleur te kiezen. Sleep vervolgens de schuifregelaar om de transparantie van de kleuroverlay te wijzigen.
  - Pictogramkleur: Klik op het kleurvak en selecteer een nieuwe kleur voor je galerijpictogrammen.
Kies een overlay-effect uit de beschikbare opties:
- Geen effect: De overlay heeft geen effect.
- Vervagen: De overlay verschijnt geleidelijk als je er met je muis overheen beweegt.
- Uitvouwen: De overlay wordt groter als je er met je muis overheen beweegt.
- Omhoog schuiven: De overlay schuift omhoog als je er met je muis overheen beweegt.
- Naar rechts: De overlay schuift bij aanwijzen naar rechts.

Teksten

Item stijl

Elke afbeelding of video in de galerij is een item. Je kunt het uiterlijk van de items voor zowel de normale als de aanwijsmodus wijzigen.

Klik op Item stijl.
Pas de standaardweergave van het item aan onder Item stijl:
- Randbreedte en kleur: Sleep de schuifregelaar om de randbreedte te wijzigen en klik op het kleurvak om een kleur te selecteren.
- Hoekradius: Sleep de schuifregelaar om de hoeken meer rond of vierkant te maken.
  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 en zijn alleen van toepassing op de hoofdafbeelding (niet de thumbnails).
- Schaduw: Klik op de schakelaar om de schaduw in of uit te schakelen:
  - Ingeschakeld: Het galerij-item heeft een schaduwrand. Pas de dekking, kleur, vervaging, schaduwrichting en schaduwgrootte aan.
  - Uitgeschakeld: Het galerij-item heeft geen schaduwrand.
Kies wat er gebeurt als iemand het galerij-item aanwijst:
- Geen effect: Er wordt geen effect toegepast als je met je muis over het item beweegt.
- Inzoomen: Zoomt in op de afbeelding als je er met je muis overheen beweegt.
- Vervagen: De afbeelding vervaagt als je er met je muis overheen beweegt.
- Grijswaarden: De afbeelding wordt zwart-wit als je er met je muis overheen beweegt.
- Verkleinen: De afbeelding wordt kleiner als je er met je muis overheen beweegt.
- Omkeren: De kleur van de afbeelding wordt omgekeerd als je er met je muis overheen beweegt.
- Inkleuren: De afbeelding verandert van zwart-wit naar kleur als je er met je muis overheen beweegt.
- Donkerder: Het beeld wordt iets donkerder als je er met je muis overheen beweegt.
Kies wat er gebeurt terwijl de afbeelding wordt geladen:
- Wazige afbeelding: Er verschijnt een wazige versie van de afbeelding tijdens het laden.
- Gekleurde tijdelijke plaatsaanduiding: Er verschijnt een gekleurde tijdelijke plaatsaanduiding terwijl de afbeelding wordt geladen.

Scrol animaties

Knoppen

Navigatiepijlen

Uitgebreide weergave

Dit onderdeel verschijnt wanneer een gebruiker op een galerij-item klikt als je 'In uitgebreide weergave openen' hebt gekozen in het instellingenpaneel van de Pro Gallery. Vanaf hier kun je de uitgebreide weergave van je galerij aanpassen aan het ontwerp en het merk van je website.

Klik op Uitgebreide weergave.
Klik op Uitgebreide weergave aanpassen en personaliseer de uitgebreide weergave van de galerij met de volgende opties:
- Welke informatie wordt getoond? Kies voor het tonen van een titel, beschrijving en/of link.
- Waar verschijnt het?Kies waar je de info wilt plaatsen:
  - Zijkant: De informatie verschijnt rechts van het galerij-item.
  - Onder: De informatie verschijnt onder het galerij-item.
- Wanneer wordt het getoond?Kies wanneer de informatie wordt weergegeven:
  - Altijd: De informatie wordt altijd weergegeven.
  - Bij het klikken op het info-pictogram: De informatie verschijnt alleen wanneer een bezoeker op het info-pictogram in de linkerbovenhoek van de uitgebreide weergave klikt.
- Volledig scherm toestaan: Kies om bezoekers in staat stellen galerij-items op volledig scherm te bekijken.
- Achtergrondkleur: Klik op het kleurenvak om een achtergrondkleur te selecteren voor de uitgebreide weergave. Kies uit je websitekleuren of voeg een kleur toe.
- Kleur pictogrammen: Klik op het kleurenvak om een kleur te selecteren voor de pictogrammen in de uitgebreide weergave. Kies uit je websitekleuren of voeg een kleur toe.
- Titelstijl:
  - Klik op het dropdownmenu om het lettertype, de stijl en de grootte van de Lettertypekiezer aan te passen.
  - Klik op het kleurvak om de tekstkleur van de titel te wijzigen.
- Stijl beschrijving:
  - Klik op het dropdownmenu om het lettertype, de stijl en de grootte van de Lettertypekiezer aan te passen.
  - Klik op het kleurvak om de tekstkleur van de beschrijving te wijzigen.
- Tekstuitlijning: Kies de uitlijning van de tekst: links, in het midden of rechts.

Tip:

Je kunt de navigatiepijlen in je Pro Gallery verbergen met horizontaal scrollen.

Wix Pro Gallery: De galerij ontwerpen

Om het ontwerp van je Pro Gallery aan te passen:

Vond je dit artikel nuttig?