3. De editor

De editor is waar je je website bouwt. Wat je op het scherm ziet, is precies wat je bezoekers straks te zien krijgen.

Tip! Werk op een computer of laptop. Op een telefoon is het bewerkingsscherm erg krap; je krijgt daar dan ook een melding. Je website bekijken kan natuurlijk gewoon op je telefoon.

Het scherm in 6 delen

1. Bovenbalk — de opslaan-status, hoeveel pagina's nog niet gepubliceerd zijn, en de knop terug naar je Dashboard.
2. Werkbalk — Hier vind je de site-instellingen, merkkleuren, versies en media; de schakelaar Mobiel/Tablet/Desktop; en rechts Bekijk site en Publiceren.
3. Componenten en Structuur (links) — onder Componenten staan alle bouwblokken: sleep er een naar je pagina. Onder Structuur zie je je pagina als lijstje — handig bij lange pagina's.
4. Je pagina (midden) — klik op een onderdeel om het te selecteren en te bewerken. Wat je hier ziet, is wat bezoekers krijgen.
5. Instellingen (rechts) — alle instellingen van het geselecteerde blok, verdeeld over vier tabs.
6. Paginastrip (onderaan) — al je pagina's; klik op ▴ om 'm open te klappen.

Een blok toevoegen

Sleep een blok uit de lijst Componenten naar de plek op je pagina waar je het wilt hebben. Je ziet tijdens het slepen een lijn die aangeeft waar het blok terechtkomt.

Blokken staan altijd netjes onder elkaar en nemen de volle breedte. Wil je dingen naast elkaar? Gebruik dan het blok Kolommen en sleep je blokken in de kolommen. Zie handleiding 4.

Een blok bewerken

Klik op een blok. Rechts verschijnen de instellingen, verdeeld over vier tabbladen:

Een tab die grijs is, heeft voor dit blok geen instellingen.

Alles wat je wijzigt, zie je direct in het midden gebeuren. Er is geen opslaan-knop nodig.

Interne ruimte

Bij bijna elk blok vind je onder Layout de interne ruimte: de witruimte binnen het blok. Kies een preset (Klein, Normaal, Ruim of Geen ruimte), of klap Fijn afstellen open om verticaal en horizontaal apart te regelen.

De positie van de inhoud regel je niet hiermee, maar met Uitlijning.

Het zwevende menu bij een blok

Selecteer je een blok, dan verschijnt er een klein zwevend werkbalkje. Dat heeft twee pagina's.

Pagina 1 — acties:

• de standaardknoppen om het blok te verplaatsen, te dupliceren en te verwijderen;
• Component kopiëren — zet het blok op je klembord;
• Component plakken — plakt de kopie direct ónder het geselecteerde blok. Werkt ook op een andere pagina;
• Plak stijl — neemt alléén de opmaak over van het gekopieerde blok (kleuren, randen, schaduw, ruimte). De inhoud blijft van het blok waar je op plakt. Ideaal om snel meerdere blokken dezelfde look te geven;
• Opmaak → — ga naar pagina 2.

Pagina 2 — snelle opmaak: ronde hoeken, randdikte, randkleur en schaduw. Handig voor kleine correcties zonder het zijpaneel in te duiken. Alles wat je hier kunt, kun je ook rechts in het zijpaneel — het zijn twee wegen naar dezelfde instelling.

Mobiel, tablet en desktop

Bovenin schakel je tussen drie schermgroottes: Mobiel, Tablet en Desktop. Zo controleer je meteen hoe je site er op een telefoon uitziet.

Je site past zich automatisch aan: kolommen stapelen op een smal scherm vanzelf onder elkaar. Je hoeft dus geen aparte mobiele versie te bouwen.

Sta je op Mobiel of Tablet, dan zie je een blauwe balk in het zijpaneel. Drie dingen kun je per apparaat apart instellen: uitlijning, lettergrootte en interne ruimte. Al het andere geldt voor alle schermen tegelijk.

Wil je een blok op de telefoon helemaal verbergen? Dat regel je onder Geavanceerd → Zichtbaarheid per apparaat.

Opslaan gebeurt vanzelf

Bovenin zie je de status:

• Opgeslagen — alles staat veilig.
• Bezig met opslaan… — even geduld.
• Niet opgeslagen — er staat nog een wijziging klaar (dat duurt normaal maar een seconde).

Daarnaast staat soms "3 niet gepubliceerd". Dat betekent: je hebt drie pagina's gewijzigd die je bezoekers nog niet zien. Klik op Publiceren om ze live te zetten.

Vangnet: ging er iets mis — een browser die crashte, een laptop die uitviel — dan meldt de editor bij het openen: "We vonden niet-opgeslagen wijzigingen voor deze pagina." Kies Herstellen of Negeren.

De knoppen in de werkbalk

Ongedaan maken

Gebruik Ctrl + Z (Windows) of Cmd + Z (Mac) om een stap terug te gaan, en Ctrl + Shift + Z / Cmd + Shift + Z om die weer opnieuw te doen.

Grotere terugval nodig? Gebruik de versiegeschiedenis (het klokje).