Heute zeigen wir Ihnen, wie Sie mit Elementor die Seiten und Blöcke Ihrer Website erstellen.
Seitenersteller sind zu einem integralen Bestandteil der Webentwicklung für diejenigen geworden, die nur wenig oder gar keine Erfahrung mit der Gestaltung von Websites haben.
Einer der beliebtesten Seitenersteller ist Elementor, der kostenlos und im Premiummodus mit mehr Funktionen verfügbar ist.
So verwenden Sie Elementor – Vollständige Anleitung
In diesem Beitrag erläutern wir, warum wir glauben, dass Elementor der perfekte Seitenersteller für den Einstieg in Ihre WordPress-Website ist:
Machen Sie sich mit Elementor vertraut
Der erste Kontakt des Benutzers mit Ihrer Website hinterlässt einen bleibenden Eindruck.
Egal, ob Sie sich für einen Retro- oder minimalistischen Stil entschieden haben oder Ihre Ressourcen gebündelt haben, um eine Vision davon zu entwickeln, wie Webseiten in Zukunft aussehen werden, in jedem Fall ermöglicht Ihnen ein WordPress-Seitenersteller wie Elementor die individuelle Anpassung Ihrer Website ohne jegliche Codierung.
Es ist wichtig, dass Sie zuerst ein Design installieren, das mit Elementor kompatibel ist.
Wir empfehlen Ihnen, einen Blick auf unsere empfohlenen Themes zu werfen , die die höchste Kompatibilität mit Elementor aufweisen und Optionen bieten, mit denen Sie sie auch dann anpassen können, wenn Sie die kostenlose Version von Elementor verwenden.
Früher haben Sie Ihre Website mithilfe der verfügbaren Builder-Optionen Ihres Designs gestaltet.
Bei einigen Designs fehlten bestimmte Anpassungsfunktionen, andere waren klobig und für jede Seite äußerst schwierig anzupassen.
Mit dem Elementor-Seitenersteller können Sie in Echtzeit Änderungen an Ihrer Website vornehmen, ohne zwischen Frontend und Backend wechseln zu müssen, um zu überprüfen, wie Ihre neuen Änderungen implementiert wurden.
Sie können Elementor entweder installieren, indem Sie die Website des Anbieters besuchen und die heruntergeladene ZIP-Datei anschließend auf Ihr WordPress-System hochladen, oder indem Sie zum WordPress-Plugin-Repository navigieren, nach „Elementor“ suchen und auf „Installieren“ klicken.
Stellen Sie sicher, dass Sie das Plugin aktivieren, und schon können Sie alle Optionen erkunden, die Elementor zu bieten hat.
Die Funktionen, die Elementor zu bieten hat
Glücklicherweise ist Elementor ein Frontend-Editor, sodass Sie sofort sehen können, wie Änderungen wirksam werden, und Anpassungen vornehmen können.
Ein weiterer indirekter Vorteil besteht darin, dass es aufgrund seiner Popularität keinen Mangel an Ressourcen auf YouTube oder WordPress-bezogenen Websites gibt, die Ihnen den Einstieg erleichtern, wie beispielsweise dieser Leitfaden.
Die Anpassungsmöglichkeiten in Elementor konzentrieren sich auf Widgets, und sobald Sie sich daran gewöhnt haben, Ihre Widgets per Drag & Drop auf die Seite zu ziehen, werden Sie feststellen, warum dies viel besser ist als die Verwendung des Standard-Builders Ihres Themes.
Jede Seite in WordPress besteht aus Abschnitten und das ist die Grundlage für den Seitenaufbau mit Elementor.
Auf der linken Seite Ihres Bildschirms befindet sich ein Hamburger-Menü, mit dem Sie Änderungen an der gesamten Website vornehmen können, während die Änderungen auf der rechten Seite angezeigt werden.
Die Drag-and-Drop-Funktion ermöglicht ein schnelleres Erstellen von Webseiten, das an ein Designtool erinnert.
Der einzige Grund, warum Sie ein Design benötigen, besteht darin, dass Ihre Website ohne Design nicht funktioniert und Elementor ohne Design nichts zu bearbeiten hätte.
Außerdem benötigen Sie das Design weiterhin, um Ihre Kopf- und Fußzeile zu bearbeiten, wenn Sie bei der kostenlosen Version von Elementor bleiben möchten.
Elementor Free vs. Elementor Pro
Der Hauptunterschied zwischen ihnen besteht in der Anzahl der Widgets, die in der Pro-Version angeboten werden.
Prüfen Sie also unbedingt, ob Sie sie in Ihrem Design benötigen.
Und auch die Möglichkeit, Ihre Fußzeile und Kopfzeile in Elementor zu bearbeiten, ist praktisch. Wenn Ihr Design jedoch bereits über einen dedizierten Kopf- und Fußzeilen-Builder verfügt, ist dies möglicherweise nicht so nützlich.
In Bezug auf Widgets sind dies die grundlegenden Widgets, die in der kostenlosen Version verfügbar sind:
- Überschrift
- Bild
- Texteditor
- Video
- Taste
- Trennwand
- Icon
- Spacer
- Google Maps
Dies sind einige der in der Pro-Version verfügbaren Widgets:
- Portfolio
- Form
- Flip Box
- Preisliste
- blockquote
- Aufruf zum Handeln
Nachfolgend finden Sie alle nützlichen Informationen, die Sie für eine endgültige und fundierte Entscheidung benötigen, ob Sie auf Elementor Pro upgraden möchten oder nicht.
Aber im Allgemeinen empfehlen wir Ihnen, mit der kostenlosen Version herumzuexperimentieren, bis Sie sicher sind, dass Elementor der beste WordPress-Seitenersteller für Sie ist.
| Deep Frei | Deep Pro | |
|---|---|---|
| Preis | Frei | $ 39 / y |
| Anzahl der Spezial-Widgets | 45+ | 60+ |
| Demo-Importer mit einem Klick | ||
| Kostenlose Demos (28) | ||
| Premium-Demos (96) | ||
| WPBakery-Demos (73) | ||
| Theme Options | Standard | Erweitert |
| Elementor-Widgets | Standard | Erweitert |
| Elementor-Styling-Optionen | Standard | Erweitert |
| Visueller Header-Builder | Standard | Erweitert |
| Visueller Fußzeilen-Builder | ||
| White Label-Branding | Standard | Erweitert |
| Erweitertes Mega-Menü | ||
| Shop-Funktionen | Standard | Erweitert |
| Portfolio-Funktionen | ||
| Gebündelte Premium-Plugins | ||
| Abschnittsvorlagenbibliothek | ||
| Premium Support | ||
| Jetzt kostenlos herunterladen | Jetzt Kaufen |
Letztendlich ist es die beruhigende Gewissheit, dass Ihnen das Elementor-Supportteam bei der Pro-Version Unterstützung bietet, die uns zu einem überzeugten Anhänger der Pro-Version macht.
Es verfügt über einige Nischenfunktionen, die Sie auch mit anderen Plugins nutzen können, aber warum nicht alles an einem Ort erledigen?
Zum Beispiel der Popup-Builder, dynamische Optionen, Bedingungen dafür, wo Kopfzeilen oder Popups sichtbar sind, benutzerdefiniertes CSS, Vorlagen-Shortcodes und Widgets, benutzerdefinierte Schriftarten und ein Rollenmanager.
Durch die Möglichkeit, Benutzern in Ihrem WordPress Rollen zuzuweisen und einzuschränken, können diese mit ihrer Arbeit fortfahren, ohne Ihr Design zu beeinträchtigen.
Der Kunde erhält lediglich Zugriff auf die Bearbeitung des Seiteninhalts und kann keine Elemente per Drag-and-Drop hinzufügen oder löschen. Auf diese Weise bleibt Ihr Design immer geschützt.
Die Bearbeitungsumgebung
Wenn Sie Ihre erste Seite mit Elementor gestalten , könnten Sie anfangs von der Anzahl der Widgets überwältigt sein und noch keine Skizze eines Designs haben, das Sie auf der leeren Leinwand platzieren könnten; genau hier kommen die Elementor-Seitenvorlagen ins Spiel für diejenigen, die sich in diesem Moment weniger inspiriert fühlen.
Wählen Sie einfach eine vorgefertigte Vorlage aus der umfangreichen Liste aus, fügen Sie sie auf Ihrer Seite ein und passen Sie sie Ihren Anforderungen entsprechend an.
Die rechte Seite ist Ihr Designspielplatz, wo Sie Elemente hinzufügen können, die das Layout Ihrer Seite bilden.
Auf der linken Seite befindet sich ein Kreativbereich mit Widgets, die Sie per Drag & Drop auf die Seite ziehen können.
Sie können entweder Abschnitte hinzufügen und Widgets ziehen, um sie an Ihr Design anzupassen, oder sich für vorgefertigte Vorlagen entscheiden.
Im unteren Bereich gelangen Sie mit dem kreisförmigen Pfeilsymbol zurück zu Ihrem Verlauf. Der Verlauf ist in Aktionen und Revisionen unterteilt. Unter Aktionen können Sie Ihre Schritte zurückverfolgen und zu einer früheren Bearbeitung zurückkehren. Unter Revisionen finden Sie alle Ihre gespeicherten Versionen.
Ein weiterer Vorteil der Verwendung von Elementor ist der schnelle Zugriff auf verschiedene Anzeigemodi, sodass Sie sofort überprüfen können, wie Ihr aktuelles Design auf verschiedenen Displays wie Tablets und Mobilgeräten aussieht.
Wenn Sie Lust haben, eine Homepage zu entwerfen, helfen Ihnen die Blöcke in Elementor dabei, Ihre eigene Seite von Grund auf neu zu erstellen.
Mit den Optionen (Farbe, Schriftart, Größe) der Registerkarte „Styling“ können Sie den Inhalt in Blöcken Ihren Anforderungen entsprechend anpassen.
Es gibt auch die äußerst nützliche Option, den Stil eines vorhandenen Abschnitts zu kopieren und einzufügen, um alle Blöcke auf die gleiche Weise zu ändern.
Einfache Websites mit statischen Seiten, wie beispielsweise Portfolios, sind größtenteils statisch, die meisten Websites haben jedoch mehrere Seiten (Blog, Webshop, Suchergebnisse).
Diese dynamischen Seiten können entweder mit Elementor Pro oder den Optionen des Designs bearbeitet werden, beispielsweise durch die Gestaltung Ihrer eigenen Kopf- und Fußzeile.
Die Pro-Version enthält außerdem mehr Blöcke, Vorlagen und Widgets.
Im Backend können Sie auch auf das Menü „Tools“ zugreifen, das Optionen wie „URL ersetzen“, „Wartungsmodus“ und „Versionskontrolle“ bietet, um zu einer vorherigen Version zurückzukehren, wenn auf Ihrer Website ein Problem mit dem neuesten Elementor aufgetreten ist.
Kurz gesagt: Mit beiden Versionen können Sie eine Seite erstellen, Bearbeitungstools verwenden und vorgefertigte Vorlagen einfügen.
Elementor Pro-Preise
Wenn Sie anhand der obigen Tabelle davon überzeugt sind, dass Elementor Pro die richtige Wahl für Sie ist, bietet Ihnen das Elementor-Team je nach der Anzahl der benötigten Lizenzen drei verschiedene Pläne für den Einstieg.
Fazit
Im Allgemeinen ist die Kombination von Elementor (kostenlos oder Pro) mit einem leistungsstarken Design, das seine blinden Flecken abdeckt, in den meisten Fällen der richtige Weg.
Schauen Sie sich daher unbedingt unsere Liste mit Designvorschlägen an , die Sie zusammen mit Ihrem neuen Page-Builder verwenden können.
