Gutenberg versus klassieke modus (Classic Editor)

uit de cursus Website bouwen met WordPress

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

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

Website bouwen met WordPress

perm_identity Walter van Rooij | video_library 34 video's | query_builder 3:06:49

Content Management Systeem (CMS) WordPress

Met het gratis Open Source CMS WordPress kun je professionele websites maken voorzien van alle functionaliteiten die je maar wenst. WordPress maakt gebruik van Thema’s voor de vormgeving en plug-ins voor de functionaliteiten.

Omdat WordPress wereldwijd een enorm populair CMS is en de basis vormt voor miljoenen websites is het een zeer betrouwbaar CMS waar continu gewerkt wordt aan veiligheid en functionaliteit. Vanwege de populariteit worden er ook veel plug-ins ontwikkeld door derden.

Je leert…

In deze cursus leer je hoe je met WordPress een website opzet met behulp van templates. We behandelen het downloaden en installeren van de meest belangrijke plug-ins. Denk aan SEO, Google maps, contactformulieren, privacyverklaring (GDPR), fotogallerijen etcetera

Uiteindelijk zorgen we ervoor dat je precies weet hoe je jouw website online op het world wide web krijgt. Binnen no time ben jij online.

Deze les gaat over het gebruik van de nieuwe editor in Wordpress

de Gutenberg-editor.

De Gutenberg-editor is een paginabewerking-systeem

waarmee je Pages en Posts bewerkt.

Het bewerken van een pagina betekent concreet

een titel aan de pagina geven,

tekst op de pagina plaatsen,

beeldmateriaal op de pagina plaatsen

en andere zaken zoals video, audio en meer.

Sinds versie . in Wordpress

is deze nieuwe editor ingevoerd

en ik ga er wat meer over vertellen.

Daarvoor log ik in op de achterkant van de website.

Hier ben ik in de achterkant van de website

en om te demonstreren hoe de Gutenberg-editor werkt

maak ik een nieuwe pagina aan.

Ik ga naar Pages in de menubalk.

en ik ga daar naar Add New.

Het vullen van de pagina met informatie

wat je in het engels Editen noemt

bestaat sinds de Gutenberg-editor

uit het plaatsen van blokken.

Je kan het vergelijken met egoblokken.

die stapel je allemaal op elkaar en vult ze met titels,

teksten, fotomateriaal, videomateriaal,

audio en Doodle Maps tot de pagina compleet is.

De soorten blokken die je allemaal tot je beschikking hebt vind je onder het plusje

links boven in de pagina

De blokken zijn ingedeeld in categorieën.

De blokken zijn ingedeeld in categorieën.

Ik zal eerste en titel geven aan de pagina en daarna wat blokken gaan toevoegen

Ik zal eerste en titel geven aan de pagina en daarna wat blokken gaan toevoegen

De titel die ik kies is: Blokken

Ik wil nu een stuk tekst toevoegen

Ik kies de plus in de linkerbovenhoek

Tekst toevoegen doe ik met Paragraph.

een stuk tekst toevoegen doe je zo

Zodra ik met mijn cursor klik

krijg ik de contouren van het tekstblok in beeld.

Druk ik nu op de Enter-toets

en geef ik dus een harde return

dan zie je dat er een witregel verschijnt

Maar in feite wordt er een nieuwe paragraaf gemaakt.

een nieuw blok dus

Zodra ik met mijn muis beweeg

krijg je te zien

dat dat inderdaad een op zichzelf staand blok is.

Voor elke paragraaf dus een eigen blok.

Ik zal in mijn tekstblokken wat meer tekst aanbrengen

Ik ga wat tekst kopiëren van de website Lipsum.com

daar selecteer ik een paragraaf tekst

die kopieer ik

en ik sluit deze pagina.

Mijn tweede blok

zal ik vullen met een stukje Lorem Ipsum-tekst

Klik ik naast een blok, dan is dit het resultaat

Klik ik naast een blok, dan is dit het resultaat

Je kan van blokken gemakkelijk de volgorde veranderen

Beweeg je met je cursor richting een blok,

dan krijg je een pijl naar beneden te zien.

Klik je daarop, dan verplaats je je blok naar onderen.

Bijzonder eenvoudig dus.

Een blok weggooien gaat als volgt:

je klikt op het verplaats-icoontje, je krijgt de menubalk in beeld,

je klikt op het verplaats-icoontje, je krijgt de menubalk in beeld,

je klikt daar op het hamburger-menu

en je krijgt de optie Remove Block aangeboden.

Zoals je kan zien zijn er dus verschillende manieren om blokken toe te voegen

De harde return

geeft je een nieuw blok, maar dat zal wel een tekstblok zijn.

Het plusje in de linker bovenhoek

voegt een blok toe

en geeft je de keuze uit verschillende elementen.

Ik plaats een Image

Een imageblock komt met de gelegenheid een image te uploaden

of toegang te vragen tot de Media-Library

In de Library heb ik al verschillende afbeeldingen

Ik kies er een uit

ik selecteer de afbeelding, en daar staat hij passend in mijn blok.

een interessante categorie blokken zijn de Lay-out-blokken.

Daar is een optie voor meerkolos blokken.

Zoals je kan zien kun je daar tekst invoeren

ik kopieer een stukje tekst uit een ander blok.

om mee te demonstreren hoe de blokken werken.

Ik plak dat in het ene blok en ik plak het ook in het andere blok.

Tweekoloms tekst maken is super eenvoudig.

Daarbij zijn er ook nog mogelijkheden om de verschillende kolommen verschillende kleuren te geven.

Het komt erop neer dat voor elk denkbaar mediatype wel een eigen blok is ontwikkeld.

Een functie die ik niet wil vergeten te vertellen

Is de mogelijkheid om blokken te dupliceren, maar vooral op te slaan.

Stel je voor dat er een blok is

waarvan je de opmaak

graag op alle pagina's van je website zou willen laten voorkomen

dan kan je zo'n blok bewaren.

Het gaat zo:

Ik klik op het verplaats-icoon van een blok

ik krijg toegang tot het hamburgermenu

en daar zie ik: Add to re-usable blocks.

daar kan ik het blok een naam geven

tweekoloms blok bijvoorbeeld, en ik Save het blok.

Op een volgende pagina of op een andere post

of gewoon onder dit blok

zou ik nu kunnen kiezen

voor een blok dat ik al eerder bewaard heb.

Twee kol... en daar verschijnt het al.

Het twee koloms blok

kies ik uit

en je ziet: vanuit een blokken-bibliotheek

kan ik het hergebruiken op pagina's en posts door heel mijn website.

Ik denk dat je inmiddels de indruk wel hebt gekregen

dat het werken met blokken op pagina's

het leven enorm veraangenaamt.

Een pagina maken met een mooie lay-out, aangevuld met allerlei media-types

was nog nooit zo eenvoudig als met de Gutenberg-editor.