header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image

Studio Editor: Over stapelen

2 min
In dit artikel
  • Kies de stapelrichting
  • Slepen en neerzetten om de afstand in te stellen
  • Ontwerp de stapel volgens jouw behoeften
Een stapel is een flexbox-container die je elementen 'omsluit', of ze nu in een verticale of horizontale volgorde staan. Stapel elementen om ervoor te zorgen dat ze er op elk schermformaat goed uitzien, en voorkom overlap (kleine schermen) en grote lege ruimtes (grote schermen). 

Kies de stapelrichting

Wanneer je elementen in een stapel plaatst, kun je de richting kiezen: horizontaal of verticaal. Dit hangt af van of je wilt dat de elementen in een verticale of horizontale volgorde verschijnen. 
Hoe dan ook, je kunt de richting altijd wijzigen. Hiermee worden de elementen automatisch herschikt, zodat ze in de juiste volgorde staan. 
Een voorbeeld van een horizontale stapel die verticaal wordt, de elementen staan nu in een verticale volgorde

Slepen en neerzetten om de afstand in te stellen

Onze drag-and-drop-functionaliteit maakt het eenvoudiger dan ooit om de afstand tussen elementen in een stapel in te stellen.
De ruimtes tussen stapelitems slepen om de marges te vergroten
Je kunt ook negatieve marges maken om elementen opzettelijk te laten overlappen. 
De stapelmarges naar de tegenovergestelde richting slepen om een overlap te creëren tussen de afbeelding en de tekst

Ontwerp de stapel volgens jouw behoeften

De stapelcontainer is standaard transparant, maar je kunt deze naar wens ontwerpen vanuit het Inspector-paneel. Voeg een achtergrondkleur, rand en schaduw toe om de stapel te laten opvallen. 
Een screenshot van het Inspector-paneel en een geselecteerde stapel op het canvas, met de ontwerpopties
Een voorbeeld van een horizontale stapel die verticaal wordt, de elementen staan nu in een verticale volgorde
De ruimtes tussen stapelitems slepen om de marges te vergroten
De stapelmarges naar de tegenovergestelde richting slepen om een overlap te creëren tussen de afbeelding en de tekst
Een screenshot van het Inspector-paneel en een geselecteerde stapel op het canvas, met de ontwerpopties