Studio Editor: Elementen stapelen

滞在時間5分
Een stapel is een flexbox-container die een groep elementen 'omsluit' – of ze nu in een verticale of horizontale volgorde staan. Het zorgt ervoor dat de elementen op volgorde blijven, met de tussenruimte die je definieert, en nooit overlappen. 
Dat gezegd hebbende, kun je negatieve marges gebruiken om elementen opzettelijk te laten overlappen.
Ga naar onze Wix Studio Academy om extra Wix Studio-webinars, instructievideo's en cursussen te bekijken.
In dit artikel lees je hoe je:

Een stapel toepassen

  1. Klik op een element dat je in de stapel wilt hebben.
  2. Houd de Shift-toets ingedrukt en selecteer de andere stapelelementen.
  3. Klik op Stapelen.
  4. (Optioneel) Sleep de lijn tussen de elementen om de marges in te stellen.
De ruimtes tussen stapelitems verslepen om de marges te vergroten
ヒント
Je kunt ook negatieve marges maken om elementen opzettelijk te laten overlappen. 
De stapelmarges in de tegenovergestelde richting slepen om een overlap te creëren tussen de afbeelding en tekst

De stapelrichting wijzigen

Wanneer je elementen stapelt, wordt de richting automatisch bepaald door de volgorde van de elementen. Als de elementen bijvoorbeeld verticaal zijn gerangschikt, zal de stapel verticaal zijn. 
Hoe dan ook, je kunt de richting altijd wijzigen met behulp van de dropdown. Hiermee worden de elementen automatisch herschikt, zodat ze in de juiste volgorde staan. 
Een voorbeeld van een horizontale stapel die verticaal is geworden, de elementen staan nu in verticale volgorde

Een stapel beheren

Je kunt de stapel aanpassen aan nieuwe inhoud en vereisten. Voeg meer elementen toe aan de stapel, verplaats ze met één klik op de knop en koppel elementen die niet langer nodig zijn los. 

Om een stapel te beheren:

  1. Selecteer de relevante stapel.
  2. あなたが本当にやりたいことをやってください:

Een stapel ontwerpen

De stapel hoeft niet transparant te zijn – je kunt het zo ontwerpen dat de inhoud opvalt op de pagina. Voeg een achtergrondkleur, rand en schaduw toe. Je kunt de hoeken van de stapel ook ronder of vierkanter maken. 

Om een stapel te ontwerpen:

  1. Selecteer de relevante stapel.
  2. Klik rechtsboven in de Editor op de Inspector-pijl.
  3. Scrol omlaag naar Ontwerp.
  4. Ontwerp de stapel met behulp van de beschikbare opties:
    • Stel de achtergrondkleur en de ondoorzichtigheid in.
    • Voeg een rand toe om de stapel in te kaderen. 
    • Kies een radius voor de hoeken.
    • Schakel schaduw in en beheer instellingen zoals de hoek, afstand, grootte, enzovoort.
Een screenshot van het Inspector-paneel en een geselecteerde stapel op het canvas, met de ontwerpopties

この記事はいかがですか?

|