Schrijven en bewerken

WordPress Editor: Met blokken werken

Je gebruikt de WordPress-editor om pagina’s en berichten op je website te maken. Hieronder leggen we uit hoe je de editor gebruikt.

Dit is een uitgebreide handleiding voor alle functies van de WordPress-editor.

Ga naar Content toevoegen via blokken, bekijk deze video’s of lees hier onze introductietutorials als je snel aan de slag wil gaan.

Inhoudsopgave

de WordPress-editor met een omslagblok, tekst en een knop.
De WordPress-blokeditor

Je kan de WordPress-blokeditor gebruiken om pagina’s en berichten boordevol media te creëren en de lay-out eenvoudig te beheren. In plaats van je zorgen te maken over de uitlijning en organisatie van tekst, citaten en afbeeldingen, heeft elk element in een bericht of pagina nu zijn eigen blok, zodat jij je kan richten op het ontwerpen van je site.

Als je editor er niet hetzelfde uitziet als in deze handleiding, bekijk dan deze nuttige informatie over de verschillende editors.


Elementen van de WordPress-editor

De WordPress-editor is onderverdeeld in drie hoofdonderdelen: het bovenste menu, de menu’s in de sidebars en het hoofd-contentgebied.

Bovenste menu WordPress-editor

toont de opties bovenaan de editor, voor het toevoegen van blokken, publiceren van berichten en openen van het instellingenmenu.
Bovenste menu WordPress-editor

Opties bovenste menu

een plus-pictogram.

Blokken toevoegen – blader door alle beschikbare blokken, blokpatronen en herbruikbare blokken.

een potloodpictogram

Modi – Met deze tools kan je op verschillende manieren blokken selecteren en bewerken. Druk op Escape om te selecteren en druk op Enter om terug te gaan naar bewerken.

pijltjes die naar links en rechts wijzen.

Ongedaan maken en herstellen – Maak een actie ongedaan, of herstel een ongedaan gemaakte actie.

een omcirkelde I dat als informatiepictogram dient.

Gegevens – het aantal gebruikte tekens, woorden, koppen, alinea’s en blokken in dit document.

drie niet uitgelijnde horizontale lijnen.

Overzicht – een lijstweergave van alle gebruikte blokken op de pagina. Handig om tussen verschillende blokken te springen.

Voordat je je pagina of bericht publiceert, krijg je deze opties te zien:

links met de tekst 'Concept opslaan', 'Voorbeeldweergave' en een knop met de tekst 'Publiceren'.

Concept opslaan – sla een concept van je pagina of bericht op
Voorbeeldweergave – bekijk hoe je pagina of bericht eruitziet met het toegepaste thema.
Publiceren – publiceer je pagina of bericht.

Nadat je je pagina of bericht hebt gepubliceerd, krijg je deze opties te zien:

links met de tekst 'Terugzetten naar concept', 'Voorbeeldweergave', en een knop met de tekst 'Bijwerken'.

Terugzetten naar concept – haal een pagina of bericht offline en zet deze terug naar een concept.
Voorbeeldweergave – bekijk hoe je pagina of bericht eruitziet met het toegepaste thema.
Bijwerken – werk je gepubliceerde pagina of bericht bij met de nieuwe content.

een instellingenpictogram.

Instellingen – toon of verberg een sidebar met pagina-, document- en blokinstellingen.

een pictogram met een A in het midden.

Algemene stijlen – als je een thema gebruikt dat algemene stijlen ondersteunt, kan je deze optie gebruiken om de lettertypen op je hele website aan te passen.

een groen en wit pictogram voor Jetpack.

Jetpack – hiermee kan je likes en het delen van een pagina of bericht in-/uitschakelen, een voorbeeldweergave van het delen op social media weergeven en de Shortlink naar je pagina of bericht ophalen.

pictogram met drie verticale punten.

Opties – opent de weergaveopties, editorstijl en andere tools.

Menu in de sidebar van de WordPress-editor

