WordPress Site-editor: alles over Gutenberg & WordPress Full Site Editing

Maddy Osman Laatst bijgewerkt op 09.08.2021
12 Min.
Een WordPress  Site Editor Gids: WordPress  Volledige Site Bewerking
Laatst bijgewerkt op 09.08.2021

Als je een WordPress liefhebber bent, heb je waarschijnlijk het nieuws gehoord dat WordPress Full Site Editing (FSE) naar het platform komt. Full Site Editing is een baanbrekende nieuwe functie voor WordPress die gebruikers meer controle geeft over het ontwerp van hun website. 

Zoals de naam al doet vermoeden, is WordPress Full Site Editing bedoeld om een meer naadloze websitebewerkingservaring te bieden aan WordPress, vergelijkbaar met Page Builder plugins

Zodra Full Site Editing beschikbaar is in WordPress hoef je als website-beheerder niet langer afhankelijk te zijn van front-end web designers om zelfs de kleinste wijzigingen aan te brengen. 

Full Site Editing binnen de WordPress Site Editor is een langverwachte functie binnen de WordPress comminuty, maar deze werd niet met de nieuwste versie meegeleverd. In plaats daarvan is de ontwikkeling al een tijdje aan de gang en dat zal in de nabije toekomst zo blijven.

Maar om beter te begrijpen wat de WordPress Full Site Editor is, hoe je deze kunt testen en wat dit betekent voor de toekomst van de WordPress Site Editor, voor de theme-markt en de webdesign-branche als geheel, lees je in dit artikel. 

De volgende onderwerpen zullen we behandelen:

  • Een definitie van WordPress Full Site Editing
  • Hoe krijg je toegang tot de WordPress Site Editor
  • De toekomst van WordPress Full Site Editing
  • Wat WordPress Full Site Editing betekent voor de toekomst van de WordPress thememarkt
  • Zullen er in de toekomst nog een WordPress Site Editor en Page Builders zijn?
  • Zullen er in de toekomst nog ontwerpers nodig zijn?
  • Laatste gedachten over WordPress Full Site Editing

Wat is WordPress Full Site Editing?

Als je kijkt naar hoe een typische WordPress website werkt, zul je merken dat sommige elementen altijd hetzelfde zijn, ongeacht op welke pagina je je bevindt. Andere onderdelen worden echter specifiek voor individuele pagina's gedefinieerd.

WordPress  Full Site Editing definiëren
Screenshot van de functie voor het bewerken van koptekstblokken in de WordPress Site Editor

De header en footer zijn globale elementen die op elke pagina van je website verschijnen. De Live Customizer of de theme-opties kunnen een zekere mate van aanpassing aan deze elementen toevoegen. 

Je kunt meestal je logo uploaden, de kleuren veranderen en misschien de lay-out van de plaatsing van het menu wijzigen. Of, in het geval van de voettekst, kun je het aantal voettekst-widgets instellen en er inhoud aan toevoegen. Als je extra elementen wilt toevoegen, zoals een zoekbalk of sociale media icons moet je een plugin gebruiken of ze toevoegen via een code-editor. 

Het aanpassen van individuele pagina-elementen is net zo lastig. Deze omvatten tekst, afbeeldingsblokken en media. Tenzij je een page builder plugin zoals Beaver Builder gebruikt of je eigen theme maakt, heb je niet veel controle over hoe ze op je pagina verschijnen. 

Dit is waar WordPress Full Site Editing om de hoek komt kijken. Full Site Editing is een set functies waarmee je globale en paginaspecifieke wijzigingen kunt aanbrengen. En het is ook mogelijk om globale en paginaspecifieke elementen vanuit een enkele interface kunt toevoegen zonder afhankelijk te zijn van code. 

Het omvat globale stijlen, aangepaste themablokken en aangepaste sjabloonbewerking. Laten we deze functies hieronder eens nader bekijken. 

Blokken 

Met WordPress 5.0 en de WordPress Site Editor werd de klassieke Blok-editor geïntroduceerd. Blokken zijn elementen die je kunt toevoegen aan pagina's en (blog)artikelen. Deze omvatten:

  • Foto's
  • Alinea's 
  • Kopteksten 
  • Video's 
  • Audio-inhoud 
  • Buttons 

Blokken bevatten ook globale website elementen zoals:

  • Titel van de pagina 
  • Website taglines 
  • Menu's
  • CSS
  • Shortcodes

Blokken kunnen zowel statisch als dynamisch zijn. Statische blokken zijn blokken die hun inhoud onthullen op het moment van publiceren. Een paragraafblok is bijvoorbeeld een statisch blok.

