Globale Elemente in Elementor – Effizientes und einheitliches Webdesign

by ANN-SOPHIE WEBERING

13. April 2022
Mit globalen Elementen bietet Elementor eine leistungsstarke Funktion, um Vorlagen für verschiedene Objekte zu erstellen und standardisierte Einstellungen vorzunehmen. Diese Funktion ermöglicht es, globale Einstellungen für deine Webseite festzulegen und sie mit nur einem Mausklick auf der gesamten Website anzuwenden. Dadurch sparst du Zeit und erzielst eine angenehme Einheitlichkeit auf deiner Webseite.
Button als Globales Element speichern Elementor

Inhaltsverzeichnis

Was sind globale Elemente?

Mit globalen Elementen kannst du dir Vorlagen für unterschiedlichste Objekte erstellen und standardisierte Einstellungen treffen. 

Elementor bietet dir die Möglichkeit für deine Webseite globale Einstellungen vorzunehmen, damit du diese schnell und einfach mit nur einem Mausklick auf der gesamten Website anpassen kann. Dies spart dir viel zeitlichen Aufwand und garantiert dir eine angenehme Einheitlichkeit auf deiner Webseite.

Globale Elemente in Elementor:

Globale Buttons in Elementor erstellen

Wenn du auf deiner Website immer wieder auf denselben Button zurückgreifen möchtest, bietet sich die Verwendung von globalen Buttons an. Die Umwandlung von einem normalen in einen globalen Button ist ganz einfach.

Im ersten Schritt erstellst du dir deinen Wunschbutton mit dem gewünschten Design und Text, sowie der korrekten Verlinkung. Wenn dein Button fertiggestellt ist, klickst du mit der rechten Maustaste auf den erstellten Button und wählst den Link  “Als Global speichern” aus.

Es öffnet sich nun ein PopUp-Fenster, dass deine Elementor Bibliothek öffnet. Hier gibst du in das Textfeld den gewünschten Namen für deinen Button ein und drückst auf speichern.

Dein Button wird nun unter dem Reiter “Global” in deinen Elementor Einstellung angezeigt. Von dort aus kannst du ihn per Drag & Drop einfach an die gewünschte Stelle auf deiner Website einfügen (den Reiter “Global” findest du, wenn kein Element auf deiner Website angewählt ist. Wenn du den Reiter nicht sehen kannst, klicke dazu einfach den Rand deiner Website an, damit alle Element abgewählt werden.).

Globalen Button einfügen – Elementor

Globale Buttons in Elementor editieren

Möchtest du deinen globalen Button bearbeiten, weil sich z.B. der Text oder der Ziel-Link geändert dann ist das unproblematisch umsetzbar. Wähle deinen globalen Button aus und es öffnet sich auf der linken Seite das “Global Editing” Menü. Hier wählst du den grünen “bearbeiten“-Button aus um die Einstellung im “Button bearbeiten“-Fenster anpassen zu können. Alle nun gemachten Einstellungen wirken sich auf alle globalen Buttons aus, die du auf deiner Website eingefügt hast.

Möchtest du nur diesen einen ausgewählten Button anpassen, dann musst du die Option “Verknüpfung aufheben” wählen. Jetzt wird dein Button von den globalen Einstellungen getrennt und alle Änderungen wirken sich nur auf diesen einen Button aus.

Globale Buttons in Elementor editieren

Möchtest du deinen globalen Button bearbeiten, weil sich z.B. der Text oder der Ziel-Link geändert dann ist das unproblematisch umsetzbar. Wähle deinen globalen Button aus und es öffnet sich auf der linken Seite das “Global Editing” Menü. Hier wählst du den grünen “bearbeiten“-Button aus um die Einstellung im “Button bearbeiten“-Fenster anpassen zu können. Alle nun gemachten Einstellungen wirken sich auf alle globalen Buttons aus, die du auf deiner Website eingefügt hast.

Möchtest du nur diesen einen ausgewählten Button anpassen, dann musst du die Option “Verknüpfung aufheben” wählen. 

Jetzt wird dein Button von den globalen Einstellungen getrennt und alle Änderungen wirken sich nur auf diesen einen Button aus.

Eine langsam ladende Website ist für Nutzer ein Graus und kann dazu führen, dass Besucher die Seite vorzeitig verlassen. Doch zum Glück gibt es einfache ...
Bei der Erstellung von Webseiten mit Elementor ist es wichtig, die verschiedenen Funktionen und Elemente des PageBuilders zu verstehen. Ein solches Element, das eine wesentliche ...