De Gutenberg Interface

introductie

Vanaf de release van WordPress 5.0 op 6 december 2018 heeft WordPress een nieuwe editor. Gutenberg is een block editor waarmee inhoud in blocks (vandaar de naam ...) wordt opgezet.
In dit deel van de handleiding word uitgelegd hoe je de functies van de nieuwe editor gebruikt en hoe je een block toevoegt.

de verschillende functies in de Gutenberg-interface
Image

[A] Nieuw blok toevoegen.

[B] Undo / Redo knoppen

[C] Informatie over aantal woorden, kopjes, blokken etc.

[D] Overzicht opbouw layout

[E] Nieuw blok toevoegen

[F] Shortcut blok toevoegen.

[G] Preview | Publish | Settings

  • Preview - opent een live preview van je bericht
  • Publish / Update - publiceert / update je bericht
  • Settings verstopt de sidebar
    (Yoast Settings alleen als je de plugin hebt geinstalleerd)
  • Overige opties als switchen naar de code editor e.d

[H] Document | Block

  • Document – instellingen voor status, datum, revisies, permalink, cover afbeelding, discussie en pagina attributen.
  • Block - instellingen voor het geselecteerde block

[I] Algemene document instellingen
(Block instellingen zijn afhankelijk en zichtbaar bij een geselecteerd block)

[J] Selecteren categorieën en tags

[K] Selecteer cover afbeelding

[L] Zichtbare tekst in het nieuws (blog) overzicht

[M] Wel of niet toestaan van comments, track- en pingbacks

Blokken toevoegen
Image

Om een block toe te voegen open je het keuzemenu A, zoek en selecteer het block wat je nodig hebt. Ieder Gutenberg-block heeft een eigen Block Editor waarmee de inhoud kan worden aangepast.  Klik in het blok om deze editor naar voren te halen. De edit mogelijkheden verschillen per blok.

More Options opent een aantal algemene mogelijkheden.

  • Show/Hide Block Settings: Hier kun je de layout settings van het block aanpassen.
  • Duplicate: dupliceert de content van het geselecteerde blok in een nieuw block.
  • Insert Before: blok toevoegen boven het geselecteerde blok
  • Insert After: blok toevoegen onder het geselecteerde blok
  • Edit as HTML: direct bewerken van de code
  • Add to reusable block: Bewaart het betreffende block onder “ Add Block”. Dit kan bijvoorbeeld handig zijn voor een terugkerend evenement waarbij alleen de datum moet worden aangepast.
  • Remove Block: Block verwijderen
Disclaimer

De aanleiding voor deze handleiding is de introductie van de Gutenberg editor in Wordpress. Voor het schrijven van de handleiding is gebruik gemaakt van de engelstalige versie 5.2. Hoewel ik heb geprobeerd een actuele en zo volledig mogelijke handleiding te schrijven kan het zijn dat informatie achterhaald is door de regelmatige updates van het Wordpress Team. Ik kan dan ook niet garanderen dat deze handleiding altijd up-to-date is en kan daar ook niet aansprakelijk voor gesteld worden.

* Het is niet toegestaan de inhoud en/of opmaak te kopiëren, wijzigen of onder je eigen naam aan te bieden.
* Wil je snel een woord opzoeken gebruik dan het Wordpress ABC

Updated 05/01/2019