Hoe Elementor-blokken toevoegen in Gutenberg Editor?

In dit artikel wordt uitgelegd hoe u de Gutenberg Elementor-plug-in om Elementor-blokken en sjablonen toe te voegen aan de Gutenberg-editor.

Als u de Elementor-plug-in voor het maken van pagina's gebruikt, zoekt u mogelijk naar een manier om deze te integreren met de ingebouwde Gutenberg-editor van WordPress.

De nieuwe Gutenberg-editor is beschikbaar en we zijn ons ervan bewust dat veel WordPress-gebruikers deze intimiderend vinden. Uiteraard roept Gutenberg vragen en zorgen op, waarvan sommige relevant zijn voor Elementor.

Hoe werkt Elementor met Gutenberg?

Te gebruiken zowel Elementor en Gutenberg al uitstekende compatibiliteit met elkaar hebben. Wanneer u als gebruiker uw site bewerkt, heeft u de mogelijkheid om vrij te kiezen welke editor u in elke fase van het bewerkingsproces wilt gebruiken.

Maak een ontwerp voor uw blogpost in Elementor en implementeer het vervolgens, en vanaf dat moment zal elk nieuw bericht dat u in Gutenberg maakt, het ontwerp gebruiken dat u in Elementor hebt gemaakt. Op elke pagina die u met Gutenberg maakt, kunt u ook eenvoudig Elementor-blokken insluiten.

Nu wordt het verwarrend en ingewikkeld als je widgets of elementen van Elementor aan je blogposts toevoegt.

Het meest voor de hand liggende antwoord is om Elementor te gebruiken om het hele bericht te wijzigen en de gewenste widgets toe te voegen. Hierdoor is het bericht volledig bewerkbaar met Elementor, maar je zult elke keer hetzelfde moeten doen.

Wat als je de mogelijkheid wilt behouden om in Gutenberg te bewerken en toch blokken en sjablonen uit Elementor wilt toevoegen?

In deze situaties kan de Gutenberg Elementor-plug-in, waarmee u blokken in de editor kunt toevoegen, het antwoord zijn waarnaar u op zoek bent.

In dit bericht zullen we nader bekijken hoe u de plug-in kunt laten werken in uw Gutenberg-editor.

Hoe maak ik gebruik van Elementor Blocks in Gutenberg?

• Installeer en activeer eerst de plug-in Elementor Blocks voor Gutenberg.
• Klik vervolgens op het teken Toevoegen in de Gutenberg-editor en zoek naar 'Elementor Library'.
• Kies vervolgens een bestaand sjabloon uit de Elementor-bibliotheek of begin helemaal opnieuw.
• Uw Gutenberg-editor zou nu de Elementor-sjabloon moeten bevatten.

Voorbeelden van het gebruik van Elementor-blokken in Gutenberg

Dus waarom zou je Elementor-blokken in Gutenberg gebruiken als je alles (en mogelijk zelfs meer) kunt bereiken met Elementor alleen?

Dit maakt het eenvoudiger om Gutenberg als de primaire bewerkingsinterface te behouden, zoals we in eerste instantie bespraken.

Verschillende gevallen waarin dit van cruciaal belang kan zijn, zijn onder meer;

• Verwerk CTA's die u in Elementor heeft gemaakt in uw bericht.
• Het toevoegen van ingewikkelde blokken, zoals een prijstabel, aan uw bericht of pagina.
• Inclusief door Elementor gemaakte herbruikbare blokken in blogposts en pagina's.
• Blokken invoegen die speciaal voor Elementor zijn ontworpen, zonder deze volledig te hoeven gebruiken.

Conclusie

Met de recente release van Gutenberg vragen velen zich af wat dit voor Elementor betekent. Hoewel het zeker mogelijk is om in beide editors sjablonen en blokken te maken (en zelfs gebruik te maken van hun functies), is er één groot verschil: snelheid!

Bij het schrijven van blogs binnen de native ervaring van WordPress versus het gebruik van een externe editor zoals Eliestnor Pro met al zijn aanvullende tools zoals WYSIWYG-tekstbewerkingsmogelijkheden; je zult merken dat je gemiddeld veel sneller typt omdat alles gewoon soepeler aanvoelt – inclusief het genereren van links die verbeterd is.