Dynamische blokken daarentegen onthullen hun inhoud pas nadat een bericht of pagina is gepubliceerd. Een voorbeeld hiervan zijn de site-building blokken die de laatste blog posts of recente commentaren weergeven. 

Je kunt ook blokken groeperen en hergebruiken. Dit betekent dat je twee of meer blokken kunt combineren om een blokgroep of blokpatronen te maken die je op elke post of pagina op je site kunt hergebruiken. Zo kunnen bijvoorbeeld blokken voor koppen, paragrafen, afbeeldingen en buttons worden gecombineerd om een feature-overzicht te maken.

Block Patterns

Wat zijn blokpatronen?

Block patterns zijn blokgroepen die vooraf gedefinieerde complexe lay-outs voor je website maken. In principe breiden Block Patterns de functionaliteit van het groeperen van blokken uit.

Zodra je een blokpatroon aan een pagina toevoegt, kun je de inhoud aanpassen aan je specifieke pagina. Dit betekent dat je elk blokpatroon kunt aanpassen aan de individuele pagina waar het op staat. 

Je kunt bijvoorbeeld een van de kolommen van de blokpatronen gebruiken om over diensten te praten op je dienstenpagina. Op een andere pagina kun je dezelfde blokpatronen gebruiken om testimonials te laten zien. 

Je kunt blokpatronen gebruiken en ze overal op je site invoegen om ze als uitgangspunt voor je lay-out te gebruiken. Sommige blokpatronen bestaan al in de WordPress site editor, terwijl andere worden weergegeven op basis van het thema en de plugins die je gebruikt. 

Templates

Sjablonen zijn voorgedefinieerde lay-outs die blokken en blokpatronen, blokattributen en plaatshouderinhoud kunnen bevatten. Tot nu toe maakten templates deel uit van de WordPress themebestanden. In sommige gevallen hadden sommige plugins ook sjabloonbestanden. 

Templates
WordPress Site Editor gebruiken om blokpatronen te maken

Deze sjabloonbestanden waren meestal PHP-bestanden met misschien wat HTML erin. Met de introductie van de WordPress Block Editor Styles en Full Site Editing zijn templates nu HTML bestanden die block markup bevatten. 

Een template bestaat uit het inhoudsgebied en Template Parts zoals footer.html of header.html. Je kunt sjabloononderdelen hergebruiken in andere sjablonen. 

Afbeelding die de sjabloononderdelen toont als HTML-bestanden die overeenkomen met WordPress  Full Site Editing
Footer & Header Template Parts als HTML bestanden

Blokgebaseerde themes

Zoals de naam al doet vermoeden, zijn dit themes die gebruik maken van de WordPress Gutenberg editor en stijlen bevatten voor verschillende WordPress blokken. Het nieuwste officiële WordPress theme, Twenty Twenty One, is een uitstekend voorbeeld van een op blokken gebaseerd thema. 

Zodra WordPress Full Site Editing volledig is uitgebracht, zullen toekomstige blokgebaseerde themes meer ondersteunen dan alleen pagina en post lay-out bewerken. Je zult ook in staat zijn om de header en footer van je website te kunnen bewerken. 

Globale stijlen

Schermafbeelding met de globale stijlen configuratie opties op de WordPress  Site Editor
Configuratieopties voor globale styles in de WordPress Site Editor

Voordat we dieper ingaan op Full Site Editing wil ik het kort hebben over globale stijlen. Op dit moment moet je, als je stijlwijzigingen aan je site wilt aanbrengen, de Live Customizer of je Theme Options Panel gebruiken. Hiermee kun je lettertypen, kleurkeuzes of kleurenschema's en andere visuele stijlen op je gehele site wijzigen. 

Bovendien heeft elk blok zijn eigen set stylingopties, waardoor je nog meer manieren hebt om het uiterlijk van je site aan te passen. 

Er zijn echter wel wat haken en ogen aan de huidige methode om wijzigingen aan te brengen:

  • Ten eerste moet je twee verschillende functies gebruiken om deze wijzigingen aan te brengen.
  • Ten tweede moet je het blok elke keer opnieuw stylen, als je een blok niet opslaat als een herbruikbaar blok. 

Global Style Editing probeert deze problemen op te lossen door deze hulpmiddelen te verenigen. Op deze manier kun je blokken stijlen en die veranderingen op je hele site toepassen. Het geeft gebruikers één enkele interface om inhoud te creëren en te stijlen, wat het proces vereenvoudigt. 

