Moet uitzoeken hoe widgets/sjablonen te gebruiken Elementor zoals Gutenberg-blokken?

met Elementor of andere paginabuilders in het algemeen, kun je een mooie pagina maken op je website WordPress zonder te maken te hebben met CSS-code.

Het is echter onmogelijk om alles te creëren inhoud uw Site web avec Elementor. Vooral als je een Site web dynamisch, zoals een blog of een nieuwsportaal. Je hebt nog steeds Gutenberg – de standaard WordPress-editor – nodig om de berichten te schrijven.

Zoals je weet wordt Elementor geleverd met veel unieke widgets. Het goede nieuws is dat je een Elementor-widget in de Gutenberg-editor als blok kunt gebruiken. Het is geweldig als je een inhoud visueel – zoals een cirkeldiagram – of andere soorten inhoud op een unieke manier in uw artikel.

Naast de widget kun je ook een Elementor-template als Gutenberg-blok gebruiken.

In dit artikel leer je de stappen om een ​​Elementor-widget/template te gebruiken als een Gutenberg-blok.

Stap 1: installeer Elementor Blocks voor de Gutenberg-plug-in

Voordat u een Elementor-widget of -sjabloon als Gutenberg-blok kunt gebruiken, moet u eerst Elementor-blokken voor Gutenberg installeren. Dit is een officiële plug-in ontwikkeld door het Elementor-team, die tot doel heeft u te helpen het meeste uit Elementor op uw WordPress-website te halen.

Ga naar om deze plug-in te installeren Extensies – > Toevoegen en vind de plug-in via het zoekvak. Klik op de knop Installeer nu om het op uw WordPress te installeren en het na installatie onmiddellijk te activeren.

om Elementor-widgets/-sjablonen als Gutenberg-blokken te gebruiken?

Stap 2: Maak een globale widget/sjabloon

Zodra de plug-in is geïnstalleerd, kunt u beginnen met het maken van een globale widget of sjabloon die u als een Gutenberg-blok wilt gebruiken. Houd er rekening mee dat de globale widget alleen beschikbaar is op Elementor Pro.

Dus als u de gratis versie van Elementor gebruikt, kunt u alleen een Elementor-sjabloon als Gutenberg-blok gebruiken.

  • Maak een Elementor-sjabloon

Ga naar om een ​​nieuw sjabloon in Elementor te maken Sjablonen -> Nieuw toevoegen.

Selecteer het type sjabloon dat u wilt maken en geef het een naam. Klik op de knop MAAK EEN MODEL om te beginnen met creëren.

In de volgende stap kunt u ervoor kiezen om een ​​door Elementor aangeboden sjabloon te gebruiken of de sjabloon helemaal opnieuw te maken. Zodra het model is voltooid, klikt u op de pijlknop naast de knop pUBLICEREN onderaan het linkerdeelvenster en selecteer Opslaan als sjabloon.

om Elementor-widgets/-sjablonen als Gutenberg-blokken te gebruiken?

U wordt gevraagd om uw model opnieuw een naam te geven. Typ gewoon uw gewenste naam en klik op de knop OPNEMEN.

om Elementor-widgets/-sjablonen als Gutenberg-blokken te gebruiken?
  • Maak Elementor Global Widget

In Elementor is een globale widget een widget die is aangepast. U kunt een globale widget gebruiken wanneer u een nieuwe pagina met Elementor wilt maken. De globale widget is geweldig als u dezelfde aangepaste widgets voor verschillende pagina's wilt gebruiken, omdat u vanaf het begin geen instellingen hoeft te doen.

Om een ​​algemene widget te maken, kunt u een nieuwe pagina maken (Pagina's -> Toevoegen ) en bewerk het met Elementor. Of u kunt ook een bestaande pagina bewerken. Voeg in de Elementor-editor een widget toe waarvan u er een globale widget van wilt maken.

Pas je widget aan. Als u klaar bent, klikt u met de rechtermuisknop op de browserwidget en selecteert u Opslaan als globaal.

In de volgende stap wordt u gevraagd om uw globale widget een naam te geven. Voer uw gewenste naam in en klik op de knop OPNEMEN.

om Elementor-widgets/-sjablonen als Gutenberg-blokken te gebruiken?

U kunt de globale widgets zien die u op het tabblad hebt gemaakt Globaal vanuit het linkerpaneel van de Elementor-editor.

U kunt ook naar Sjablonen – > Opgeslagen sjablonen. Klik op het tabblad Globaal widget om uw globale widgets te zien.

om Elementor-widgets/-sjablonen als Gutenberg-blokken te gebruiken?

Stap 3: Gebruik de globale widget/sjabloon van Elementor op Gutenberg

Als u klaar bent met de globale widget of sjabloon, kunt u deze gaan gebruiken in de Gutenberg-editor. Maak hiervoor een gewone post of pagina in WordPress (Artikelen – > Toevoegen). Voeg een nieuw blok toe door op de plusknop te klikken en te selecteren Elementor-bibliotheek.

Selecteer de algemene widget/sjabloon die u wilt gebruiken in het vervolgkeuzemenu. Wacht even tot Elementor klaar is met het laden van de globale widget/sjabloon en deze wordt toegevoegd aan je bericht of pagina.

om Elementor-widgets/-sjablonen als Gutenberg-blokken te gebruiken?

Het is klaar, je gebruikt gewoon Elementor-widgets of sjablonen als Gutenberg-blokken.

Koop Elementor Pro nu!!!

Conclusie

Alstublieft ! Dat is alles voor dit artikel dat u laat zien hoe u Elementor-widgets/-sjablonen als Gutenberg-blokken gebruikt. Als u zich zorgen maakt over hoe u daar kunt komen, laat het hen dan weten in de commentaires.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.

...