Via de pictogrammen instellingen, algemene stijlen en Jetpack in het bovenste menu kan je de verschillende menu’s in de sidebars openen.

📌

Klik op een van de drie pictogrammen in het bovenste menu naast de knop Publiceren/bijwerken als je geen sidebar ziet weergegeven in de blokeditor.

Instellingen

Het menu in de sidebar met instellingen bevat instellingen voor je pagina/document:

Als je op een bepaald blok klikt, worden er in het menu in de sidebar met instellingen extra blokinstellingen voor dat type blok weergegeven.

het bovenste menu met het instellingenpictogram geactiveerd.
Instellingenpictogram

Algemene stijlen

In de sidebar met algemene stijlen kan je de standaard lettertypen op de hele website aanpassen voor koppen en standaardtekst.

het bovenste menu met het pictogram Algemene stijlen geactiveerd.
Pictogram Algemene stijlen

Jetpack

In het Jetpack-menu in de sidebar kan je:

het bovenste menu met het Jetpack-pictogram geactiveerd.
Jetpack-pictogram

Contentgebied WordPress-editor

Het derde element van de WordPress-editor is waar je de meeste tijd zal doorbrengen. Dit is het hoofdonderdeel van de editor, waar je blokken of content toevoegt.

De editor bevat daarnaast een eenvoudige ontwikkelingsfunctie voor pagina’s en berichten. Met blokken kan je razendsnel meerdere media-elementen en visuele elementen toevoegen en aanpassen, die eerst nog ingewikkelde shortcodes, aangepaste HTML-code en embeds vereisten.

💡

Je kan ook meteen beginnen met schrijven en je later pas druk maken over je pagina-indeling (of helemaal niet!)

Klik hier voor een geweldige handleiding voor het gebruiken van de WordPress-editor als schrijver of blogger.


↑ Inhoudsopgave ↑

Content toevoegen via blokken

In de WordPress-editor gebruik je blokken om content te maken. Er is een blok voor ieder soort element dat je maar kan bedenken: tekst, afbeeldingen, video, audio, kolommen, ruimtes, pagina-einden, betaalknoppen, agenda’s en nog veel meer!


↑ Inhoudsopgave ↑

Een blok toevoegen

Je hebt de keuze uit veel verschillende soorten blokken die gesorteerd zijn op categorie. Je kan elk blok onafhankelijk van andere blokken bewerken en verplaatsen. Individuele blokken hebben soms hun eigen indelingsinstellingen, zodat je nog meer controle hebt over de lay-out en functie.

een schermopname van de verschillende methoden om nieuwe blokken toe te voegen aan de WordPress-editor.
Nieuwe blokken toevoegen

Er zijn verschillende manieren om een blok toe te voegen en het type blok dat je nodig hebt te kiezen.

💡

De snelste manier om een blok toe te voegen, is door te zoeken naar het plusje op je scherm. Klik op het plusje waar dan ook op je scherm om een blok toe te voegen.

Of begin met typen in een leeg deel, zodat er standaard een paragraafblok wordt gegenereerd.

  1. Klik op het zwarte +-pictogram naast een leeg blok.
  2. Klik op het +-pictogram linksboven in de editor. Deze optie is een goede manier om de verschillende blokstijlen te bekijken.
  3. Druk in een geselecteerd blok op Enter om eronder een nieuw blok te maken.
  4. Klik op de drie puntjes vlak boven een geselecteerd blok en selecteer of je een blok boven of onder het huidige blok wilt toevoegen.

Zodra je de namen van verschillende blokken uit je hoofd kent, kan je een blok toevoegen door een slash te typen, gevolgd door de naam van het blok, zoals /afbeelding of /koptekst.

voorbeeld met de slashtoets om te zoeken naar verschillende blokken.
Sneltoets om een blok toe te voegen

Je meestgebruikte blokken bekijken

Om de categorie Meestgebruikte blokken in te schakelen, volg je deze stappen:

  1. Klik op de drie puntjes rechtsboven in de hoek van het editorscherm.
  2. Klik op Voorkeuren.
  3. Vink het vakje aan naast Meestgebruikte blokken weergeven.
