HomeWordpressWordPress blokeditor: tips en shortcuts voor sneller werken
,

WordPress blokeditor: tips en shortcuts voor sneller werken

Een beetje blogger heeft altijd tijd tekort. Het heeft even geduurd, maar stilaan zitten er genoeg tips en trucs in de WordPress blokeditor om een stuk efficiënter te bloggen. Ga mee op ontdekking.

Leestijd: ca. 5 minuten

Van nature is die WordPress blokeditor niet bepaald intuïtief. Zeker niet voor wie gewoon is te werken met de klassieke WYSIWYG editor. Het is nog te vaak zoeken naar soms erg voor de hand liggende functies en instelmogelijkheden die her en der verspreid staan. Maar de blokeditor is en blijver, dus je kan maar beter je best doen om de nieuwe editor te doorgronden.

Deze sneltoetsen uit de WordPress blokeditor moet iedereen kennen

1. Enter

WordPress neemt een dubbele interlinie en voegt een gewone paragraaf/tekstblok in. Voer gewoon je tekst in.

Wil je de standaard dubbele interlinie tussen twee paragrafen niet? Tik Shift+Enter. Je cursor zal verspringen, maar geen witruimte invoegen.

2. / (+beginletters van een WordPress blok of patroon)

Wanneer je een WordPress blok aan je artikel wil toevoegen kan je natuurlijk altijd via de blok inserter passeren. Dan kan je grasduinen in de verzameling.

Wellicht is het handiger en sneller om Enter te drukken, vervolgens de / gevolgd door de beginletters van het blok dat je wil hebben.

Dat veronderstelt natuurlijk dat je goed weet hoe de blokken precies heten… In onderstaand tabelletje alvast enkele toetsencombinaties voor het selecteren van veelgebruikte WordPress blokken:

/ +Selecteer snel een blok uit de blok inserter
lLijst met opsommingstekens
yYouTube-video
aAfbeelding
vVulelement (extra witruimte tussen de blokken)
eEigen HTML
kKoptekst (tussenkopje)
gGroepblok
s(horizontaal) scheidingsteken
knKnoppen
kolKolommen

Misschien zou je ’t zo niet zeggen, maar stiekem kan je flink wat tijd besparen door jezelf vertrouwd te maken met deze shortcuts. Zeker als je bepaalde blokken erg vaak gebruikt. Een slimme toetsencombinatie intikken gaat sneller dan de muis erbij nemen, de blok inserter te doorzoeken en het blok in kwestie op de juiste plaats in je document in te voegen.

Houd er ook rekening mee dat je deze methode kan gebruiken bij de WordPress patronen en template onderdelen die je zelf aanmaakte. Deze zijn, net als de blokken en patronen afkomstig uit de eventuele Gutenberg block plugins, te herkennen aan een andere kleur van de icoontjes.

3. ##(+spatiebalk)

Wil je een tussenkopje invoegen in je tekst, en dus een h2 of h3 heading gebruiken? Ook dat kan in WordPress met een handige sneltoetscombinatie.

#+spatiebalkh1 (titel van het artikel)
##+spatiebalkh2 (Koptekst 2)
###+spatiebalkh3 (Koptekst 3)
####+spatiebalkh4 (Koptekst 4)
#####+spatiebalkh5 (Koptekst 5)
######+spatiebalkh6 (Koptekst 6)
Sneltoetsen voor het plaatsen van tussenkopjes met de WordPress blokeditor.

Stijlen kopiëren en plakken in de blokeditor

Je hebt heel wat mogelijkheden om de stijl/het design van individuele WordPress blokken aan te passen. Soms wil je een design ook elders op je site toepassen. Om niet telkens opnieuw te hoeven beginnen kan je het design van een blok kopiëren (zonder aan de inhoud van dat andere blok te raken).

  1. Selecteer een blok waarvan je de stijl wil overnemen
  2. Klik in de toolbar van het blok op de 3 puntjes: Opties
  3. Kies voor Kopieer stijlen
  4. Selecteer het blok waarop je deze stijlen wil toepassen
  5. Klik in het knoppenbalkje op de 3 puntjes: Opties
  6. Kies voor Stijlen plakken

Uiteraard kan dit handig zijn wanneer je wat “ingewikkeldere” designs wil maken en ook wat eenvormigheid wil hebben. Denk bijvoorbeeld aan knoppen, tabellen, kolommen, lijsten, tekstkaders, enzovoorts.

Stijl van een blok meteen toepassen in heel je site

