WordPress

handleiding

WordPress

handleiding

de Gutenberg Interface

Gutenberg is de Standard Block Editor van WordPress waarmee inhoud in blocks (vandaar de naam ...) kan worden opgezet. In dit deel van de handleiding word uitgelegd hoe je de functies van de editor gebruikt en hoe je een block toevoegt.

screen options

Image
Overzicht van de Screen Options / Scherminstellingen in de Gutenberg Editor. De eerste pop-up (links) opent de algemene instellingen. Top Toolbar, Spotlight Mode en Full Screen Mode. Switch tussen de visuele editor en de Code editor. Eventuele Plugin instellingen, gereedschappen zoals een overzicht met Keyboard Shortcuts. Onder options open je een nieuwe pop-up (rechts), hier bepaal je welke document instellingen je te zien krijgt.

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 verbergt de sidebar
  • 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 alleen zichtbaar wanneer een block is geselecteerd)

[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

Blokken verplaatsen

Image
Je kunt de blokken verplaatsen met behulp van de de pijlen in de block editor. Alle informatie over de inhoud van het blok (inclusief lettertype, kleur en grootte) beweegt met het blok mee.

Disclaimer

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.

Laatst bijgewerkt op 07.07.2021

* 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

social