In diesem Elementor-Review werden wir uns dieses bekannte Seitenerstellungs-Plugin und seine jüngste Version von Elementor 2.0 ansehen. Egal, ob Sie ein paar Webseiten anpassen oder eine ganz neue Website entwerfen möchten, die neue Version von Elementor 2.0 bietet die Tools und Funktionen, die Ihnen helfen, Ihre kreative Vision zu verwirklichen.
Lesen Sie weiter, um mehr darüber zu erfahren, was Elementor zu bieten hat, und um ein tiefes Verständnis der neuesten Funktionen zu erhalten, die mit Elementor 2.0 veröffentlicht wurden. Wir werden auch die Vorteile eines Upgrades auf Elementor Pro berücksichtigen. Und die erweiterten Funktionen, die diese Premium-Erweiterung bietet. Lass uns anfangen…
Eine Einführung in Elementor
Für diejenigen unter Ihnen, die Elementor noch nicht verwendet haben und wenig über das Plugin wissen, beginnen wir mit einer kurzen Einführung in diese Lösung und überlegen, was sie zu bieten hat.
Elementor ist ein beliebtes WordPress Page Builder-Plugin, das erstaunlicherweise erst vor knapp zwei Jahren auf den Markt kam. In dieser Zeit ist Elementor zu einem ernsthaften Konkurrenten in der Welt der Page Builder-Plugins geworden. Es bietet ein beeindruckendes Erlebnis und umfangreiche Funktionen, was zu einem ständig wachsenden Kundenstamm führt.
Elementor unterstützt sowohl kostenlos und Premium-Version ihres Plugins. Elementor Pro ist eine Erweiterung des kostenlosen Plugins und bietet erweiterte Tools zur Verbesserung des Workflows und zur Steigerung von Conversions und Verkäufen. Wir werden die Pro-Version von Elementor weiter unten im Artikel besprechen. Aber jetzt schauen wir uns an, was die kostenlose Kernversion von Elementor bietet …
Elementor-Funktionen
Elementor enthält einen intuitiven Drag-and-Drop-Editor, der es Benutzern ermöglicht, jede Seite oder jeden benutzerdefinierten Beitragstyp in WordPress einfach zu gestalten oder anzupassen. Und das alles, ohne eine Codezeile anfassen zu müssen. Alle Anpassungen können am Frontend Ihrer Site vorgenommen werden, sodass Sie sehen können, wie Ihre Seitendesigns in Echtzeit erfolgen.
Die Elementor-Vorlagenbibliothek enthält über 300 wunderschön gestaltete Vorlagen zur Auswahl, die für jede Branche und Nische erstellt wurden. Sobald eine Vorlage ausgewählt wurde, gibt Ihnen der Elementor-Editor umfassende Kontrolle über jedes Styling-Detail. Vorlagen und Seitendesigns können gespeichert und wiederverwendet sowie zur Verwendung auf anderen Websites exportiert werden.
Elementor bietet auch ein komplettes Paket von Widgets kostenlos an. Diese Widgets arbeiten innerhalb des Live-Seitenerstellers und ermöglichen es Ihnen, Ihren Seiten endlose Gestaltungsmöglichkeiten hinzuzufügen. Hier sind nur einige der Widgets, die Sie auf Ihren Seiten verwenden können…
- Bildergalerie.
- Bild Karussell.
- Google Maps.
- Tasten.
- Video.
Widgets und Plugins von Drittanbietern können auch in den Elementor Page Builder eingebettet werden. Daher können Sie sich mit all Ihren bevorzugten Designelementen umgeben.
Hier sind einige der anderen Top-Features die Elementor bietet…
- Vollständige Anpassung über Layout.
- Video-Hintergründe.
- Inline-Bearbeitung.
- Bilder- und Galerie-Lightbox.
- 800+ Google-Schriften.
- Landingpage-Design.
- Mobile Bearbeitung.
- Entwicklerfreundlich.
Elementor bietet auch umfassenden Support, einschließlich Video-Tutorials und ausführlichen Artikeln. Diese lehren Schritt für Schritt, wie Sie dieses Plugin verwenden, um beeindruckende Websites zu erstellen.
Jetzt wissen wir also ein wenig über Elementor und einige der Funktionen, die es in seiner kostenlosen Kernversion enthält. Schauen wir uns als nächstes die neueste Version von Elementor 2.0 an und finden Sie heraus, welche Tools und Funktionen zu diesem bereits funktionsreichen Plugin hinzugefügt wurden.
Die neuen Funktionen von Elementor 2.0
Im Februar begann das Elementor-Team mit dem Rollout Elementor 2.0. Mit jedem neuen Feature-Release hoffen sie, die Probleme zu lösen, mit denen Benutzer von WordPress täglich konfrontiert sind, wenn sie versuchen, Websites zu entwerfen und anzupassen. Welche Funktionen wurden also eingeführt und wie werden sie das Elementor-Erlebnis verbessern?
Elementor-Blöcke
Eine der ersten Funktionen, die unter Elementor 2.0 veröffentlicht wurden, war Elementor-Blöcke. Diese völlig kostenlose Funktion bietet eine flexible Möglichkeit, Seiten schnell und effizient zu erstellen.
Blöcke sind im Wesentlichen vorgefertigte Abschnitte, die in Kombination komplette Seiten erstellen können. Durchsuchen und filtern Sie die verschiedenen verfügbaren Designoptionen und fügen Sie dann mit nur einem Klick die entsprechenden Blöcke zu jeder Seite Ihrer Website hinzu. Dies gibt Ihnen mehr Flexibilität als Seitenvorlagen, aber dennoch genügend Designunterstützung, um Zeit zu sparen und sicherzustellen, dass Sie eine benutzerfreundliche, professionelle und ansprechende Website erstellen.
Jeder Block kann individuell angepasst werden, sodass Sie den Inhalt umwandeln und Ihre Gedanken und Ideen schnell in eine Website verwandeln können. Und Blöcke werden mit vorgefertigten Widget- und Layout-Einstellungen geliefert, sodass Sie sich einfach auf den Designprozess konzentrieren können und sich nicht um die technischen Aspekte beim Erstellen einer Seite kümmern müssen. Blöcke können dann gespeichert und auf verschiedenen Seiten wiederverwendet werden.
Das Auswählen und Auswählen von Blöcken zum Erstellen einer Seite macht nicht nur Spaß beim Gestalten. Blöcke rationalisieren Ihren Workflow und verwalten Ihren Erstellungsprozess, was im Handumdrehen zu fertigen High-End-Seiten führt.
Derzeit sind in der Blockbibliothek 253 verschiedene Blocktypen verfügbar, die auf 15 Kategorien verteilt sind, darunter Preis, Team, Testimonials, Portfolio, Call to Action und Abonnieren. Das Elementor-Team wird diese Bibliothek im Laufe der Zeit auch erweitern, um sicherzustellen, dass es für jedes Projekt passende Blöcke gibt.
Elementor Entwickler-API
Im April kündigte Elementor sein neues Entwicklerzentrum für Elementor-Entwickler. Dies ist eine neue Site und eine wirklich beeindruckende Ressource – eine, die einen großen Einfluss auf jeden WordPress-Entwickler haben wird, der Elementor erweitern oder in ein Produkt integrieren möchte.
Das Developers Center besteht aus zwei Bereichen…
Schauen wir uns beide genauer an…
Ressourcen für Elementor-Entwickler
Das Developers Resources Center enthält Schritt-für-Schritt-Anleitungen, Tutorials und Codebeispiele, die erklären, wie Entwickler ihre eigenen Elementor-Erweiterungen oder benutzerdefinierten Lösungen für Kunden erstellen können. Es gibt sowohl Informationen für Plugin- und Theme-Entwickler als auch Informationen zu aktuellen WordPress-Codierungsstandards und neuesten Best Practices.
Elementor-Codereferenz
Mithilfe der Elementor-Codereferenzdokumente können Sie schnell lernen, was jede Elementor-Funktion, -Klasse, -Methode und -Hook tut. Hier können Sie ganz einfach die Codereferenz durchsuchen, um spezifischen Code zu finden, der mit jeder neuen Elementor-Version automatisch aktualisiert wird. Das Elementor-Team plant außerdem, in absehbarer Zeit Snippets und Codebeispiele zur Codereferenz hinzuzufügen.
Wenn Sie ein WordPress-Plugin- oder Theme-Entwickler sind, ist das Elementor Developers Center eine unschätzbare Ressource und einen Besuch wert.
Elementor Pro 2.0 – Theme-Builder
Mit der Veröffentlichung von Elementor Pro 2.0 wurde dieses Seitenerstellungs-Plugin aktualisiert, um es aufzunehmen Theme-Builder-Funktionen. Bisher war es nicht möglich, bestimmte Bereiche Ihres Themes mit dem Elementor Pro-Editor anzupassen, wie z. B. Kopfzeile, Fußzeile, einzelner Beitrag und Archiv.
Elementor Pro Theme Builder hat das Konzept der Vorlagen erweitert und neue Vorlagentypen für Kopf- und Fußzeilen und andere Bereiche Ihrer Website eingeführt. Auf diese Weise können Sie jetzt jeden Teil Ihrer Website, nicht nur die Inhaltsbereiche, mit dem Drag-and-Drop-Editor von Elementor gestalten und anpassen. Verabschieden Sie sich also vom Code!
Der Elementor Pro Theme Builder funktioniert mit jedem WordPress-Theme und ermöglicht es Ihnen, jeden Aspekt Ihrer Website visuell im Frontend Ihrer Website zu erstellen. Durch die Verwendung dynamischer Vorlagen können Sie das Framework für Ihre Inhalte erstellen und dann auf Ihrer Website anwenden. Vorlagen werden dann mit nur einem Klick mit dynamischen Inhalten von Ihrer Website gefüllt.
Elementor Pro 2.0 bietet auch Über 25 Kopf- und Fußzeilenblöcke, sowie eine Sticky-Header-Funktion, die Ihnen den Einstieg erleichtert. Sie werden nicht mehr durch die Kopf- und Fußzeile Ihres Themes eingeschränkt. Sie können jetzt die Elementor-Blöcke verwenden, um stilvolle und auffällige Designs zu erstellen, die zum restlichen Branding Ihrer Website passen.
Elementor Pro 2.0 – Funktionen, die noch kommen
Wie bereits erwähnt, wird Elementor 2.0 schrittweise eingeführt. Und für Elementor Pro 2.0 gibt es noch weitere Funktionen.
Die WooCommerce-Integration sollte in Kürze bei uns sein und eine leistungsstarke Designkontrolle über Ihren WooCommerce-Shop, Produktseiten und andere E-Commerce-Elemente über den Elementor-Editor ermöglichen. Widgets enthalten…
- WooCommerce Products Widget – Zeigen und filtern Sie Ihre WooCommerce-Produkte auf Ihrer Website.
- WooCommerce-Kategorien-Widget – Wählen Sie aus, welche Produktkategorien angezeigt werden.
- Woo Elements Widget – Fügen Sie Ihrer Website E-Commerce-Seiten hinzu, einschließlich einer Warenkorbseite, einer einzelnen Produktseite, einer Checkout-Seite und mehr.
- Woo Add to Cart Widget – Zeigen Sie eine Schaltfläche „In den Warenkorb“ an.
Diese Integrationen machen Elementor zum perfekten Werkzeug für die Gestaltung einer E-Commerce-Site nach Ihren genauen Spezifikationen.
Außerdem steht noch eine umfangreiche Unterstützung für Erweiterte benutzerdefinierte Felder (ACF) und Toolset. Mit dieser Funktionalität können Sie Inhaltsfelder in ACF oder Toolset erstellen und diese dann visuell in jede Seite einbinden. Was für Entwickler da draußen durchaus ein Game Changer sein kann.
Sollten Sie auf Elementor Pro aktualisieren?
Nachdem Sie über den bemerkenswerten Theme Builder gelesen haben, den das Elementor-Team in die Elementor Pro-Erweiterung integriert hat, sowie über die WooCommerce-, ACF- und Toolset-Integrationen, die um die Ecke stehen, fragen Sie sich vielleicht, ob Sie auf Pro upgraden sollten.
Werfen wir also einen kurzen Blick darauf, was Elementor Pro sonst noch zu bieten hat…
- Pro-Vorlagen – Wählen Sie aus einer Auswahl an High-End-Pro-Vorlagen.
- Formulare – Entwerfen und fügen Sie Kontaktformulare, Abonnementformulare, Anmeldeformulare und mehr hinzu.
- Medien – Präsentieren Sie Bilder und Videos mit einem Karussell- oder Folien-Widget.
- Benutzerdefiniertes CSS – Fügen Sie Ihren eigenen Code hinzu und sehen Sie ihn im Live-Editor in Aktion.
- Integrationen – Einfache Integration mit MailChimp, Facebook SDK, reCAPTCHA und Adobe TypeKit, um nur einige zu nennen.
- Soziale Medien – Fügen Sie Schaltflächen zum Teilen, soziale Symbole, Facebook-Integrationen und mehr hinzu.
Benutzer von Elementor Pro können auch von einem 24/7-Kundensupport profitieren. Erhalten Sie schnell Hilfe bei Problemen und Antworten auf eventuell auftretende Fragen. Offensichtlich ist Elementor Pro ein bemerkenswertes Tool, und wenn Sie es mit der Qualität des Designs Ihrer Website ernst meinen, sollte ein Upgrade auf Pro auf Ihrem Radar sein.
Abschließende Gedanken zu Elementor 2.0
Wie Sie sehen können, bietet Elementor 2.0 einige beeindruckende neue Funktionen. Von der Elementor Blocks and Developer API bis hin zum fantastischen neuen Elementor Pro 2.0 Theme Builder und erweiterten Integrationen verändert Elementor das Gesicht des Webdesigns. Dass das Elementor-Plugin ein Muss für jeden ist, der eine Website entwirft oder anpasst, versteht sich von selbst – aber wählen Sie die kostenlose oder die Premium-Version?
Haben Sie Fragen zu den neuen Elementor 2.0-Versionen? Fragen Sie gerne unten in den Kommentaren…