Der Elementor ist ein mächtiger und trotzdem intuitiver Pagebuilder, den auch WordPress-Einsteiger bedienen können. Alle Änderungen sind direkt im Live-Editor sichtbar.
Mit ein wenig Übung kannst du auch ohne Kenntnisse in HTML, CSS oder anderen Programmiersprachen komplexe Designs erstellen. Schon in der kostenlosen Version sind viele Funktionen enthalten. Hast du etwa höhere Ansprüche an deine Webseiten, kannst du dir mit der Pro-Version weitere Widgets hinzufügen. Fehlt trotzdem eine Funktion kannst du diese einfach über externe Plugins ergänzen.
Elementor ist in drei große Bereiche unterteilt: den Editor, die Widgets-Bibliothek und die Website-Einstellungen.
Website-Einstellungen
Hier stellst du globale Einstellungen wie Farben, Schriften, Darstellung von Bildern usw. ein.
Widget-Bibliothek
In der linken Seitenleiste findest du alle Elemente (Widgets), die du per Drag-and-Drop in deine Seite ziehen und individualisieren kannst.
Editor
Der Editor ist eine Live-Vorschau deiner Seite. Alle Änderungen, die du vornimmst, werden direkt sichtbar.
…
Elementor arbeitet mit Containern, mit denen du sehr flexibel dein Webdesign erstellen kannst. Einen Container kannst du dir wie eine Box vorstellen, in der du Widgets wie Text, Bild, Formulare usw. anordnest, Größen, Farben und Abstände definierst und Layouts nach deinen Wünschen gestalten kannst.
Was mir an Elementor wirklich gut gefällt, ist das Arbeiten mit Containern. Du baust du dir – wie mit Bauklötzen – dein Grundlayout zusammen.
Das tolle an Elementor: Container lassen sich beliebig ineinander verschachteln. Du kannst als einem einzelnen Container mehrere untergeordnete Container hinzufügen. Damit hast du die Freiheit deine Inhalte so anzuordnen, wie du es brauchst.
Mit manchen anderen Themes und Pagebuildern hast du an dieser Stelle viel weniger Gestaltungsmöglichkeiten.
Sobald du dein Seitenlayout aufgebaut hast, ziehst du Widgets wie Überschriften, Text, Bildern, Buttons, Slider, Preislisten usw. einfach per Drag-and-Drop in deinen Container.
Wenn du das Widget anklickst, erscheinen links die unterschiedlichen Bearbeitungsmöglichkeiten und Einstellungen, die du vornehmen kannst: Inhalt, Stil, Erweiterungen
Manche Widgets bieten ziemlich umfangreich Einstellungsmöglichkeiten. Das tolle: alle Einstellungen sind sofort im Editor sichtbar.
In Elementor bauchst du nicht jeden Container neu aufbauen. Du kannst ganze Container zu kopieren innerhalb derselben Seite oder auf anderen Seiten wiederverwenden.
Klicke mit der rechten Maustaste auf den Container und wähle Duplizieren. Es erscheint eine Kopie deines Containers, die du per Drag & Drop einfach an eine andere Stelle ziehst.
Klicke mit der rechten Maustaste auf den Container und wähle Kopieren. Wechsle zu der Seite, auf der du das Element verwenden willst und klicke dort auf Einfügen.
Verwendest du bestimmte Designs immer wieder auf deiner Webseite? Dann lohnt es sich, diese Container als Vorlage abzuspeichern. Klicke dazu mit Rechtsklick auf den Container und wähle Als Templage speichern. Gib dem Template einen so eindeutigen Namen, dass du es immer wieder findet.
Wenn du das Template an einer anderen Stelle wieder verwenden möchtest, klicke auf Template hinzufügen, suche in Meine Templates nach der richtigen Vorlage und klicke auf Einfügen.