Het nadeel van die vele mogelijkheden in de blokeditor van WordPress? Het is soms moeilijk om overal een coherent design neer te zetten. Toch valt ook hier een mouw aan te passen.

  1. Ga naar de Editor (via je dashboard, onder het kopje Weergave)
  2. Selecteer een (groep)blok waarvan je de stijl wil toepassen in je hele site
  3. Kijk bij de Instellingen (rechts)
  4. Scrol naar beneden, klik Geavanceerd
  5. Klik bij Stijlen op Globaal toepassen

WordPress blokken dupliceren

Je kan zeer snel blok(stijlen) overnemen door een blok te dupliceren. Het gekopieerde blok kan je dan gebruiken om de inhoud aan te passen, en het vervolgens waar nodig in te voegen.

  1. Selecteer een blok dat je wil dupliceren
  2. Klik in de toolbar van het blok op de 3 puntjes: Opties
  3. Kies voor Dupliceren

Het duplicaat wordt geplaatst onder het net gekopieerde blok.

Snel WordPress blokken kopiëren, invoegen of verwijderen

  1. Selecteer een WordPress blok
  2. Klik in de toolbar de knop met de 3 puntjes, Opties en kies wat je wil doen:
KopiërenEen blok kopiëren (het blok wordt naar je klembord verplaatst, zodat je het later elders kan plakken – met CTRL+v, eventueel zelfs in een andere WordPress pagina)
DuplicerenEr wordt een kopie gemaakt van het geselecteerde blok. Je ziet het duplicaat verschijnen.
Invoegen voorEen nieuw blok wordt ingevoegd voor het huidige blok.
Invoegen naEen nieuw blok wordt ingevoegd na het huidige blok.
VerwijderenHet geselecteerde blok wordt verwijderd.

Blokken slepen en verplaatsen

Dit kan eenvoudig.

  1. Selecteer een blok
  2. Klik in de toolbar op de knop Omhoog verplaatsen of Omlaag verplaatsen (de knop met 2 pijltjes). Het geselecteerde blok wordt respectievelijk één plek hoger geplaatst of één plek naar beneden geschoven.

Deze functie is vooral nuttig als je een blok over een kleine afstand wil verplaatsen. Wil je het blok over een grotere afstand verplaatsen?

  1. Selecteer een blok
  2. Kies in de toolbar voor de knop Sleep (6 puntjes)
  3. Houd de linkermuisknop vast en versleep het blok naar de gewenste plek. Let op de horizontale lijn die de exacte positie van het blok weergeeft.
  4. Laat de muisknop los

Het Document overzicht gebruiken in de blokeditor

Via het Document overzicht in de toolbar bovenaan (3 horizontale streepjes) krijg je een overzicht van alle contentblokken waaruit je pagina is opgebouwd.

Open het Document overzicht (in de linker kolom van het scherm) en selecteer het uitklapmenu met de opties van het blok in kwestie.

Om meerdere (aaneengrenzende) blokken te selecteren: houd de shift-toets vast en klik de blokken aan.

Ook via deze weg kan je snel (meerdere) blokken dupliceren, kopiëren, deleten. Andere blokken toevoegen, selecteren, samenvoegen en een nieuw blokpatroon aanmaken is eveneens mogelijk.

Het Klassiek blok

Heb je heimwee naar WordPress “oude stijl”? Je kan altijd je toevlucht nemen tot het Klassiek blok. Dan krijg je een WordPress-blok dat je de mogelijkheden en de workflow brengt van de oude WordPress editor.

Vind alle toetsencombinaties van de blokeditor

Gebruik shift+alt+H om een volledig overzicht te krijgen van alle sneltoetscombinaties van je WordPress setup.

Conclusie?

Ga bij jezelf een na hoe jij de WordPress blokeditor gebruikt: zijn er bewerkingen die je vaak herhaalt? Welke functies heb je het vaakst nodig? Leer de handigheidjes daarrond. Het lijkt een klein detail, maar als je nagaat hoeveel tijd je doorbrengt in die blokeditor valt er toch serieuze tijdwinst te rapen.

Laatst verschenen berichten

3 reacties op “WordPress blokeditor: tips en shortcuts voor sneller werken”

  1. Cees Smal avatar

    Vreemd dat er in dit artikel geen aandacht wordt geschonken aan het ‘klassieke blok’ dat ook in ‘Gutenburg’ editor nog steeds aanwezig is. Het geeft snelle toegang tot bepaalde mogelijkheden en in sommige gevallen ook meer mogelijkheden, zoals bijvoorbeeld de snelle toegang tot afbeelding en de bewerkingsmogelijkheden daarmee.

    1. Sharp Ben avatar
      Sharp Ben

      Ja, dat klopt! Het “Klassieke blok” ben ik inderdaad vergeten te vermelden. Daar zitten ook nog mogelijkheden.

  2. Katlijn avatar

    Dat zijn handige tips. Ik zal eens bekijken of ik ze kan toepassen.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.