de algemene voorkeuren met het vakje 'Meestgebruikte blokken weergeven' aangevinkt.
Meestgebruikte blokken weergeven

Nadat de optie meestgebruikte blokken is ingeschakeld, kan je in de blokbibliotheek door de blokken bladeren die je het vaakst gebruikt.

Klik op het plusje +-pictogram in het bovenste menu om de blokbibliotheek te openen. Je meestgebruikte blokken zullen bovenaan de bibliotheek worden weergegeven.

de blokbibliotheek uitgeklapt met de meestgebruikte blokken weergegeven.
Categorie Meestgebruikte blokken

↑ Inhoudsopgave ↑

Blokken verplaatsen

Je kan blokken verplaatsen door op de zes puntjes in de werkbalk van het blok te klikken en te verslepen. De werkbalk verschijnt als je in het blok klikt. Je kan ook de pijltoetsen omhoog en omlaag gebruiken om een blok omhoog of omlaag te verplaatsen.

Blokken verplaatsen

↑ Inhoudsopgave ↑

Blokken aanpassen

Elk blok heeft zijn eigen instellingen. Klik op het blok. Hierdoor wordt een werkbalk bovenaan het blok weergegeven. Je kan ook aanvullende instellingen in de sidebar bekijken, aan de rechterzijde van de editor.

📌

Als je de blokinstellingen aan de rechterkant van je editor niet ziet, klik dan op het ⚙️-instellingenpictogram (dat op een tandwiel lijkt) naast de knop Publiceren/bijwerken om het menu van de sidebar uit te klappen.

het instellingenpictogram naast de knop Publiceren, omkaderd.

Voorbeelden van verschillende werkbalken voor blokken

Werkbalk paragraafblok - bovenzijde blok.
Werkbalk paragraafblok
Werkbalk afbeeldingblok - bovenzijde blok.
Afbeelding blok-werkbalk
Werkbalk lijstblok - bovenzijde blok.
Werkbalk lijstblok

Blokinstellingen – Werkbalk

Klik voor extra opties op de drie puntjes rechts van de werkbalk voor blokken. Ze zijn beschikbaar bij de meeste blokken.

  1. Blokinstellingen verbergen sluit het instellingenmenu.
  2. Dupliceren opent een tweede blok op dezelfde pagina met dezelfde content.
  3. Invoegen voor/na voegt een nieuw blok toe voor of na het huidige blok.
  4. Bewerken als HTML opent het blok als HTML, zodat je de HTML-versie direct kan bewerken. Wanneer je het blok als HTML bewerkt, verandert deze optie in Visueel bewerken.
  5. Toevoegen aan herbruikbare blokken zorgt ervoor dat je een blok kan maken die op andere pagina’s gebruikt kan worden terwijl de content en stijl van het blok behouden blijft. Meer informatie.
  6. Blok verwijderen verwijdert het blok uit je pagina/bericht.
het menu van de drie puntjes (Meer opties) uitgeklapt om de extra blokopties weer te geven.
Extra opties blok-werkbalk

⚠️

Niet alle code zal beschikbaar zijn bij het bewerken als HTML. Als je code goedgeformuleerd en foutloos is, controleer dan of die voorkomt op de lijst met goedgekeurde HTML-tags en of het geen verboden code is, zoals JavaScript.

Blokinstellingen – Sidebar

Met de blokinstellingen aan de rechterkant van je editor heb je toegang tot verschillende opties, gebaseerd op het type blok dat je gebruikt.

In het screenshot aan de rechterkant is het actieve blok een paragraaf, dus bevatten de opties het veranderen van de lettertypegrootte, de kleur van lettertype en de achtergrond, geavanceerde opties voor het creëren van pagina-verspringingen en de mogelijkheid om een CSS-klasse toe te voegen.

📌

Als je de blokinstellingen aan de rechterkant van je editor niet ziet, klik dan op het ⚙️-instellingenpictogram (dat op een tandwiel lijkt) naast de knop Publiceren/bijwerken om het menu van de sidebar uit te klappen.

