Handboek Wordpress 5

Handboek WordPress 5: De visuele editor Gutenberg gebruiken

Handboek WordPress 5Deze maand besteden we extra aandacht aan WordPress én het Handboek WordPress 5. We praten (weer) met schrijver Dirkjan van Ittersum. Deze keer over de vernieuwingen in WordPress 5 en de mogelijkheden van WordPress. We laten je kennis maken met het boek door wat voorproefjes uit het boek op dit WordPress-blog (Computer Creatief) te plaatsen. Daarnaast vertellen we over onze eigen ervaringen met WordPress. We beginnen de voorproefjes met de beschrijving van de nieuwe visuele editor Gutenberg, de opvolger van de ‘klassieke’ editor. (H.F.)

De visuele editor gebruiken

Bij het schrijven van het bericht gebruikt u de visuele editor Gutenberg. Dit is de opvolger van de ‘klassieke editor‘ die werd gebruikt in vorige versies van WordPress. Het werken met Gutenberg is even wennen, maar de logica erachter wordt snel duidelijk.

TIP • Heimwee naar de klassieke editor? Wie niet kan zonder de klassieke editor van WordPress, heeft de mogelijkheid om die (voorlopig) te blijven gebruiken. De editor is beschikbaar als plug-in. In hoofdstuk 8 gaan we aan de slag met plug-ins. Daar bespreken we ook de plug-in ‘Klassieke editor’. In dit hoofdstuk gebruiken we de nieuwe Gutenberg-editor, die in komende edities van een steeds belangrijker rol gaat spelen.

Een blok toevoegen

Centraal in Gutenberg staan blokken. Zie het als bouwblokken waarmee u een bericht opbouwt. Een bouwblok kan iets simpels zijn als een paragraaf, maar ook een foto met tekst erin of een YouTube-video. Het gaat als volgt:

  1. Klik op de plus linksboven.
  2. Kies een blok. Bovenaan staan de meestgebruikte.
  3. Eronder staan alle blokken opgedeeld in categorieën, waaronder Opmaak, Layout elementen en Widgets.
  4. Kies bijvoorbeeld voor Citeren.
  5. Er verschijnt nu een blok waarin u een citaat kunt plaatsen.
  6. Door linksboven in het blok te klikken op het citaatpictogram, kunt u een andere lay-out kiezen. Hier kunt u ook besluiten om het bloktype te veranderen in bijvoorbeeld Kop, Lijst of Pull-quote. Wijzig het bloktype en bekijk wat er verandert.
visuele editor Gutenberg
Klik op het plusje om een nieuw blok toe te voegen. Kies eronder een bloktype, bijvoorbeeld Citeren.
visuele editor Gutenberg
Hier hebben we een citaat ingevoegd in het blok Citeren.
visuele editor Gutenberg
Via blokstyling wijzigt u de opmaak van het citaat.

Oudere websites en Gutenberg

Ook wie een oudere WordPress-site heeft, krijgt te maken met de editor Gutenberg. Door te updaten naar versie 5 (of nieuwer) wordt de editor automatisch toegevoegd. Oudere berichten verschijnen in een soort hybride vorm. In Gutenberg ziet u een blok met erboven Klassiek. Door op het blok te klikken verschijnt de oude editor van WordPress. Zo kunt u oudere berichten bewerken zoals u dat voorheen deed. Nieuwe berichten stelt u op volgens de nieuwe ‘blokkenmethode’.

visuele editor Gutenberg
Oude berichten die niet met Gutenberg zijn gemaakt herkent u aan de kop Klassiek. Klik erop voor de aloude editor van WordPress.

Tekst in een blok vormgeven

Met de editor kunt u de tekst opmaken door woorden bijvoorbeeld vet of cursief te maken. Ook is het mogelijk om tekst te linken en een afbeelding in te voegen. Het werkt ongeveer hetzelfde als een tekstverwerker zoals Word.

  1. Klik in het tekstblok en selecteer een woord.
  2. Met de pictogrammen voor uitlijnen kunt u de tekst links of rechts uitlijnen of centeren.
  3. Verder staan hier de knoppen voor vet en cursief. U kunt met het linkpictogram de tekst laten linken naar een andere webpagina.
  4. Voor meer opties klikt u op het pijltje dat naar beneden wijst. Zo kunt u de tekst eruit laten zien als programmeercode of doorgehaald. Tot slot is er de optie om in het blok een afbeelding toe te voegen, al kunt u afbeeldingen in de meeste gevallen beter als een los blok toevoegen.
visuele editor Gutenberg
Gebruik de werkbalk om tekst bijvoorbeeld cursief te maken.
visuele editor Gutenberg
Klik op het pijltje voor nog enkele extra opties, bijvoorbeeld voor het doorhalen van tekst.

TIP • Blokopties Als u een blok selecteert, verschijnen rechts in het scherm blokopties. Voor het blok Paragraaf kiest u bijvoorbeeld voor een Initiaal. De eerste letter van de paragraaf (alinea) wordt dan over twee regels weergegeven. Bij blokopties kunt u ook de lettergrootte kiezen.

visuele editor Gutenberg
Hier is in een blok een stuk tekst getypt. Via Blokopties is gekozen voor Initiaal en is de achtergrondkleur gewijzigd.

Een blok verwijderen

Als u minder tevreden bent over een blok is het eenvoudig deze te verwijderen. Ga als volgt te werk:

  1. Klik in het blok.
  2. Klik op de drie stippen (Meer opties).
  3. Kies Blok verwijderen.
Verwijder een blok via de drie stippen in de knoppenbalk.

Via de drie stippen uit bovenstaande afbeelding vindt u nog enkele andere opties, waarvan de belangrijkste zijn:

  • Dupliceren om een blok te kopiëren om het elders in het bericht te hergebruiken.
  • Aan herbruikbare blokken toevoegen om een blok te bewaren zodat u het in een ander bericht kunt hergebruiken.
  • Als HTML bewerken voor als u handig bent met HTML-code en het bericht wilt bewerken gebruikmakend van die markeertaal.

Geef een reactie

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