Samenvatting
Elementen zijn de bouwstenen van je pagina in Mach3Blocks. Elk blok op je pagina bestaat uit elementen — koppen, teksten, afbeeldingen, knoppen, formulieren, enzovoort. In dit overzicht vind je alle beschikbare elementtypen en waarvoor je ze kunt gebruiken.
Hoe werkt het
Elementen selecteren, verbergen en verwijderen
Elementen leven binnen een blok. In de editor werk je er zo mee:
- Selecteren om te bewerken — klik een element aan. Zodra je een element selecteert, opent het eigenschappen-paneel waarmee je de instellingen en opmaak van dat element aanpast.
- Verbergen en weer tonen — je kunt elementen verbergen zodat ze niet op de gepubliceerde pagina verschijnen. Met Toon verborgen elementen maak je die verborgen elementen tijdelijk weer zichtbaar in de editor, zodat je ze kunt terugzetten of alsnog bewerken.
- Verwijderen — selecteer het element en kies Element verwijderen. Je krijgt eerst een bevestiging. Let daarbij op deze regels:
- Verwijder je een rij, kolom of container, dan worden alle elementen daarbinnen ook verwijderd.
- Verwijder je een element binnen een collectie-item, dan wordt dat element voor álle items in dat overzicht verwijderd — de items delen namelijk dezelfde opzet.
- Een element dat nog ergens in gebruik is, kun je niet verwijderen. Je krijgt dan de melding dat het element nog in gebruik is; maak het eerst vrij en verwijder het daarna.
Cards (kaarten)
Kaart-elementen groeperen content in visuele blokken — denk aan een productkaart, een teamlid-kaart of een serviceblok.
Voorbeelden (o.a.): Header card, Content card, Item card, Tegel card, Footer card — er zijn meerdere kaart-varianten.
Headings (koppen)
Koppen en titels op je pagina. Elk koptype is bedoeld voor een andere context.
Voorbeelden (o.a.): Header heading, Content heading, Item heading, Footer heading, Zoekresultaat heading — er zijn meerdere kop-varianten voor verschillende contexten.
Teksten
Tekstelementen voor paragrafen en andere lopende tekst.
Types: Header tekst, Content tekst (intro + hoofd), Item tekst (intro + hoofd), Footer tekst, Zoekresultaat tekst
Om tekst te bewerken dubbelklik je op het element — dan opent de inline editor. Je kunt tekst vet of cursief maken, links invoegen en variabelen gebruiken. HTML-code invoeren is niet mogelijk in het tekstelement.
Nummers
Numerieke weergave-elementen, handig voor statistieken, prijzen of tellingen.
Buttons (knoppen)
Er zijn drie typen knoppen, elk met een eigen stijl:
| Type | Hoe ziet het eruit? | Waarvoor? |
|---|---|---|
| Actie button | Gevuld (opvallend) | De belangrijkste actie op je pagina, zoals "Neem contact op" |
| Bekijk button | Omlijnd | Een alternatieve actie, zoals "Meer informatie" |
| Lees meer button | Als een tekstlink | Navigatielinks naar andere pagina's |
Elk knoptype heeft daarnaast meerdere stijlvarianten die je via het thema instelt.
Handlers (uitklapbare elementen)
Interactieve elementen die je kunt openklappen, zoals een accordion (uitklapmenu). Ideaal voor veelgestelde vragen of uitklapbare secties.
Controls (besturingselementen)
Elementen waarmee bezoekers door je content navigeren:
| Type | Waarvoor? |
|---|---|
| Menu | Het hamburgermenu |
| Pijl | Navigatiepijlen bij een slider |
| Bullet | Bolletjes die aangeven welke slide actief is |
| Play/stop | Knoppen voor het afspelen en stoppen van media |
| Tijdlijn | Een visuele tijdlijn-indicator |
| Paginering | Navigatie tussen pagina's (1, 2, 3...) |
Media (afbeeldingen en video)
Elementen voor visuele content op je pagina.
Voorbeelden (o.a.): Logo media, Content media, Item media, Achtergrond media
Iconen
Vectorafbeeldingen (SVG-formaat) die je als icoon kunt gebruiken. Je kiest uit de ingebouwde iconenbibliotheken (Iconmonstr, Font Awesome, Material Icons) of upload je eigen SVG-bestanden via het bestandsbeheer.
Maps (kaarten)
Een element waarmee je een Google Maps-locatie op je pagina toont.
Viewports
Viewports (media, thumbnail, slider en cover) zijn bouwstenen op codeniveau — ze bepalen hoe media binnen een blok worden weergegeven. Je komt ze alleen tegen als je zelf de code van een blok bewerkt; je voegt ze niet los toe via de gewone elementkeuze.
Wil je externe content insluiten (zoals een kaart of een andere website), gebruik dan het iframe-element.
Scheiders
Visuele lijnen tussen secties van je pagina.
Types: Header scheider, Content scheider
⚠️ Scheiders zijn thema-instellingen — ze verschijnen automatisch in blokken die ze gebruiken. Je kunt ze niet los op een pagina plaatsen.
Formulieren
Elementen waarmee bezoekers informatie kunnen invoeren en versturen.
Beschikbare veldtypen: Tekstregel, E-mailadres, Telefoonnummer, Tekstvak, Selectie (dropdown), Radio button, Checkbox, Datum, Datum-tijd, Bestand
Thema-instellingen per groep
De standaard opmaak van elke elementgroep stel je in via Thema → Elementen → [groepnaam]. Wijzigingen die je hier maakt gelden voor je hele website — alle elementen van dat type nemen de instellingen over.
Wanneer gebruik je dit?
- Je wilt weten welke elementtypen er zijn in Mach3Blocks
- Je bent een pagina aan het bouwen en zoekt het juiste element voor wat je nodig hebt
- Je wilt de standaard opmaak van een elementtype aanpassen via het thema