Beaver builder pagina of bericht omzetten naar Gutenberg wordpress blokken

Hoe Beaver Builder site te converteren en om te zetten naar de standaard WordPress editor Gutenberg in 2024?
Je kan deze handleiding volgen als je per ongeluk heel veel in Beaver hebt gedaan en toch terug wilt naar Gutenberg. Als je een pagina of post hebt die is gemaakt met de populaire Beaver Builder-plugin, kun je die inhoud converteren naar de blokeditor (Gutenberg) in WordPress.

Stappenplan Beaver builder omzetten naar wordpress blokken

• Kies in het WordPress admin paneel voor Pagina’s > Alle Pagina’s.
• Ga met je muis over de pagina die je wilt converteren, om een paar keuzes te onthullen. Het bolletje achter de Beaver Builder link zal groen zijn, wat aangeeft dat de lay-out zich momenteel in Beaver Builder bevindt.
• Klik op Bewerken of Blok-editor, afhankelijk van uw editorinstellingen in Instellingen > Schrijven.
  Dit zal resulteren in het openen van uw Beaver Builder lay-out in de Block Editor (Gutenberg), en het omzetten van de lay-out in een enkele Classic blok.
• Van daaruit kunt u het menu Meer opties selecteren en vervolgens Converteren naar blokken. Zie afbeelding hieronder:

Tip Beaver builder pagina of bericht omzetten naar Gutenberg

Ik zou niet aanraden om de Beaver Builder plugin uit te schakelen totdat je al je content naar Gutenberg hebt geconverteerd.

Beaver builder pagina of bericht omzetten naar Gutenberg

---

Hele Beaver builder website omzetten naar Gutenberg

Stap 1: Onderzoek & planning

Voor elke website grote verandering, is planning super belangrijk. Ik zou aanraden om een lichtgewicht thema te gebruiken zoals Blocksy, GeneratePress of Kadence. Voor Gutenberg blok editor, zou ik voorstellen gebruik Kadence Block.

Stap 2: Overweeg een testomgeving

Een under construction site wekenlang op de website zetten is geen verstandig idee voor SEO. Bouw altijd in een staging omgeving. Je kan de onderstaande stappen ook in kleine stapjes doen zonder onder constructie plugin.

Stap 3: Verwijder Beaver Builder page builder en zijn add-on

Niet zoals bij de ongelukkige conversie van WPBakery builder, hoef je geen geen korte code te verwijderen. De Beaver Builder plugin laat GEEN miserabele shortcode achter nadat u deze heeft verwijderd.

Stap 4: Installeer lichtgewicht thema

Voor degenen die gebruik hebben gemaakt van lichtgewicht thema, je kan dit blijven gebruiken terug gaan naar het thema. Mijn huidige voorkeur thema is Blocksy of Astra.

Stap 5: Installeer Gutenberg blokken editor

Mijn huidige voorkeur blok editor is Kadence Block. Het herbouw van die pagina’s met Gutenberg blok editor is niet zo moeilijk als je denkt. De rij indeling is zeer handig.

Stap 6: WordPress Database Optimaliseren

Na de herbouw gebruik ik Advanced Database Cleaner Pro, WP-optimize om de database te optimaliseren. Verwijder tabellen die door Beaver Builder zijn achtergelaten.

Stap 7: Snelheid optimalisatie

Iedereen houdt van snelle websites, en Google stelt voor om de snelheid onder de 3 seconden te houden. U kunt deze handleiding volgen voor het optimaliseren van de snelheid van Core Web Vitals.