Pagina's, templates en secties zijn opgebouwd met elementen die Componenten worden genoemd. Je kunt deze componenten combineren en aanpassen om jouw website een unieke look te geven.
Deze handleiding laat zien hoe je een component toevoegt aan een pagina in de one.com Website Builder. We beschrijven ook kort enkele van de meest voorkomende componenten.
- Hoe voeg ik een component toe aan een pagina?
- De tekst-component
- De afbeelding-component
- De kader-component
- De knop-component
Hoe voeg ik een component toe aan een pagina?
Je ziet alle beschikbare componenten in het menu aan de linkerkant van de Website Builder editor. Om een component aan de pagina toe te voegen, klik en sleep je de specifieke component naar de plek waar je deze op de pagina wilt plaatsen. De oranje lijnen geven aan hoe de component is uitgelijnd ten opzichte van andere componenten en de pagina zelf.
Zodra de component is ingevoegd, kun je deze gemakkelijk bewerken. Klik op de component en klik op de knop Bewerken dat verschijnt. Je kunt ook bewerken door te dubbelklikken op de component. Wanneer je dat doet, verschijnen er twee afzonderlijke menu's:
- Een grijze balk voor snelle wijzigingen
- Een zwevend en verplaatsbaar menu met meer opties voor aanpassingen
De tekst-component
Met de tekst-component kun je tekst in verschillende vormen aan de pagina toevoegen. Als je een eenvoudig tekstvak wilt toevoegen, klik je op Tekst in het componentenmenu en selecteer vervolgens de tekststijl "Normaal". Als je een header of andere grotere tekst gaat toevoegen, kun je tijd besparen door een van de vooraf gemaakte opties te kiezen.
De lijst in het blauwe menu bevat ook andere componentsjablonen, zoals lijsten en tekst en afbeelding-combinaties. Je kunt de tabbladen bovenaan het blauwe menu gebruiken om deze te doorzoeken.
De afbeelding-component
Met deze component kun je alleen een afbeelding invoegen op de site. Selecteer de afbeeldingsoptie die je wilt gebruiken, kies de afbeelding en voeg deze toe aan de pagina. Je kunt ook eigen foto's uploaden, gratis foto's gebruiken uit onze uitgebreide database, of afbeeldingen kopen van Shutterstock.
Voor een compleet overzicht van de aanpassingsmogelijkheden in de afbeelding-component, bekijk onze handleiding over een afbeelding toevoegen.
De kader-component
De kader-component behoort tot een grotere categorie componenten die Containers worden genoemd. Ze worden zo genoemd omdat je er andere componenten in kunt invoegen en kunt groeperen.
Dit betekent dat je bijvoorbeeld een kader kunt invoegen met daarin een tekst-component en een knop. Als je al deze elementen wilt verplaatsen, kun je het kader selecteren en verplaatsen de andere elementen mee. Op die manier hoef je niet elk afzonderlijk component te verplaatsen als je een ontworp hebt gemaakt waarin je meer dan één type component gebruikt.
Voor meer informatie over de verschillende container-componenten, bekijk onze uitgebreide handleiding.
De knop-component
De knop-component is eenvoudig, maar erg handig. Hiermee kun je links op de pagina maken en bezoekers elegant omleiden. Kies de exacte tekst en stijl die je wilt en voeg een link in naar een externe locatie, een bestand, een andere pagina op de website en meer.
Gerelateerde artikelen: