De WordPress tekst editor

Gepubliceerd op: vrijdag 15-11-2019

Gutenberg is de naam van de nieuwe WordPress editor. Deze vervangt de huidige Klassieke editor. Met een editor pas je teksten via de backend van je site aan en bepaal je dus hoe je content op de voorkant wordt weergegeven. Hieronder een YouTube-filmpje en een korte instructie.

Handig: In het filmpje bij ca 3 min staat hoe je (inline) images kunt toevoegen tussen je teksten op je pagina’s.

Losse tekstblokken aanmaken

Gutenberg is gericht op het editten met tekstblokken. Je hebt niet meer 1 groot tekstvlak maar losse stukjes content. Je voegt dus blokken toe, past deze aan of verschuift de volgorde ervan. Wel kan het zijn dat je oude tekst nog als 1 groot tekstblok wordt weergegeven.

  1. Kies voor + teken, en kies voor paragraph om tekst toe te voegen. Wil je een foto, koptekst, lijst of iets anders toevoegen, selecteer de gewenste optie. Het blok wordt onderaan de tekst toegevoegd of onder het blok waarin je cursor staat, je kunt de content nu toevoegen.
  2. Pas de titel aan
  3. Wil je een blok boven dit blok toevoegen ga dan met je muis over punt 3, je krijgt dan een +teken te zien waarmee je een blok kunt toevoegen.
  4. Klik in de tekst om aanpassingen te doen
  5. Optiesbalk aan de zijkant kun je hiermee verbergen of tonen
  6. Via opties kun je andere weergaven kiezen als nodig

Inhoud van de blokken kiezen

Ga met je muis over een gedeelte waar je een tekstblok wilt toevoegen, je krijgt dan vaak een +teken te zien. Na klikken hierop volgt een submenu waarmee je het soort content kunt selecteren. Klik en het blok wordt toegevoegd. Hieronder zie je de submenu items die je kunt selecteren.

Blokken beheren

Klik in het betreffende blok:

  1. verplaats een blok 1 positie naar boven of beneden
  2. sleep het blok waarheen je wilt
  3. beheer de tekst binnen je blok
  4. meer opties

Kies vervolgens rechtsboven op de blauwe knop ‘Bijwerken’ om je aanpassingen op te slaan.

Html of javascript toevoegen

Wil je html of javascript toevoegen? Dit kan op 2 manieren:

  1. Klik op de 3 bolletjes in je tekstblok en kies voor ‘als html editor bewerken’.
  2. klik rechtboven in je editorscherm op de 3 puntjes (meer gereedschap en opties). Kies code editor (Ctrl + Shift + Alt + M). Al je blokken worden dan html.

Voeg vervolgens de code toe. Op de site zal deze worden uitgevoerd.

html toevoegen