1. WordPress installieren
Bevor du mit Elementor starten kannst, benötigst du eine WordPress-Installation.
Schritte:
- Wähle ein Hosting-Paket (z. B. SiteGround, Raidboxes, oder Kinsta).
- Installiere WordPress über das Hosting-Dashboard oder manuell via FTP.
- Richte deine Domain und HTTPS-Verschlüsselung ein.
2. Elementor installieren
Elementor ist ein Plugin, das du direkt in deinem WordPress-Backend hinzufügen kannst.
Schritte:
- Gehe zu Plugins > Installieren und suche nach „Elementor“.
- Klicke auf Jetzt installieren und anschließend auf Aktivieren.
- Optional: Installiere Elementor Pro, um erweiterte Funktionen wie den Theme Builder zu nutzen.
3. Ein geeignetes Theme auswählen
Ein leichtes und Elementor-kompatibles Theme ist essenziell.
Empfohlene Themes:
- Astra
- Hello Theme (von Elementor)
- GeneratePress
Schritte:
- Gehe zu Design > Themes und suche dein gewünschtes Theme.
- Klicke auf Installieren und Aktivieren.
4. Deine erste Seite mit Elementor erstellen
Jetzt beginnt die eigentliche Arbeit: Dein Website-Design.
Schritte:
- Gehe zu Seiten > Erstellen und erstelle eine neue Seite.
- Klicke auf Mit Elementor bearbeiten.
- Du wirst in den Elementor-Editor weitergeleitet.
5. Einen Abschnitt hinzufügen
Abschnitte sind die Grundbausteine deiner Seite.
Schritte:
- Klicke auf das „+“-Symbol und wähle eine Struktur aus (z. B. einspaltig, zweispaltig).
- Ziehe Widgets wie „Text“ oder „Bild“ per Drag-and-Drop in die gewünschte Spalte.
6. Widgets verwenden und anpassen
Elementor bietet eine Vielzahl von Widgets, um deine Website zu gestalten.
Wichtige Widgets:
- Überschrift: Für Titel und Zwischenüberschriften.
- Text-Editor: Für längere Inhalte.
- Button: Für Call-to-Actions.
- Bild: Für visuelle Elemente.
Anpassung:
- Klicke auf ein Widget, um es zu bearbeiten (z. B. Textinhalt, Farben, Schriftarten).
- Nutze den Stil-Tab, um das Design anzupassen.
7. Globale Einstellungen anpassen
Für ein einheitliches Design kannst du globale Farben und Schriftarten definieren.
Schritte:
- Gehe zu Design > Elementor > Einstellungen.
- Passe die Standardfarben und -schriften an.
8. Mobile Optimierung
Elementor erlaubt dir, deine Seite für verschiedene Geräte zu optimieren.
Schritte:
- Klicke unten im Editor auf das Gerätesymbol (Desktop, Tablet, Smartphone).
- Passe Schriftgrößen, Abstände und Layouts für jedes Gerät individuell an.
9. Seite veröffentlichen
Sobald du zufrieden bist, kannst du deine Seite live stellen.
Schritte:
- Klicke auf Veröffentlichen.
- Überprüfe die Seite, um sicherzustellen, dass alles korrekt angezeigt wird.
10. Zusätzliche Funktionen mit Elementor Pro
Mit Elementor Pro kannst du erweiterte Features nutzen:
- Theme Builder: Erstelle individuelle Header und Footer.
- Popup Builder: Integriere Pop-ups für Newsletter oder Angebote.
- Dynamische Inhalte: Zeige Inhalte basierend auf Benutzeraktionen.
Fazit: Einfach und flexibel mit Elementor
Mit Elementor kannst du ohne Programmierkenntnisse eine professionelle Website erstellen. Nutze die einfache Bedienung, die vielseitigen Widgets und die Anpassungsmöglichkeiten, um dein Design einzigartig zu machen.
Brauchst du Hilfe bei deinem Elementor-Projekt? Kontaktiere uns für eine individuelle Beratung!
Häufig gestellte Fragen (Q&A)
- Ist Elementor kostenlos? → Ja, die Basisversion ist kostenlos. Elementor Pro bietet zusätzliche Funktionen.
- Brauche ich Programmierkenntnisse, um Elementor zu nutzen? → Nein, alles funktioniert per Drag-and-Drop.
- Kann ich Elementor mit jedem WordPress-Theme verwenden? → Fast jedes Theme funktioniert, aber leichte und Elementor-optimierte Themes sind besser.
- Wie teuer ist Elementor Pro? → Die Kosten starten bei $59/Jahr.
- Kann ich Elementor nachträglich deaktivieren? → Ja, aber das Layout könnte verloren gehen, da Elementor eigene Strukturen verwendet.