het instellingenpictogram naast de knop Publiceren, omkaderd.
de sidebar met blokinstellingen die de paragraafblokopties toont zoals tekst-, kleur- en AMP-instellingen.
Blokinstellingen in de sidebar bevatten extra opties met betrekking tot het blok dat je aan het bewerken bent.

↑ Inhoudsopgave ↑

Bloktype veranderen

Wat als je een bloktype wil wijzigen? Geen probleem! Je kan elk blok omzetten naar een vergelijkbaar of gerelateerd bloktype. Je kan een paragraaf bijvoorbeeld omzetten naar een koptekst, een lijst of een citaat.

een schermopname met de blokwerkbalkoptie om het bloktype te wijzigen van een paragraaf naar een citaat of een koptekst.
Een bloktype wijzigen

↑ Inhoudsopgave ↑

Bloknavigatie (Blokken selecteren)

Sommige blokken zijn genest in andere blokken (het zogenaamde ‘bovenliggende’ blok) en je hebt een eenvoudige manier nodig om het bovenliggende blok te selecteren. 

Je hebt bijvoorbeeld een kolommenblok dat je de volle breedte wilt geven. Als je op slechts één kolom klikt, krijg je die optie niet. Door naar het bovenliggende blok te gaan (het kolommenblok), krijg je de optie om de indeling van het blok te wijzigen.

Om het bovenliggende blok te selecteren, plaats je de muiscursor op het pictogram dat zo ver mogelijk links van de blokwerkbalk staat, zoals aangegeven in dit screenshot:

een schermopname van de muis op de bovenliggende blokoptie te houden in de werkbalk van het blok.

Dit kan nuttig zijn als er tekst in een Kolomblok staat en je het Kolomblok moet selecteren of als je meerdere knoppen in een Knoppenblok hebt staan en je het gehele Knoppenblok wilt selecteren.

Je kan ook het Gegevensmenu gebruiken om naar de blokken te gaan die je hebt toegevoegd aan je pagina/bericht:

het gegevensmenu in het bovenste menu uitgeklapt om de lijstweergave van gebruikte blokken in de pagina of het bericht weer te geven.

Het Gegevensmenu is een vervolgkeuzemenu dat alle blokken bevat die je hebt ingevoegd op je pagina of bericht. Hiermee kan je eenvoudig de structuur van je pagina zien en een bestaand blok kiezen waar je aan wilt werken.


Klik op het pictogram dat lijkt op een kleine opsommingslijst met drie horizontale lijnen om het Gegevensmenu te openen. Je vindt deze na de contentstructuur (informatiepictogram) in de linkerhoek van de editor.

Het Gegevensmenu is met name nuttig voor het navigeren naar moeilijk toegankelijke blokken, zoals een afzonderlijke kolom binnen een kolommenblok of een blok binnen een groepblok:

een schermopname van het Gegevensmenu uitgeklapt en van het selecteren van een bepaald blok om het te activeren.
Je kan met de tool bloknavigatie rechtstreeks naar een blok op de pagina gaan om het te bewerken.

↑ Inhoudsopgave ↑

Een blok verwijderen

Om een blok te verwijderen, selecteer je het blok en klik je op de drie puntjes die erboven in de werkbalk staan. Tussen de instellingen zie je de optie staan om dat blok te verwijderen.

Het ellips-menu in de blokwerkbalk uitgeklapt en de optie Blok verwijderen omkaderd.
Een blok verwijderen

↑ Inhoudsopgave ↑

Blokpatronen

Blokpatronen zijn een verzameling van blokken die je in berichten en pagina’s kan invoegen. Ze bieden een snelle manier om content toe te voegen in visueel aantrekkelijke patronen.

Er is bijvoorbeeld een blokpatroon waarmee je drie afbeeldingen naast elkaar kan invoegen.

