Zeg hallo tegen Gutenberg, de nieuwe WordPress editor.

Of je het nu leuk vindt of er een hekel aan hebt, het is nu een kernonderdeel van WordPress en zal in de nabije toekomst de standaard zijn. Dus in plaats van ons ertegen te verzetten of ons zorgen te maken over wat het binnen een paar jaar zou kunnen betekenen, zijn we all-in gegaan door het te omarmen.

In het afgelopen jaar heeft WordPress de belangrijkste verandering in een lange tijd gezien: Gutenberg.

We houden ervan om door WordPress aangedreven websites te maken. Het vormt de kern van bija elk project dat we doen bij Fraai. Dat betekent dat wanneer dingen veranderen, we ons moeten aanpassen en adopteren of het risico lopen achter te blijven.

Block Editor vs Classic Editor

De belangrijkste verandering die bij de Gutenberg-update hoort, is de introductie van de Block Editor. Deze nieuwe editor verschilt drastisch van de klassieke editor die u misschien kent? Op het eerste gezicht lijkt het misschien een beetje intimiderend, maar uiteindelijk doet het nog steeds hetzelfde.

Het belangrijkste verschil is dat elk stuk inhoud, van koppen en alinea’s tot afbeeldingen en ingesloten Instagram-opnamen, nu afzonderlijke elementen zijn. Dit is geweldig omdat ze kunnen worden gesleept en in elke gewenste volgorde kunnen worden geplaatst.

In de Klassieke Editor gebeurde dit allemaal in een WYSIWYG-editor (What You See Is What You Get), waardoor het erg moeilijk was om dingen te verplaatsen. De enige manier om inhoud opnieuw te ordenen, was door deze te kopiëren en te plakken. Dat wordt frustrerend als je een artikel van meer dan 2000 woorden hebt met tekst, afbeeldingen en ingesloten inhoud.

De voordelen van de nieuwe Block Editor zijn duidelijk – om moeiteloos inhoud te creëren en te bewerken.

Het werkt niet overal

Het enige probleem dat we met de Block Editor hebben gevonden, is dat het puur voor inhoud is en niet voor paginalay-outs. Al onze sites worden geleverd met verschillende paginaontwerpen en opties in veel verschillende sjablonen, dus de Block Editor werkt hier niet voor.

We zijn erin geslaagd een goede middenweg te vinden waar we alleen de Gutenberg-editor voor berichten inschakelen. Dat betekent dat pagina’s die de Klassieke Editor gebruiken of aangepaste velden worden gemaakt met de Advanced Custom Fields Pro-plug-in.

ACF (Advanced Custom Fields Pro)

Standaard wordt WordPress nu geleverd met de Block Editor ingeschakeld en heeft het de mogelijkheid om de Classic Editor te gebruiken via een officiële plug-in. Beide zijn ongelooflijk krachtig, maar ze zijn nog steeds alleen voor inhoud. Met inhoud bedoelen we koppen, alinea’s, afbeeldingen enz. Alles wat u zou vinden in het schriftelijke deel van een blogpost.

Om uitgebreide lay-outs te maken die u op sommige van onze sites ziet, zoals Teak Deco, hebben we iets krachtigers nodig dan op tekst gebaseerde inhoud. Dit is waar ACF zich bij het feest voegt.

Advanced Custom Fields, meestal afgekort als ACF, is een plug-in van derden, ontwikkeld door Elliot Condon. Het primaire doel van de plug-in is om eenvoudig aangepaste velden te maken om WordPress uit te breiden, allemaal zonder gedoe. We gebruiken dit omdat het handmatig maken van aangepaste velden elke keer een zeer tijdrovend proces kan zijn. En meer tijd betekent meer geld – niet wat u als klant wilt.

Een goed voorbeeld is de bannertitel op een pagina. Je kunt dit nergens schrijven en opslaan in de standaardeditor, dus hier komt ACF om de hoek kijken. We kunnen bijvoorbeeld een aangepast veld maken met de naam “Banner ondertitel”. Zodra uw tekst aan dat veld is toegevoegd, kan deze worden opgepikt door een van onze thema’s en worden weergegeven op de voorkant van uw website.

Hoe zit het met shortcodes?

Shortcodes zijn gemaakt als een middel om een ​​doel te bereiken, zodat iedereen meer aangepaste blokken met inhoud binnen de Classic Editor (WYSIWYG) kon gebruiken. Helaas zijn shortcodes problematisch, want wanneer we ze maken, vechten we altijd tegen de ingebouwde WordPress-formatter. Een tool die de inhoud verandert en klaarmaakt om te worden weergegeven op de voorkant van de website.

Het goede nieuws is dat je nog steeds shortcodes in de Block Editor kunt gebruiken door het Shortcode Block te gebruiken. We raden je echter aan echte blokken te gebruiken waar ze beschikbaar zijn.

Blokken en de blokeditor zijn in het algemeen gemaakt om dit probleem van het verweven van lay-out en inhoud op te lossen, wat het heel goed doet.

Wat zijn jouw opties?

Het is goed om te onthouden dat je de Classic Editor nog steeds kunt gebruiken met de officiële Classic Editor-plug-in, gemaakt door het WordPress-team.

Het WordPress-team ondersteunt deze plug-in officieel tot 31 december 2021, dus je hebt lang de tijd om de Block Editor te omarmen. Houd er echter rekening mee dat de Block Editor er is om te blijven, dus het is een must om te leren hoe je hem moet gebruiken.

We geloven dat het een goede zaak is en iets dat de moeite waard is om tijd in te investeren. Daarom hebben al onze op maat gemaakte thema’s in de toekomst volledige stylingondersteuning voor alle kern WordPress Gutenberg Blocks.

En voor oudere thema’s? Als je de kracht van Gutenburg wilt, kom dan gerust even langs.