Hoe de Gutenberg WordPress Plugin helpt bij WordPress Full Site Editing

Nu je weet wat Full Site Editing is, gaan we het hebben over hoe het je als WordPress gebruiker kan helpen. 

Zoals hierboven genoemd, zal het niet meer nodig zijn om te schakelen tussen de Customizer en de WordPress Site Editor, zodra WordPress Full Site Editing beschikbaar is voor alle WordPress gebruikers. Je kunt je inhoud creëren en er stilistische wijzigingen in aanbrengen, en dat allemaal op een plek. 

Je kunt ook de lay-out voor je pagina's creëren vanuit dezelfde interface. Dit zorgt voor een vlottere gebruikerservaring voor de eindgebruikers en maakt de WordPress Site Editor gemakkelijker te gebruiken voor beginners. 

Bovendien kunnen WordPress gebruikers die geen ervaring hebben met code, zoals eigenaren van kleine e-commerce websites of bloggers, wijzigingen aanbrengen in de lay-out van de pagina zonder een beroep te hoeven doen op WordPress ontwikkelaars of ontwerpers. 

Wanneer moet je de WordPress Site Editor gebruiken?

Je kunt Full Site Editing gebruiken om globale veranderingen aan je website aan te brengen. Je kunt het bijvoorbeeld gebruiken om een globale koptekst en titel voor je site te maken, maar dan paginaspecifieke instellingen gebruiken om die veranderingen op te heffen. 

WordPress Full Site Editing is ook handig als je voorgedefinieerde lay-outs wilt maken die je klanten gemakkelijk in pagina's kunnen invoegen zonder dat ze op jouw hulp hoeven te rekenen. Je kunt bijvoorbeeld blokpatronen maken die ze zonder veel nadenken kunnen gebruiken op een verkooppagina of een productpagina. 

WordPress Full Site Editing release datum

Screenshot van WordPress  Full Site Editing in actie
WordPress Full Site Editing in actie

Op dit moment is Full Site Editing nog in ontwikkeling. Het maakt deel uit van het Gutenberg WordPress project, dat vier fasen kent. Deze vier fasen zijn als volgt opgedeeld:

  • Fase één: het introduceren van de blokeditor in de WordPress Site Editor
  • Fase twee: uitbreiding van de mogelijkheden van de blokeditor met Full Site Editing
  • Fase drie: het toevoegen van samenwerkingsfuncties die een meer intuïtieve benadering van co-auteurschap van inhoud mogelijk maken
  • Fase vier: het implementeren van WordPress Core voor meertalige pagina's 

We zitten momenteel in fase twee van het Gutenberg project. De WordPress 5.8 release zou Full Site Editing moeten bevatten. Deze release zou nieuwe blokken moeten hebben - zoals Query Loop, Query Pagination, Nav Menus, Site Logo en anderen - die het mogelijk maken om WordPress Full Site Editing ten volle te benutten. 

Nieuw in WordPress 5.8: Blokken als widgets, Gutenberg Performance & Duotone

WordPress 5.8 is de tweede van vier grote updates die gepland zijn voor WordPress in 2021. We hebben een kijkje genomen in de beta van WordPress 5.8. Wat kun je verwachten in de nieuwe versie? Waar moet je op letten? En hoe zit het met de langverwachte Full Site Editing?

Hoe krijg je toegang tot de WordPress Site Editor

Als je de Full Site Editing-functies in WordPress in de praktijk wilt uitproberen, heb je een staging website of een lokale WordPress installatie nodig. Nadat je je testomgeving hebt gemaakt, moet je de Gutenberg plugin voor WordPress en een bloktheme zoals Twenty Twenty One installeren. 

Zodra aan deze vereisten is voldaan, zul je een nieuwe optie in het menu zien met de naam WordPress Classic Editor. Daar kun je elk deel van je website bewerken, inclusief de header, navigatie, inhoudsopgave en footer. 

Als je op het WordPress icoontje klikt in de WordPress Site Editor kun je ook de sjablonen en sjabloononderdelen zien die in het theme worden gebruikt en je eigen sjablonen maken. Je kunt bijvoorbeeld klikken op meer opties voor elk blok om er een sjabloononderdeel van te maken.   

Als je op het Aa icoontje in de rechter bovenhoek klikt, zie je opties om de globale stijlen voor de hele site te veranderen. Dit omvat het bewerken van lettertypes, het veranderen van kleuren en het maken van stijlwijzigingen per bloktype. 

Ten slotte kun je ook al je sjablonen downloaden en herbruikbare blokken beheren. Dit is een geweldige manier om een back-up van je bestanden te maken en ze te beschermen tegen eventuele ongelukjes.

De toekomst van WordPress Full Site Editing

Zoals hierboven vermeld, is Full Site Editing nog steeds in ontwikkeling, met plannen om het te integreren in de WordPress 5.8 core. 

Het ontwikkelingsteam is nog steeds op zoek naar actieve feedback, dus je kunt deelnemen aan het WordPress Full Site Editing (FSE) Outreach Programm als je hieraan wilt bijdragen. Op deze manier kun je feedback geven over je ervaringen met Full Site Editing. 

Wat WordPress Full Site Editing betekent voor de toekomst van de WordPress thememarkt

We hebben nu uitgelegd wat Full Site Editing is en hoe het werkt. Maar wat betekent dit voor de toekomst van de WordPress theme markt? Zullen themes in de toekomst nog nodig zijn?

Veel themes zijn nog niet geoptimaliseerd voor de Gutenberg WordPress Editor - ook bekend als de Blockeditor. WordPress gebruikers die nog steeds niet-geoptimaliseerde themes gebruiken voor Gutenberg in WordPress kunnen nog steeds de klassieke WordPress site editor gebruiken om inhoud op hun website toe te voegen en bij te werken. 

Om het nog ingewikkelder te maken, vertrouwen veel van deze themes ook op krachtige page builder plugins zoals Genesis Blocks, Divi, Themify Builder of Elementor. Deze maken het mogelijk om websites te bewerken en geavanceerde lay-outs te maken zonder een beroep te hoeven doen op extra ontwerpers of plugin-ontwikkelaars. 

Elementor: Jouw complete gids voor de WordPress Page Builder

Elementor is een van de meest populaire WordPress paginabouwers van dit moment. Dat is niet voor niets: Elementor zit boordevol functies die het maken van aangepaste websites eenvoudiger dan ooit maken. In dit artikel leer je alles wat je moet weten over Elementor.

Het gevolg is dat deze gebruikers aarzelen om de hulpmiddelen die zij kennen op te geven ten gunste van een volledig nieuwe bewerkingservaring.

WordPress heeft duidelijk gemaakt dat Full Site Editing het ultieme doel is voor het platform. Verder zal Full Site Editing binnenkort worden geïntroduceerd in de aankomende WordPress 5.8 release. De ontwikkelaars willen echter misschien nog even wachten met de invoering van Full Site Editing totdat er vraag is van gebruikers. 

Maar zelfs als gebruikers traag overstappen op Full Site Editing moeten ontwikkelaars nog steeds een manier vinden om volledige site editing te implementeren in hun themes om gebruikers meer flexibiliteit te geven bij het bewerken van hun site. Bovendien moeten theme-ontwikkelaars een manier vinden om de kans te verkleinen dat websites stukgaan in de handen van minder ervaren gebruikers. 

Traditionele themes zullen misschien nog wel een tijdje blijven bestaan. Maar gezien de plannen van WordPress zouden theme-ontwikkelaars zich moeten verdiepen in Full Site Editing en de nieuwe functies en mogelijkheden die het biedt verkennen. Op die manier kunnen zij deze functionaliteiten in hun thema's implementeren.  

Zullen er in de toekomst nog een WordPress Site Editor en Page Builders zijn? 

De WordPress thememarkt is niet het enige waar de full site editing release invloed op zal hebben. Page builder plugins zijn een ander deel van het WordPress ecosysteem waarvan de toekomst somber lijkt. 

Er is geen twijfel dat page builder pugins zoals Elementor en Divi erg populair zijn onder WordPress gebruikers, vooral diegenen die niet vertrouwd zijn met programmeren. Page builder plugins zullen, net als WordPress themes, blijven werken als Full Site Editing wordt vrijgegeven in de Core. 

Maar zullen ze concurrerend blijven? Gezien de grote gebruikersgroep die Page Builder plugins hebben, is het onwaarschijnlijk dat gebruikers direct na de release het schip zullen verlaten. De belangrijkste reden hiervoor is dat de gebruikers van Page Builder plugins bekend zijn met de functies en tools die deze plugins bieden. 

Als je een vertrouwde tool opgeeft voor Full Site Editing zul je moeten leren werken met de site-editor WordPress, wat ook een tijdsinvestering van de gebruiker vereist. 

Met dat in gedachten zullen paginabouwers niet snel verdwijnen. Als er al iets is, zullen gebruikers meer keuzes hebben bij het bouwen van hun website en kunnen ze beslissen welke optie voor hen het beste werkt.