Je voegt een blokpatroon als volgt in:

  1. Klik op het +-pictogram in het bovenste menu om een nieuw blok toe te voegen.
  2. Klik op het tabblad Patronen.
  3. Klik op het patroon dat je wil invoegen en het patroon wordt in het document ingevoegd op de plek van je cursor.
het plusje in het bovenste menu uitgeklapt en de optie Patronen geselecteerd om de verschillende beschikbare blokpatronen weer te geven.

Bekijk voor meer informatie onze handleiding voor blokpatronen.


↑ Inhoudsopgave ↑

Een voorbeeldweergave van de pagina of het bericht

Hoewel de blokeditor je een visueel voorbeeld geeft van hoe de pagina eruitziet als je deze zou publiceren, kan de pagina er iets anders uitzien nadat het thema of de thema-aanpassing is toegepast.

de optie Voorbeeldweergave omkaderd om deze uit te lichten.
De optie Voorbeeldweergave in het bovenste menu

Met de optie Voorbeeldweergave kan je de pagina laden waar je momenteel aan werkt, samen met het thema en opgeslagen thema-aanpassingen (zoals aangepaste CSS).

Bovendien kan je met voorbeeldweergave zien hoe je pagina of bericht eruitziet op een desktop, tablet of mobiel apparaat. Ten slotte kan je een voorbeeldweergave van je pagina bekijken zoals deze eruitziet bij zoekresultaten en als deze op social media wordt gedeeld (WordPress Business abonnement of hoger vereist).

in de optie Voorbeeldweergave, de opties om een voorbeeldweergave te tonen voor desktop, tablet, telefoon of social media.
Voorbeeldweergaven voor verschillende apparaten

↑ Inhoudsopgave ↑

Documentinstellingen

Rechts van de blok-editor vind je het menu Documentinstellingen waarmee je tags en categorieën kan toevoegen, een uitgelichte afbeelding kan kiezen, de status van je bericht kan bekijken en wijzigen en meer. Deze opties zijn van toepassing op de gehele pagina of het gehele bericht.

Klik op de pijl omlaag naast elke koptekst in de documentinstellingen om deze specifieke opties te bewerken.

📌

Als je de documenteninstellingen rechts van de blok-editor niet ziet, klik dan op het tandwiel-instellingenpictogram ⚙️ in de rechterbovenhoek om de documenteninstellingen te openen.

het instellingenpictogram naast de knop Publiceren, omkaderd.

↑ Inhoudsopgave ↑

Meer opties

Pas de bewerkingsfuncties naar eigen behoeften aan op de drie puntjes rechts naast het instellingenpictogram door te klikken.

Weergave

Kies uit deze opties en bepaal waar de blok-werkbalken verschijnen tijdens het bewerken.

Editor

Je bevindt je standaard in de Visuele editor. Schakel over naar de Code-editor om de volledige pagina in HTML-code te zien.

Niet alle code zal beschikbaar zijn bij het bewerken als HTML. Als je code goed geformuleerd en foutloos is, controleer dan of die voorkomt op de lijst met goedgekeurde HTML-tags en of het geen gelimiteerde code is, zoals JavaScript.

Hulpmiddelen

Beheer de bestaande herbruikbare blokken, kopieer alle content naar een andere pagina of bekijk meer informatie over de sneltoetsen.

Opties

Kies welke documentinstellingen in de sidebar zichtbaar zijn.

het ellips-menu in de bovenste werkbalk uitgeklapt en de weergave-, editor-, plugin- en andere weergave-instellingen weergegeven voor de blokeditor.
Meer opties

↑ Inhoudsopgave ↑

Veelgestelde vragen

Hoe kan ik HTML bewerken in de WordPress Editor?

Je kan een Aangepaste HTML-blok toevoegen als je je eigen HTML-code wilt creëren.

Bekijk hier meer opties voor het bewerken van HTML-code in de WordPress Editor.

Niet alle code zal beschikbaar zijn bij het bewerken als HTML. Als je code goedgeformuleerd en foutloos is, controleer dan of die voorkomt op de lijst met goedgekeurde HTML-tags en of het geen verboden code is, zoals JavaScript.

