Wix Helpcentrum
    Home
  1. Een website maken
  2. Editor X gebruiken
  3. Ontwerpen in Editor X
    4. Editor X: Shape dividers toevoegen en aanpassen

Editor X: Shape dividers toevoegen en aanpassen

Leestijd 5 minuten
Editor X schakelt over naar Wix Studio, ons nieuwe platform voor bedrijven en freelancers.Lees meer over Wix Studio
Voeg shape dividers toe aan je onderdelen om een interessante en stijlvolle indeling te creëren. In plaats van eenvoudige lijnen te gebruiken om inhoud te verdelen, kies je een vorm (bijvoorbeeld een ellips of golf) of upload je je eigen vorm. Deze dividers kunnen aan de boven- en onderkant van een onderdeel worden geplaatst en je kunt hun ontwerp naar behoefte aanpassen.
Een voorbeeld van een onderdeel met shape dividers aan de boven- en onderkant
In dit artikel lees je hoe je: 

Een shape divider toevoegen

Ga aan de slag door een shape divider aan je onderdeel toe te voegen. Je kunt de shape divider toevoegen aan de boven- of onderkant van je onderdeel, of beide. 
Er is een reeks vormen waaruit je kunt kiezen en er zijn extra ontwerpen in de Media Manager. Je kunt ook je eigen SVG-bestand uploaden om deze overgang een persoonlijk tintje te geven.
Een eigen bestand uploaden?
Zie het gedeelte met veelgestelde vragen hieronder voor richtlijnen over bestandsgrootte en verhoudingen.

Om een shape divider aan je onderdeel toe te voegen:

  1. Klik in de Editor op het onderdeel.
  2. Klik op het Shape dividers-pictogram.
  3. Klik op het Bovenkant- of Onderkant-tabblad om te kiezen waar je de shape divider wilt toevoegen.
  4. Selecteer een shape divider om toe te voegen:
    • Voorgestelde ontwerpen: Klik op een van de beschikbare stijlen in het paneel.
    • Extra ontwerpen aangeboden door Wix:
      1. Klik op + Meer vormen.
      2. (In de Media Manager) Selecteer een ontwerp op het Media van Wix-tabblad.
      3. Klik op Bestanden kiezen om het toe te voegen.
    • Je eigen shape divider: 
      1. Klik op + Meer vormen.
      2. (In de Media Manager) Selecteer de vorm die je wilt gebruiken op het Sitebestanden-tabblad of upload een nieuwe.
      3. Klik op Bestanden kiezen om het toe te voegen.
Een screenshot van een onderdeel waar we een vooraf ontworpen shape divider aan de bovenkant hebben toegevoegd

De shape divider aanpassen

Nadat je een van onze shape dividers hebt gekozen, ontwerp je deze naar wens. Pas de hoogte, kleur, dekking en lagen aan om de overgang te personaliseren en deze er precies zo uit te laten zien zoals jij wilt.
Let op:
De beschikbare opties zijn afhankelijk van de shape divider die je kiest. 

Om je shape divider aan te passen:

  1. Klik in de Editor op het onderdeel.
  2. Klik op het Shape dividers-pictogram.
  3. Klik op het Bovenkant- of Onderkant-tabblad om toegang te krijgen tot de shape divider die je wilt ontwerpen.
  4. Klik onderaan op Ontwerp aanpassen.
  5. Kies hoe je het uiterlijk van je shape divider wilt aanpassen:
    • Dekking en kleur: Kies de kleur die je wilt voor je shape divider en maak deze meer of minder zichtbaar op het onderdeel.
    • Hoogte: Stel in hoe hoog of laag je de shape divider op je onderdeel wilt hebben.
    • Horizontale verschuiving: Verplaats je shape divider naar links of rechts. 
    • Laageffecten: Schakel de schakelaar in om een vervagingseffect toe te voegen aan de shape divider en selecteer vervolgens een richting in de dropdown:
      • Gecentreerd: Het effect is zichtbaar over de gehele shape divider.
      • Vervagen naar boven: Het effect neemt af naar de bovenkant van de shape divider.
      • Vervagen naar onder: Het effect neemt af naar de onderkant van de shape divider.
    • Omkeren: Keer de vorm van de shape divider om (verticaal).
    • Spiegelen: Stel de shape divider in om (horizontaal) gespiegeld op je onderdeel weer te geven.
    • Aantal herhalingen: Stel in hoe vaak het patroon zich over de shape divider herhaalt.
Een screenshot van het Ontwerp-paneel van de shape divider, met het aanpassen van de dekking, kleur, hoogte, enzovoort van de shape divider

Een aangepaste shape divider ontwerpen

Wanneer je je eigen shape divider uploadt, kun je verschillende opties gebruiken om deze verder te personaliseren. Pas instellingen zoals de kleur, zichtbaarheid en schaal van de shape divider aan om een unieke structuur en een uniek ontwerp op je pagina te creëren. 
Let op:
De beschikbare opties zijn afhankelijk van het specifieke bestand dat je uploadt. Zie het gedeelte met veelgestelde vragen hieronder voor meer informatie.

Om het ontwerp van je eigen shape divider aan te passen:

  1. Klik in de Editor op het onderdeel.
  2. Klik op het Shape dividers-pictogram.
  3. Klik op het Bovenkant- of Onderkant-tabblad om toegang te krijgen tot de shape divider die je wilt ontwerpen.
  4. Klik onderaan op Ontwerp aanpassen.
  5. Kies hoe je het uiterlijk van je shape divider wilt aanpassen:
    • Dekking en kleur: Kies de kleur die je wilt en maak deze meer of minder zichtbaar op het onderdeel.
    • Wat is de schaal van de divider? Selecteer of je wilt dat het patroon zich over het onderdeel uitstrekt of zich herhaalt.
    • Hoogte: Stel in hoe hoog of laag je het hoogste punt van de shape divider op je onderdeel wilt hebben.
    • Horizontale verschuiving: Stel de verschuiving van de shape divider vanaf de zijkanten van de onderdeel in.
    • Spiegelen: Stel de shape divider in om (horizontaal) gespiegeld op je onderdeel weer te geven.
Een screenshot van het ontwerpen van een aangepaste shape divider, met verschillende dekking, hoogte en horizontale verschuiving

Veelgestelde vragen

Klik op een vraag hieronder om meer te lezen over shape dividers. 

Vond je dit artikel nuttig?

|
In dit artikel
  • Een shape divider toevoegen
  • De shape divider aanpassen
  • Een aangepaste shape divider ontwerpen
  • Veelgestelde vragen