Elementor WordPress Page Builder – Webdesign kann so einfach sein!

Elementor WordPress Page Builder – Webdesign kann so einfach sein!
5 (100%) 1 vote

Die Page Builder haben in der WordPress Community einen schlechten Ruf. Der zusätzliche Quellcode, der die einfache Handhabung ermöglicht, wirkt sich oft negativ auf die Ladezeiten der Website aus. Zudem wird oft die Abhängigkeit bemängelt, da es nicht möglich ist, nach der Deaktivierung des Plugins das Layout oder (bei manchen Plugins sogar) wenigstens den Inhalt zu behalten. Auch ich habe versucht, wo es nur ging, auf den Einsatz von Page Buildern zu verzichten, um mir den unnötigen Code-Overhead zu ersparen. Doch dann kam Elementor.

(*) = Affiliate Links

Was macht Elementor besonders?

Es gibt viele Gründe, sich für dieses Plugin zu entscheiden. Hier sind die wichtigsten Elementor Vorteile:

Super schnell

Jeder, der schon mal einen Page Builder verwendet hat, wird vielleicht die folgende Situation kennen: Man zieht ein Element per Drag & Drop auf den entsprechenden Bereich der Website und das Rädchen dreht sich. Man hat den Kaffee geröstet, gemahlen, gebrüht und getrunken und das Rädchen dreht sich noch immer. Nicht so mit Elementor. Jede Änderung ist sofort sichtbar. In den letzten Wochen und Monaten habe ich kein einziges Mal erlebt, dass das Live-Update nicht sofort funktioniert hätte.

Hier ein kleiner Vorgeschmack an Beispiel der Erstellung einer Bildergallerie:

Elementor - Website erstellen schnell und einfach

Elementor – Website erstellen schnell und einfach

Einfach zu bedienen

Diese kleine gif-Animation dient auch als Überleitung zu dem nächsten Vorteil. Die Bedienung von Elementor ist sehr einfach und intuitiv. Mit einem Klick auf den Button “Mit Elementor bearbeiten” im Adminbereich gelangt man in die Frontansicht der Website. Auf der linken Seite befinden sich die verfügbaren Widgets, auf der rechten Seite die Bereiche, in die die Widgets hineingezogen werden. Um ein Element zu bearbeiten, klickt man es auf der rechten Seite an, woraufhin sich die verfügbaren Einstellungen auf der linken Seite öffnen.

Webdesign einfach mit Elementor - Webdesign kann jetzt jeder!

Webdesign einfach mit Elementor

Kostenlos

Schon die kostenlose Version von Elementor kann es problemlos mit vielen Premium Page Buildern aufnehmen. Zumal man die Widgets in der kostenlosen Variante mit zusätzlichen ebenfalls kostenlosen Add-ons (siehe unten) noch erweitern kann. Zukünftig werden sicherlich noch weitere Widgets sowohl von Elementor Team selbst als auch von Drittanbietern dazu kommen. Auch ich bin gerade dabei, mein eigenes Timeline Elementor Widget für unsere Eltern-Kind-Community knirpsy zu programmieren.

Viele Templates

Elementor Templates - Wunderschöne Website Vorlagen können mit einem Klick importiert werden

Elementor Templates – Wunderschöne Website Vorlagen können mit einem Klick importiert werden

Vielleicht kennt ihr die Homepage Vorlagen von verschiedenen Hosting Anbietern, die konsequent jede Regel des guten Designs missachten. Bei Elementor können sich die Vorlagen wirklich sehen lassen, selbst die kostenlosen Templates. Sie bieten einen optimalen Startpunkt für alle Neueinsteiger, sich mit den Einstellungsmöglichkeiten des Plugins vertraut zu machen. Zudem lässt sich mit Hilfe der Vorlagen der Design-Prozess extrem verkürzen.

Was passiert, wenn man das Elementor Plugin deaktiviert?

Im Gegensatz zu vielen anderen Page Buildern hinterlässt Elementor nicht eine Vielzahl an Shortcodes, nachdem man das Plugin deaktiviert. Sollte man sich zu einem späteren Zeitpunkt aus welchem Grund auch immer dafür entscheiden, das Plugin nicht mehr zu verwenden, bleibt einem eine ungestylte HTML-Seite mit dem gesamten Inhalt erhalten. Abhängig von den eigenen CSS-Fähigkeiten, lässt sich die Optik der Seite dann auch relativ einfach wieder aufpolieren.

Erweiterungen / Add-ons für Elementor

Sobald ein Plugin einen gewissen Bekanntheits- und Beliebtheitsgrad erreicht hat, gibt es viele Entwickler, die zusätzliche Add-ons für das Plugin programmieren. Das ist auch bei Elementor der Fall. Hier sind 3 beliebte Plugins, die mehrere Add-ons für Elementor bereitstellen:

Essential Addons Elementor von Codetic

Essential Addons Elementor - Wichtige Addons für Elementor Page Builder

Essential Addons Elementor – Erweiterungen für Elementor

Das Plugin Essential Addons Elementor von Codetic beinhaltet zum Zeitpunkt der Veröffentlichung dieses Artikels 7 kostenlose Add-ons. Hervorzuheben sind hier das “Post Grid” und das “Creative Buttons” Add-on. Bei der “Timeline” Funktion gefällt mir persönlich die Umsetzung nicht so gut, da es keine durchgehende Timeline ist, sondern immer nur 2 Posts zusammenhängen.

Elementor Addon Elements von Webtechstreet.com

Elementor Addon Elements von Webtechstreet.com

Elementor Addon Elements – weitere Addons für Elementor

Auch das Plugin Elementor Addon Elements bereichert die eigene Website mit 7 kostenlosen Add-ons – darunter auch “Preistabellen” und Boxen mit dem beliebten Flip-Effekt.

Addons for Elementor von Elementor Addons (livemesh)

Addons for Elementor - Viele weitere kostenlose Addons für Elementor

Addons for Elementor – Viele weitere kostenlose Addons für Elementor

Addons for Elementor erweitert den Page Builder in der kostenlosen Version sogar um 13 zusätzliche Add-ons. “Post Grid” ist hier ebenso mit an Board wie das “Preistabellen” Add-on. Darüber hinaus kann das Plugin deine Website mit animierten “Kreis-Diagrammen”, “Zählerständen”, “Skill Bars” oder “Post Karussells” aufwerten.

Darf’s ein bisschen mehr sein?

Trotz der vielen tollen Features der kostenlosen Version oder gerade weil das kostenfreie Plugin so überzeugt, lohnt sich auch ein Blick auf Elementor PRO (*). Mit mehr als 24 PRO Widgets, mehr als 75 PRO Website Vorlagen, globalen Einstellungsmöglichkeiten etc. lässt sich der Workflow extrem verkürzen und wunderschöne Ergebnisse erzielen, ohne eine Zeile Code selbst schreiben zu müssen.

Zurzeit gibt es sogar ein Halloween Special, mit dem du einen 20% Gutschein auf die PRO Version von Elementor (*) erhältst!

Die besten WordPress Themes für Elementor

Auf der Website von Elementor findet man eine Auswahl an kostenlosen und Premium WordPress Themes, die gut mit Elementor harmonieren. Generell müsste Elementor mit jedem Theme funktionieren, da es auch ein eigenes Page Template (Elementor Canvas) beinhaltet. Damit lässt sich jede Seite zu einer Elementor Seite umgestalten. Unter anderem habe ich die folgenden Themes mit dem Plugin ausprobiert:

GeneratePress

Das WordPress Theme GeneratePress ist auf jeden Fall eine gute Wahl, wenn es um kostenlose Themes geht. Aufgrund der “leichten Bauweise” verhilft es Webseiten zu schnellen Ladezeiten. Selbst die Premium Version ist günstig und kommt mit einer fairen Lizenz, die unbegrenzt gültig ist. Ein wenig enttäuschend finde ich es, dass man den Premium Header im Backend stylen muss und nicht etwa im Customizer. GeneratePress harmoniert sehr gut mit Elementor. Allerdings ist ein Design über die volle Breite des Bildschirms schwierig umzusetzen.

Sydney

Ein weiteres von Elementor empfohlenes WordPress Theme ist Sydney. Das erste, was auffällt und zugleich verwirrt, wenn man das Sydney Theme aktiviert, ist die Empfehlung, den Page Builder by Site Origin und nicht Elementor zu installieren. Diese Nachricht lässt sich jedoch einfach wegklicken. Ansonsten versteht sich das Theme sehr gut mit dem Elementor Plugin. Der Header Bereich lässt sich hier bequem im Customizer mit Live-Vorschau bearbeiten.

Mein Favorit: OceanWP

Das beste kostenlose WordPress Theme - Ideales Theme für Elementor

Das beste kostenlose WordPress Theme – Ideales Theme für Elementor

Ich würde sagen, schon alleine die Bewertungen sprechen für sich. Es gibt kaum ein anderes Theme, das ausschließlich 5 Sterne Bewertungen hat! Von allen WordPress Themes, die ich ausprobiert habe, funktioniert OceanWP am besten mit dem Elementor Plugin. Es macht sogar den Anschein, als wäre es speziell für Elementor designed worden. Aber auch ohne den Page Builder zu verwenden, dürfte das Theme OceanWP wohl auf keiner Bestenliste von kostenlosen WordPress Themes fehlen. Die kostenlose Version beinhaltet bereits Einstellungen, wie kein anderes kostenloses Theme mit zahlreichen Premium Features. Mit der PRO Version von OceanWP (*) kannst du sogar deine Website mit weiteren Funktionalitäten, wie z. B. Sticky Header und Footer, sowie 10 weiteren tollen Elementor Widgets ergänzen. Auch hier gibt es zurzeit eine Halloween Aktion mit 25% Rabatt auf die PRO Version von OceanWP (*). Einfach den Code “HALLOWEEN” beim Checkout verwenden.

Fazit

Aufgrund der genannten Vorteile von Elementor habe ich mich dafür entschieden, den Page Builder auf allen Kundenwebsites von WebGeckos zu integrieren. Meiner Meinung nach ist das Plugin ein echter “Gamechanger” für WordPress. Alle unentschlossenen User, die sich noch nicht einig sind, welches CMS sie verwenden wollen, müssten sich allein schon wegen Elementor für WordPress entscheiden. Allen Gründern und Kleinunternehmern, die überlegen ihre Website mit einem 08/15 Homepage Baukasten selbst zu erstellen, rate ich, sich den Page Builder vorher anzusehen. Da kann wirklich kein Homepage Baukasten mithalten. Ich wäre nicht überrascht, wenn sich Elementor unter den verschiedenen sowohl kostenlosen als auch Premium Page Buildern durchsetzen und in naher Zukunft ein eigenes Ökosystem mit zahlreichen Add-ons und Themes innerhalb der WordPress Community aufbauen wird.

Was gibt es zu Elementor noch zu sagen?

Hast du Elementor bereits ausprobiert? Welche Erfahrungen hast du mit dem Plugin gemacht?

Elementor WordPress Page Builder – Webdesign kann so einfach sein!
5 (100%) 1 vote

Das könnte Dich auch interessieren...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.