Wat heeft dit voor invloed op mijn huidige content?

Als je bent overgeschakeld van de klassieke editor naar de blokeditor, zou je huidige content er hetzelfde moeten blijven uitzien als voorheen. Als je een bestaand bericht of een bestaande pagina in de nieuwe editor bewerkt, wordt alle content in een klassiek blok geplaatst, die de content op dezelfde manier behandelt als de vorige editor. Meer informatie over het omzetten naar blokken vind je hier.

Waarom ziet mijn content er in de editor niet hetzelfde uit als op de site?

Het is mogelijk dat je wat verschillen ziet tussen je content in de editor en je content op de site, voornamelijk vanwege de manier waarop je thema verschillende visuele elementen weergeeft. Sommige thema’s bevatten stijlen die zorgen dat de editor meer op de voorpagina van de site lijkt, maar andere thema’s niet. Als je thema bijvoorbeeld een sidebar bevat, zie je deze niet in de editor, wat van invloed kan zijn op de breedte van je content wanneer deze op de voorpagina van je site wordt weergegeven.

Waarom zijn sommige instellingen beschikbaar op een van mijn sites, maar niet op andere sites?

Als je het WordPress.com Business abonnement op een site hebt, heb je mogelijk plugins die aangepaste blokken toevoegen aan je editor. Deze zijn dan niet beschikbaar op een andere site waarop die plugin niet wordt uitgevoerd.

Sommige instellingen in blokken, zoals ‘breed’ of ‘volledige breedte’, moeten ondersteund worden door je thema. Hoewel dezelfde blokken aanwezig zullen zijn op verschillende sites, kunnen de specifieke instellingen die je op de blokken kan toepassen van elkaar verschillen, afhankelijk van je actieve thema.

Kan ik de vorige editor nog steeds gebruiken?

De oude editor, ook bekend als de klassieke editor, kan binnen de blokeditor worden gebruikt dankzij het Klassieke blok. Dit is hoe je het Klassieke blok gebruikt.

Blijven shortcodes nog gewoon werken?

Ja. De editor beschikt over een shortcode-blok, dat je net zoals voorheen kan gebruiken voor shortcodes. In de toekomst krijgen veel shortcodes hun eigen blok.

Is deze editor toegankelijk?

Het doel van onze nieuwe WordPress Editor is om hem even toegankelijk te maken (of misschien zelfs nog toegankelijker) dan de vorige editors. We willen dat iedereen de editor kan gebruiken. In onze WordPress-codeernormen voor toegankelijkheid (WordPress Accessibility Coding Standards) staat vermeld dat ‘Alle nieuwe of bijgewerkte code die in WordPress wordt uitgebracht, moet voldoen aan de WCAG 2.0-richtlijnen op niveau AA‘. Deze nieuwe editor is hierop geen uitzondering. Als je een toegankelijkheidsprobleem opmerkt, neem dan contact met ons op.

Moet ik een bepaald thema gebruiken voor de nieuwe editor?

Nee. De nieuwe blok-editor kan in combinatie met alle thema’s worden gebruikt. Alleen bepaalde thema’s kunnen echter specifieke lay-outfuncties ondersteunen (zoals content met de indeling ‘breed’ en ‘volledige breedte’).

Waar kan ik een volledige lijst met sneltoetsen vinden?

In het WordPress-handboek vind je een volledige lijst met sneltoetsen.

Hoe kan ik dingen als het aantal woorden en de spellingscontrole bekijken?

Om te zien hoeveel woorden je hebt gebruikt op je pagina of in je bericht, klik je op het informatiepictogram dat eruitziet als de letter ‘i’ met een cirkel eromheen, dat linksboven op het scherm wordt weergegeven. Deze optie is alleen beschikbaar via desktop, niet mobiel.

Er is geen spellings- en grammaticacontrole omdat alle moderne browsers nu al standaard spellingscontrole bevatten. Je kan daarop vertrouwen om spelfouten in berichten te corrigeren.

Was deze handleiding nuttig?