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: Onderdelen toevoegen en beheren

6 min
In dit artikel
  • Wireframes en vooraf ontworpen onderdelen toevoegen
  • Een leeg onderdeel toevoegen
  • Cellen gebruiken om een onderdeel te organizeren
  • Paginaonderdelen opnieuw ordenen
  • Een onderdeel verwijderen
  • Veelgestelde vragen
Onderdelen zijn de bouwstenen van elke pagina. Gebruik ze om gerelateerde inhoud bij elkaar te houden en de pagina er georganiseerd, professioneel en gestructureerd uit te laten zien.
Voeg zoveel onderdelen toe aan elke pagina als je wilt. Je kunt kiezen uit lege onderdelen, wireframes of vooraf ontworpen onderdelen die volledig aanpasbaar zijn. De onderdelen beslaan de hele breedte van de browser en je kunt de hoogte naar wens instellen.
Maak Master-onderdelen:
Laat hetzelfde onderdeel op meerdere pagina's verschijnen door het in te stellen als Master.

Wireframes en vooraf ontworpen onderdelen toevoegen

We hebben talloze kant-en-klare en volledig responsieve onderdelen om je creatieproces te versnellen. Kies gewoon degene die je wilt en pas deze aan de stijl van je klant aan. Als je vooral hulp nodig hebt met de indeling, niet zozeer met het ontwerp, kies dan voor een van onze blanco wireframes.

Om een wireframe of vooraf ontworpen onderdeel toe te voegen:

  1. Klik links in de editor op Elementen toevoegen .
  2. Klik op Onderdelen / Wireframes.
  3. Klik op een categorie om de beschikbare ontwerpen te zien. 
  4. Sleep een onderdeel naar de pagina. 
  5. Pas het onderdeel naar wens aan:
GIF met het Elementen toevoegen-paneel in de Studio Editor en de beschikbare ontwerpen op de tabbladen Onderdelen en Wireframes

Een leeg onderdeel toevoegen

Je kunt snel nieuwe lege onderdelen toevoegen terwijl je op het canvas werkt. Wijs de boven- of onderkant van een onderdeel aan en klik op + Onderdeel toevoegen. Je kunt dan beslissen of je het helemaal opnieuw wilt ontwerpen, een rasterindeling wilt toepassen of een kant-en-klaar ontwerp wilt gebruiken.

Om een leeg onderdeel toe te voegen:

  1. Ga naar de betreffende pagina.
  2. Wijs de boven- of onderkant van het betreffende onderdeel aan en klik op + Onderdeel toevoegen.
  3. Kies hoe je wilt beginnen met ontwerpen:
    • Ontworpen onderdeel: Kies een vooraf ontworpen onderdeel en pas het aan de behoeften van je klant aan.
    • Rasterindeling: Kies een raster met meerdere cellen om je inhoud te ordenen.
    • Voeg een element toe: Begin met het toevoegen van elementen aan het lege gedeelte. 
Een screenshot van een leeg nieuw onderdeel, met de rastercelindelingen die je kunt aanklikken en toepassen
Bewaar je ontwerp voor toekomstig gebruik:
Selecteer het onderdeel in de editor en klik op het Meer acties-pictogram . Klik vervolgens op Opslaan als asset. Dit slaat je ontwerp op en maakt het beschikbaar in het Elementen toevoegen-paneel (Assets-tabblad).

Cellen gebruiken om een onderdeel te organizeren

Voeg cellen toe aan een onderdeel om een responsieve, gestructureerde indeling te maken. Door de elementen in afzonderlijke cellen te houden, blijven ze op alle schermen op hun plaats. Kies een indeling en verplaats elementen dan naar de cellen. Je kunt de cellen altijd splitsen of later nieuwe toevoegen. 

Om een raster op een onderdeel toe te passen:

  1. Selecteer het relevante onderdeel in de editor.
  2. Klik bovenaan het onderdeel op de Leeg-dropdown. 
Een screenshot van de werkbalk die wordt geopend bij het selecteren van een onderdeel, met de dropdown met beschikbare indelingen
  1. Kies een indeling: Rijen, Kolommen, Collage, enzovoort.
    Tip: Je kunt de indeling op elk moment wijzigen in de dropdown. Je elementen worden niet verplaatst.
  2. Sleep elementen naar de relevante cellen.
  3. (Optioneel) Pas het onderdeelraster aan zoals je wilt – voeg cellen toe, splits bestaande cellen, voeg lege ruimtes tussen cellen toe, enzovoort. 
Wil je teruggaan naar een onderdeel zonder raster?
Klik met de rechtermuisknop op elke cel en selecteer Verwijderen.

Paginaonderdelen opnieuw ordenen

Tijdens het bouwen van de website van je klant, kun je besluiten dat de structuur en organisatie van de inhoud iets anders moet zijn. Dit is waar onderdelen echt van pas komen; je kunt inhoud heel snel verplaatsen op het canvas, wanneer je maar wilt.

Om onderdelen op het canvas te herschikken:

  1. Selecteer het relevante onderdeel in de editor.
  2. Klik op een paginaonderdeel op het Meer acties-pictogram .
  3. Klik op Naar boven of Naar beneden.
Een onderdeel op het Studio Editor-canvas selecteren en op het Meer acties-pictogram klikken om het omhoog of omlaag te verplaatsen
Heb je de onderdeelvolgorde op kleinere breekpunten gewijzigd?
Je kunt de volgorde die je momenteel op je desktop hebt altijd opnieuw toepassen. Ga naar het Lagen-paneel , klik op het Meer acties-pictogram  naast Pagina en selecteer Volgorde van onderdelen op alle breekpunten gebruiken.

Het Lagen-paneel, waar een pagina geselecteerd wordt en er wordt geklikt om de desktop-breekpuntvolgorde toe te passen op alle andere breekpunten

Een onderdeel verwijderen

Je kunt een onderdeel op elk moment verwijderen. Hiermee wordt het onderdeel op alle breekpunten van de pagina verwijderd. 
Let op:
Het is niet mogelijk om onderdelen te verwijderen die apps zoals Stores, Events, Blog enzovoort bevatten.

Om een onderdeel te verwijderen:

  1. Selecteer het relevante onderdeel in de editor.
  2. Klik op een paginaonderdeel op het Meer acties-pictogram .
  3. Klik op Verwijderen.
Wil je het onderdeel verbergen?
Klik op Niet weergeven om het onderdeel te verbergen voor het huidige breekpunt. Je kunt het verborgen onderdeel vinden in het Lagen-paneel, waar je het ook zichtbaar kunt maken. 
Een screenshot van een geselecteerd onderdeel in de Editor, die laat zien hoe je het kunt verwijderen

Veelgestelde vragen

Klik op een vraag hieronder om meer te lezen.