Samenvatting
Als je in de editor met je muis over een blok beweegt, verschijnen er knoppen aan de zijkant. Met deze knoppen kun je snel acties uitvoeren op het blok: verplaatsen, kopiëren naar je favorieten, de code bewerken, en meer. In dit artikel leer je wat elke knop doet.
Hoe werkt het
De knoppen rechts van het blok
Beweeg je muis over een blok in de editor. Aan de rechterkant verschijnt een verticale werkbalk met deze knoppen:
| Knop | Wat doet het? |
|---|---|
| 🌐 Globaal maken | Maakt het blok "globaal": het verschijnt dan op alle pagina's waar je het plaatst, en een wijziging op één pagina wordt automatisch op alle andere pagina's doorgevoerd. Handig voor een footer of header die overal hetzelfde is. Als het blok al globaal is, staat deze knop actief. |
| ♥ Naar favorieten | Slaat het blok op in je favorieten, zodat je het later snel opnieuw kunt invoegen op een andere pagina |
| ☐ Blok selecteren | Selecteert het blok, zodat je in het rechter paneel de opmaak en instellingen van het blok kunt aanpassen |
| ✥ Verplaatsen | Activeert de verplaatsmodus: beweeg je muis naar de plek waar je het blok wilt hebben en klik om te plaatsen. Druk op Escape om te annuleren. |
| ☝ Hover-preview | Laat zien hoe elementen in het blok eruitzien wanneer een bezoeker eroverheen beweegt (de "hover-state") |
| </> Code bewerken | Opent de code-editor van het blok (meer hierover hieronder) |
| ••• Meer opties | Opent een menu met extra acties |
Het menu "Meer opties"
Als je op de drie puntjes klikt, verschijnen deze extra opties:
| Optie | Wat doet het? |
|---|---|
| Kopiëren naar maatwerk | Kopieert het blok naar de Maatwerk-sectie van je website |
| Kopiëren naar blokbibliotheek | Slaat het blok op in een blokbibliotheek zodat je het kunt hergebruiken, ook in andere websites |
| Collectie ontkoppelen | Als er een collectie aan het blok is gekoppeld, kun je die hier loskoppelen |
| Verborgen elementen tonen | Maakt elementen zichtbaar die je eerder hebt verborgen. Let op: dit geldt alleen voor verborgen elementen, niet voor verwijderde. |
| Blok informatie | Toont technische info over het blok (ID, type, versie) |
| Blok verwijderen | Verwijdert het blok permanent van de pagina. Dit is rood gemarkeerd omdat het niet ongedaan kan worden gemaakt. |
De code-editor
Elk blok heeft een eigen code-editor met drie tabbladen:
| Tabblad | Waarvoor? |
|---|---|
| LESS | Stijlregels (opmaak) die alleen voor dit blok gelden |
| HTML | Extra HTML-code voor het blok |
| JavaScript | Scripts die alleen voor dit blok worden geladen |
Dit is anders dan de website-brede code (die voor de hele website geldt) of de paginacode (die voor één pagina geldt). De blokcode werkt alleen binnen dat specifieke blok.
Globale blokken
Een globaal blok is hetzelfde blok dat op meerdere pagina's staat. Als je het blok op één pagina wijzigt, verandert het automatisch op alle pagina's. Dit is ideaal voor onderdelen die overal hetzelfde moeten zijn, zoals een header, footer of contactblok.
Een blok een naam geven
Via het rechter paneel → tabblad Instellingen kun je een blok een naam geven. Deze naam wordt gebruikt als ankerlink in het onepager-menu (als je dat gebruikt).
Wanneer gebruik je dit?
- Je wilt een blok verplaatsen, verwijderen of kopiëren
- Je wilt een blok op meerdere pagina's gebruiken (globaal maken)
- Je wilt de code van een blok bewerken
- Je wilt een blok opslaan als favoriet of in je blokbibliotheek