Webspace: WordPress Elementor
Die Anleitung wurde mit folgenden Produkten erstellt:
(Einzelheiten können sich bei Produkten anderer Anbieter unterscheiden, die Grundkonzepte bleiben in der Regel unverändert)
Einführung
Elementor ist ein leistungsstarker und benutzerfreundlicher Page Builder für WordPress, der es dir ermöglicht, professionelle Webseiten ohne Programmierkenntnisse einfach zu erstellen.
Elementor gibt es sowohl als kostenlose und als kostenpflichtige Version. Mit der kostenlosen Version von Elementor (Elementor Core) erhältst du alles, was für die ersten Schritte deiner Webseite benötigt wird. Elementor Pro ergänzt die kostenlose Version von Elementor und bietet noch zusätzliche Funktionen und Pro Widgets. Mehr Informationen zu den genauen Unterschieden findest du in der offiziellen Dokumentation von Elementor.
Installation
Die Nutzung und Installation von Elementor setzt voraus, dass du bei deinem Webspace bereits WordPress installierst und verwendest. Solltest dies noch nicht der Fall sein, dann ist dieser Schritt erst noch notwendig. Solltest du nicht genau wissen, wie du das am besten umsetzen kannst, dann empfiehlt sich ein Blick in unsere WordPress installieren Anleitung zu werfen.
Sobald dieser Schritt erfüllt ist und WordPress aktiv läuft kannst du mit der Installation von Elementor beginnen. Elementor wird bei WordPress als Plugin installiert. Wie du Plugins bei WordPress installierst kannst du dir in unserer WordPress Plugins Anleitung anschauen.
Navigiere in WordPress zu Plugins, klicke auf der Seite oben auf den Neues Plugin hinzufügen Button. Im nächsten Schritt suche nach Elementor und klicke bei der Auswahl bei Elementor Webseiten-Baukasten – Mehr als nur ein Seiten-Baukasten auf installieren.
Konfiguration
Nach der Installation geht es nun weiter mit der Konfiguration. Im nächsten Schritt solltest du das Willkommensfenster von Elementor sehen. Hier wirst du durch die folgenden Schritte geführt: Erstellung eines Elementor-Accounts, Installation des „Hello“ Themes, Auswahl der gewünschten Funktionen und schließlich die Abschlussbestätigung „Good to go“. Befolge einfach die Anweisungen, um Elementor vollständig einzurichten.
Die Erstellung eines Elementor Accounts ist nicht zwingend notwendig. Es sei denn du planst bereits im Voraus direkt Elementor Pro zu verwenden. Im Anschluss kannst du das Theme installieren und die zusätzlichen Features hinzufügen, die du benötigst.
Los geht's
Nun kannst du mit der Gestaltung deiner Webseite mit Hilfe von Elementor beginnen. Zunächst einmal solltest du dir einen Überblick verschaffen, wie du Elementor genau bedienst. Als auch welche verfügbaren Widgets es gibt, wie du das Design und Layout bearbeitet, als auch wie du einzelne Seiten und Templates anlegst.
Verfügbare Widgets
Sowohl die kostenlose als auch die kostenpflichtige Version von Elementor bieten eine Vielzahl an Widgets, die du für die Gestaltung und Individualisierung deiner Webseite nutzen kannst.
Basic Widgets
Die kostenlose Version von Elementor bietet dir eine Auswahl an Widgets, mit denen du deine Webseite grundlegend gestalten und anpassen kannst – ganz ohne zusätzliche Kosten:
- Inner Section, Heading, Image, Text Editor, Video, Button, Star Rating, Divider, Google Maps, Icon, Image Box, Icon Box, Basic Gallery, Image Carousel, Icon List, Counter, Spacer, Testimonial, Tabs, Accordion, Toggle, Social Icons, Progress Bar, Sound Cloud, Shortcode, HTML, Menu Anchor, Alert, Sidebar, Text Path, Container und Link in Bio.
Pro Widgets
Erweitere das Design deiner Website noch weiter mit zusätzlichen Pro-Widgets. Die Elementor Pro Version beinhaltet folgende zusätzliche Widgets:
- Posts, Share Buttons, Portfolio, Slides, Form, Login, Nav Menu, Animated Headline, Price Table, Price List, Gallery, Flip Box, Call to Action, Media Carousel, Testimonial Carousel, Nested Carousel, Loop Carousel, Table of Content, Countdown, Facebook Page, Blockquote, Template, Reviews, Facebook Button, Facebook Embed, Facebook Comments, PayPal Button, Lottie Widget, Code Highlight, Video Playlist, Hotspot, Progress Tracker, Stripe Button, Mega Menu, Off-Canvas
Design und Layout
Seite erstellen
Erstelle eine neue Seite und gestalte sie mit Elementor ganz nach deinen Wünschen. Öffne dazu Elementor über die Sidebar und wähle "Create Page". Im Editor stehen dir zahlreiche Widgets und Konfigurationsoptionen zur Verfügung, mit denen du das Design und die Inhalte flexibel anpassen kannst.
Template erstellen
Erstelle Templates für Container, Seiten oder Abschnitte, die du mehrfach anwenden kannst. Der große Vorteil dabei ist, dass Änderungen nur an einer Stelle vorgenommen werden müssen. Alle Bereiche, in denen das Template verwendet wird, werden automatisch aktualisiert. Das spart Zeit und sorgt für eine einheitliche Gestaltung deiner Webseite.
Elementor Dokumentation
Diese Anleitung beschäftigt sich ausschließlich mit der Installation, Konfiguration und den wesentlichen Grundlagen für die Verwendung von WordPress mit der Elementor Erweiterung. Für einen erweiterten Einstieg in die Welt von Elementor empfehlen wir dir die Anleitungen von der offiziellen Elementor Dokumentation und dem Help Center anzuschauen.
Weitere Elementor Erweiterungen
Das Angebot an Möglichkeiten, sei es durch Einstellungen, Themes oder Widgets, ist je nach Version von Elementor – kostenlos oder Pro – in gewissem Maße eingeschränkt. Zusätzlich gibt es jedoch zahlreiche Erweiterungen von Drittanbietern, die deine Gestaltungsmöglichkeiten erheblich erweitern, verbessern oder sogar neue Funktionen hinzufügen können. Diese Erweiterungen bieten dir noch mehr Flexibilität, um deine Website ganz nach deinen Vorstellungen zu gestalten.
Erweiterung | Nutzung |
---|---|
Ultimate Addons for Elementor | Kostenlose und kostenpflichtige Version verfügbar |
Master Addons for Elementor | Kostenlose und kostenpflichtige Version verfügbar |
Essential Addons for Elementor | Kostenlose und kostenpflichtige Version verfügbar |
Premium Addons for Elementor | Kostenlose und kostenpflichtige Version verfügbar |
Happy Addons for Elementor | Kostenlose und kostenpflichtige Version verfügbar |
ThePlus Addons | Kostenlose und kostenpflichtige Version verfügbar |
JetElements | Kostenpflichtige Version |
Abschluss
Glückwunsch, vorausgesetzt, dass du alle Schritte befolgt hast, solltest du Elementor erfolgreich installiert und konfiguriert haben. Für weitere Fragen oder Hilfe zögere bitte nicht, unser Support-Team zu kontaktieren, das dir täglich zur Verfügung steht! 🙂