Sie müssen herausfinden, wie Sie Widgets/Vorlagen verwenden Elementor wie Gutenberg-Blöcke?

Mit Elementor oder anderen Seitenerstellern im Allgemeinen können Sie eine schöne Seite auf Ihrer erstellen Webseite WordPress ohne sich mit CSS-Code befassen zu müssen.

Es ist jedoch unmöglich, alles zu schaffen Inhalt Ihre Website mit Elementor. Vor allem, wenn Sie a Website dynamisch wie ein Blog oder ein Nachrichtenportal. Sie benötigen weiterhin Gutenberg – den Standard-WordPress-Editor – um die Beiträge zu schreiben.

Wie Sie wissen, enthält Elementor viele einzigartige Widgets. Die gute Nachricht ist, dass Sie ein Elementor-Widget im Gutenberg-Editor als Block verwenden können. Es ist großartig, wenn Sie eine hinzufügen möchten Inhalt visuell – wie ein Kreisdiagramm – oder andere Arten von Inhalt auf einzigartige Weise in Ihrem Artikel.

Neben dem Widget können Sie auch eine Elementor-Vorlage als Gutenberg-Block verwenden.

In diesem Artikel erfahren Sie, wie Sie ein Elementor-Widget/eine Elementor-Vorlage als Gutenberg-Block verwenden.

Schritt 1: Installieren Sie Elementor Blocks für das Gutenberg-Plugin

Bevor Sie ein Elementor-Widget oder eine Vorlage als Gutenberg-Block verwenden können, müssen Sie zuerst Elementor-Blöcke für Gutenberg installieren. Dies ist ein offizielles Plugin, das vom Elementor-Team entwickelt wurde und Ihnen dabei helfen soll, das Beste aus Elementor auf Ihrer WordPress-Website herauszuholen.

Um dieses Plugin zu installieren, gehen Sie zu Erweiterungen – > Hinzufügen und finden Sie das Plugin über das Suchfeld. Klicken Sie auf die Schaltfläche jetzt installieren um es auf Ihrem WordPress zu installieren und sofort nach der Installation zu aktivieren.

Elementor-Widgets/-Vorlagen als Gutenberg-Blöcke verwenden?

Schritt 2: Globales Widget/Vorlage erstellen

Sobald das Plugin installiert ist, können Sie mit der Erstellung eines globalen Widgets oder einer Vorlage beginnen, die Sie als Gutenberg-Block verwenden möchten. Bitte beachten Sie, dass das globale Widget nur auf Elementor Pro verfügbar ist.

Wenn Sie also die kostenlose Version von Elementor verwenden, können Sie nur eine Elementor-Vorlage als Gutenberg-Block verwenden.

  • Erstellen Sie eine Elementor-Vorlage

Um eine neue Vorlage in Elementor zu erstellen, gehen Sie zu Vorlagen – > Neu hinzufügen.

Wählen Sie den Vorlagentyp aus, den Sie erstellen möchten, und geben Sie ihm einen Namen. Klicken Sie auf die Schaltfläche EIN MODELL ERSTELLEN um mit dem Erstellen zu beginnen.

Im nächsten Schritt können Sie wählen, ob Sie eine von Elementor angebotene Vorlage verwenden oder die Vorlage von Grund auf neu erstellen möchten. Wenn das Modell fertig ist, klicken Sie auf die Pfeilschaltfläche neben der Schaltfläche VERÖFFENTLICHUNG unten im linken Bereich und wählen Sie aus Als Vorlage speichern.

Elementor-Widgets/-Vorlagen als Gutenberg-Blöcke verwenden?

Sie werden erneut aufgefordert, Ihrem Modell einen Namen zu geben. Geben Sie einfach Ihren bevorzugten Namen ein und klicken Sie auf die Schaltfläche AUFZEICHNUNG.

Elementor-Widgets/-Vorlagen als Gutenberg-Blöcke verwenden?
  • Erstellen Sie das globale Elementor-Widget

In Elementor ist ein globales Widget ein Widget, das angepasst wurde. Sie können ein globales Widget verwenden, wann immer Sie eine neue Seite mit Elementor erstellen möchten. Das globale Widget ist großartig, wenn Sie dieselben benutzerdefinierten Widgets für verschiedene Seiten verwenden möchten, da Sie von Anfang an keine Einstellungen vornehmen müssen.

Um ein globales Widget zu erstellen, können Sie eine neue Seite erstellen (Seiten – > Hinzufügen ) und bearbeiten Sie es mit Elementor. Sie können auch eine vorhandene Seite bearbeiten. Fügen Sie im Elementor-Editor ein Widget hinzu, das Sie zu einem globalen Widget machen möchten.

Passen Sie Ihr Widget an. Wenn Sie fertig sind, klicken Sie mit der rechten Maustaste auf das Browser-Widget und wählen Sie es aus Als global speichern.

Im nächsten Schritt werden Sie aufgefordert, Ihr globales Widget zu benennen. Geben Sie Ihren bevorzugten Namen ein und klicken Sie auf die Schaltfläche AUFZEICHNUNG.

Elementor-Widgets/-Vorlagen als Gutenberg-Blöcke verwenden?

Auf der Registerkarte können Sie die von Ihnen erstellten globalen Widgets sehen Global aus dem linken Bereich des Elementor-Editors.

Alternativ können Sie zu gehen Vorlagen – > Gespeicherte Vorlagen. Klicken Sie auf die Registerkarte Global Widget um Ihre globalen Widgets anzuzeigen.

Elementor-Widgets/-Vorlagen als Gutenberg-Blöcke verwenden?

Schritt 3: Verwenden Sie das globale Elementor-Widget/die globale Vorlage auf Gutenberg

Sobald Sie mit dem globalen Widget oder der Vorlage fertig sind, können Sie es im Gutenberg-Editor verwenden. Erstellen Sie dazu einen regulären Beitrag oder eine Seite in WordPress (Artikel – > Hinzufügen). Fügen Sie einen neuen Block hinzu, indem Sie auf die Plus-Schaltfläche klicken und auswählen Elementor-Bibliothek.

Wählen Sie das globale Widget/die Vorlage, die Sie verwenden möchten, aus dem Dropdown-Menü aus. Warten Sie eine Weile, bis Elementor das globale Widget/Template geladen hat und es Ihrem Beitrag oder Ihrer Seite hinzugefügt wird.

Elementor-Widgets/-Vorlagen als Gutenberg-Blöcke verwenden?

Es ist erledigt, dass Sie einfach Elementor-Widgets oder -Vorlagen als Gutenberg-Blöcke verwenden.

Holen Sie sich Elementor Pro jetzt!!!

Zusammenfassung

So ! Das war es für diesen Artikel, der Ihnen zeigt, wie Sie Elementor-Widgets/Vorlagen als Gutenberg-Blöcke verwenden. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, teilen Sie es ihnen im mit commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...