Blokken selecteren en verplaatsen

Wanneer je aan de inhoud van je site werkt, wil je misschien een blok (of meerdere blokken) naar een ander deel van de pagina verplaatsen. In deze handleiding laten we je verschillende methoden zien om het juiste blok (of de juiste blokken) te selecteren en te verplaatsen.

In deze video leer je hoe je blokken selecteert en verplaatst in de WordPress-editor. Je ziet hoe je een blok selecteert door erop te klikken of via de lijstweergave, en hoe je een of meer blokken verplaatst met de pijlen in de werkbalk of door ze te slepen in de lijstweergave.

Voordat je een blok verplaatst, is het belangrijk dat je het juiste blok hebt geselecteerd. De meeste blokken kun je selecteren door er één keer op te klikken, maar sommige blokken staan genest in andere blokken. Laten we de verschillende methoden bekijken om het blok dat je wilt verplaatsen te selecteren.

Een andere manier om er zeker van te zijn dat je het bedoelde blok selecteert, is door de kruimelsporen onderaan het scherm te controleren, zoals hieronder in oranje aangegeven. Dit worden kruimelsporen genoemd, omdat het lijkt op een spoor van broodkruimels dat je kunt volgen:

Het blok dat je hebt geselecteerd is het laatste blok in de lijst van kruimelsporen. Als je een ander blok wilt selecteren, klik je op de naam van dat blok om het te selecteren.

Sommige blokken staan genest in andere blokken, het zogeheten bovenliggende blok. Gelukkig is er een eenvoudige manier om dat bovenliggende blok te selecteren. 

Een manier om dat te doen is met de bovenliggende blokkiezer in de blokwerkbalk van sommige blokken:

Wanneer je op een blok klikt dat in een bovenliggend blok staat, verschijnt links in de werkbalk een knop, zoals in oranje gemarkeerd in de afbeelding hierboven. Door op die knop te klikken, wordt het bovenliggende blok (in dit geval het Kolommenblok) geselecteerd.

Dit kan in veel gevallen nuttig zijn, bijvoorbeeld als er tekst in een kolom staat en je het Kolommenblok moet selecteren, of als je meerdere knoppen in een Knoppenblok hebt staan en je het gehele Knoppenblok wilt selecteren.

Er zijn verschillende methoden om het geselecteerde blok te verplaatsen.

Om een blok te verplaatsen, selecteer je het. Er verschijnt meteen een werkbalk boven of onder het blok. Je kunt het blok dan verplaatsen door op de pijltjes omhoog en omlaag te klikken om het blok één positie omhoog of omlaag te schuiven.

Je kunt een blok ook naar een andere plek slepen met het pictogram met de zes puntjes in de werkbalk.

In de volgende animatie zie je beide methoden:

Je kunt ook de lijstweergave gebruiken om een volledige lijst van de blokken op je pagina te zien en blokken naar nieuwe posities te slepen:

Met je muis kun je een blok naar de gewenste positie slepen:

Geneste blokken staan genest binnen opmaakblokken, zoals kolommen, rijen of stapels. Je kunt deze blokken verplaatsen door op de pijltjes in de werkbalk van het blok te klikken:

Je kunt meerdere blokken tegelijk verplaatsen door ze eerst allemaal met je muis te selecteren en vervolgens op de pijltjes in de werkbalk te klikken, zoals hieronder te zien is:

Je kunt ook de Lijstweergave gebruiken om meerdere blokken tegelijk te selecteren en ze naar nieuwe posities te slepen:

1. Open de Lijstweergave door op het pictogram met drie horizontale streepjes links bovenin de editor te klikken.
2. Klik op het eerste blok.
3. Houd de Shift-toets op je toetsenbord ingedrukt en klik op het laatste blok. Hiermee selecteer je alle blokken tussen het eerste en het laatste blok.
4. Klik en sleep de blokken naar de gewenste positie.

Als je blokken naast elkaar wilt plaatsen in plaats van onder elkaar, plaats je eerst het Kolommenblok. Vervolgens kun je in elke kolom blokken invoegen.

Als je bestaande inhoud in kolommen wilt plaatsen, voeg je eerst het blok Kolommen in en gebruik je vervolgens de Lijstweergave om de blokken naar een kolom te slepen.

De WordPress-agent kan je helpen bij het beoordelen en verbeteren van de structuur en opbouw van je pagina-inhoud. Hier zijn een paar voorbeeldprompts die je kunt kopiëren en gebruiken:

• “Bekijk deze pagina en stel een betere volgorde van de secties voor.”
• “Klopt de structuur van dit bericht voor een how-to-handleiding?”
• “Welke inhoud moet eerst op een portfolio-homepage staan?”
• “Geef suggesties om deze secties anders in te delen voor een betere leesbaarheid.”

WordPress-agent kan blokken op je pagina’s en berichten herschikken en herordenen op basis van een prompt in gewone taal. Hier zijn een paar prompts om te proberen:

• “Herorden de secties op mijn dienstenpagina zodat de prijssectie als laatste komt.”
• “Verplaats het blok met de uitgelichte afbeelding naar de bovenkant van mijn laatste bericht.”
• “Wissel de eerste en tweede alinea op mijn over pagina om.”
• “Verplaats het contactknopblok naar net onder de hero-sectie op mijn homepage.”