Zullen er in de toekomst nog ontwerpers nodig zijn?

Nadat de markt rondom themes en Page Builder uit de weg geruimd zijn, gaan we het hebben over de laatste groep die geraakt zal worden zodra WordPress Full Site Editing officieel gelanceerd is: webdesigners

Eerst het voor de hand liggende. Met de introductie van functies als Page Builder en Full Site Editing is de drempel voor het ontwerpen van een website verlaagd. Iedereen kan een functionele website maken, of die persoon nu een persoonlijke blog, een website voor kleine bedrijven of een portfolio-website wil maken. 

Bovendien hoeven gebruikers niet langer te vertrouwen op ontwerpers om kleine wijzigingen aan hun websites aan te brengen. Hoewel het misschien lijkt alsof de toekomst van webdesigners somber is, hoeven ontwerpers zich geen zorgen te maken over hun professionele toekomst.  

Aan de ene kant moet je er rekening mee houden dat niet alle WordPress gebruikers willen prutsen met DIY websites. Op maat gemaakte websites die uniek zijn voor elke klant zijn nog steeds uiterst waardevol, omdat ze zich onderscheiden van de "cookie-cutter"-ontwerpen die vaak worden gemaakt door gewone gebruikers die hun websites zelf bouwen. 

Daarnaast begrijpen ontwerpers hoe ze een website visueel moeten vormgeven om gebruikers naar de gewenste acties te leiden. Om nog maar te zwijgen van het feit dat ze de visie van de klant kunnen vertalen in een website die aansluit bij de doelstellingen van de klant. 

Ten slotte kunnen zij ook helpen met de technische details van de website - zoals SEO, laadtijdoptimalisatie van de site, beveiliging en andere soorten onderhoud. Er zijn zelfs mogelijkheden voor webdesigners om hun dienstenaanbod uit te breiden door advies- en strategiesessies aan te bieden als instapdiensten voor complete webdesign-pakketten.

Conclusie: Gids voor WordPress Site Editor & WordPress Full Site Editing

Zoals je kunt zien, is WordPress Full Site Editing een langverwachte verandering in de manier waarop we inhoud creëren en ontwerpen en hoe ontwikkelaars nieuwe themes maken. 

Het brengt spannende functies voor zowel content creators als ontwikkelaars om het ontwerpproces te verenigen en te stroomlijnen - en eindgebruikers meer macht en vrijheid te geven. Dankzij deze nieuwe functies zullen zij hun websites op een gebruiksvriendelijkere manier vormgeven. 

Full Site Editing zal zorgen voor een meer naadloze gebruikerservaring en een impact hebben op de WordPress Site Editor, WordPress themes en de Page Builder markt. Hoewel dit kan lijken alsof dit het einde is voor webdesigners, is de waarheid net het tegenovergestelde. 

Webdesigners zullen niet uitsterven en vergeten worden zodra WordPress Full Site Editing en blokgebaseerde themes beschikbaar zijn. Webdesigners kunnen hun diensten blijven aanbieden omdat niet elke websitebeheerder de tijd, de motivatie en de inspiratie heeft om zijn eigen website te ontwerpen of bij te werken. 

Daarnaast kunnen webdesigners hun diensten uitbreiden met strategisch advies over de beste praktijken op het gebied van webdesign, SEO-optimalisatie, veiligheidsoverwegingen en website-audits. 

WordPress Full Site Editing staat voor de deur. Het is tijd om ermee aan de slag te gaan en alle prachtige nieuwe mogelijkheden voor het maken van websites en content te verkennen. Zorg er in de tussentijd voor dat je je webhosting bij RAIDBOXES veiligstelt. Op deze manier kun je ervoor zorgen dat je website klaar is voor de komende veranderingen van WordPress. 

Jouw vragen over WordPress Full Site Editing

Welke vragen heb je over WordPress Full Site Editing? We kijken uit naar je commentaar. Ben je geïnteresseerd in WordPress, Wedesign en ontwikkeling? Volg RAIDBOXES dan op Twitter, Facebook, LinkedIn of via onze nieuwsbrief.

Maddy Osman is een SEO Content Strategist. Ze werkt met geselecteerde klanten op het gebeid van WordPress en webhosting. Door haar achtergrond in webdesign en WordPress heeft ze diepgaande kennis van SEO - en weet ze precies hoe ze merken moet verbinden met SEO-relevante content.

Gerelateerde artikelen

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.