Elementor Pro Skriptum

Die Praktische Anleitung für Elementor Pro soll dem Anwender von WordPress und Elementor Pro bei der Arbeit helfen. In diesem PDF-Dokument wird in 12 Kapiteln auf 123 Seiten der Umgang mit dieser Software erläutert. Grundlagenwissen wird vorausgesetzt, das Skriptum wendet sich an engagierte Amateure, Einsteiger in professionelles Webdesign und auch Profis.

Die Version 3 ist eine komplette Überarbeitung. Es wurde verbessert, ergänzt,  erneuert und jede Menge korrigiert. Die komplette Überarbeitung ist am aktuellen Stand der Elementor-Entwicklung. Geschrieben von jemanden, der dieses Tool hauptberuflich verwendet – und nicht für’s Schreiben bezahlt wurde!

Im neuen Layout – A4 quer – ist dieses Dokument perfekt für den 2nd Screen oder einen alternativen Tab geeignet – so kannst du einfach zwischen der Beschreibung und deiner Website wechseln.

Damit bist du am neuesten Stand, wenn du die hier beschriebenen Techniken anwendest. 

Gefällt dir das Skriptum? Dann gib mir doch einen aus!

Dieses Dokument nimmt dir das Lernen nicht ab – aber es erleichtert es ungemein. Wenn du einen deutschsprachigen, praxisbezognenen Text suchst der die wirklich hilft besser zu verstehen was wo und warum einzustellen ist.

Elementor und Gutenberg sind Freunde! Lass dir keinen Bären aufbinden: es gibt hier kein Entweder-Oder! Im Gegenteil: eine mit Elementor-Pro Templates aufgebaute Site kann hervorragend genutzt werden um mit Gutenberg geschriebene Beiträge anzuzeigen!

Mit Elementor Pro brauchst du kein kostenpflichtiges Theme und sparst auch einige Plugins ein.

Ist Elementor durch die Block-Themes nicht obsolet? Leider nein! Im Augenblick erleben wir gerade, dass die technischen Beschränkungen „out-of-the-WordPress-box“ dazu führen, dass wieder neue, propietäre Lösungen (Themes) entstehen, so wie wir es schon kennen und oft auch darunter leiden.

Wer mehr benötigt als Twenty-Twenty-Ix oder pixelgenaues Design will kann mit Elementor eine gute Wahl treffen. 18 Mio Installationen und ein großes Entwicklungsteam – das sind zumindest gute Voraussetzungen, dass dieser technische Ansatz noch lange funktionieren wird.

Mit diesem Dokument kannst du dir – völlig kosten- und gefahrlos –ohne Registrierung bei mir, Elementor oder sonst wo einen guten Überblick über die Arbeitsweise mit dieser Lösung verschaffen.

Lizenz: Das Dokument wird unter Creative Commons (CC BY-NC-ND 4.0) veröffentlicht. Es darf unter Namensnennung geteilt werden, jedoch nicht kommerziell genutzt oder bearbeitet werden.

Haftungsausschluss: Ich (Harry Martin, werkform) hafte nicht für die Richtigkeit der Angaben und auch nicht für irgendwelche Folgen, die aus der Nutzung der im Dokument beschriebenen Dinge entstehen. Dieses Dokument ist eine Lernhilfe und keine Bauanleitung.

Autorisierung: Dieses Dokument ist in keiner Weise von Elementor autorisiert.  

Das Dokument Elementor Pro Skriptum  wurde im pdf-Format veröffentlicht. Es enthält interne und externe Links, auch Affiliate Links. Das PDF-Format erlaubt eine Volltextsuche innerhalb des Dokumentes, es kann hardwareunabhängig und betriebssystemübergreifend verwendet werden. Durch den Aufbau im DIN A4-Format läßt es sich auch kapitel- und seitenweise einfach ausdrucken.

5.1.2025 – Version 3.0 Komplette Überarbeitung

15.1.2023 – Version 2.0 Komplette Überarbeitung

17.1.2022 – Version 1.1 Neu: 5.2. Ausrichtungen und Abstände

30.11.2021 – Version 1.0

Quellen: Grundlagen für die Arbeit am Elementor Pro Skriptum waren die Auswertungen von Suchbegriffen in der Google Search Console auf dieser Homepage. Weiters wurden Fragen, die in den Kommentaren im Blog gestellt wurden, einbezogen. Dazu kommen die praktischen Erfahrungen in der Arbeit mit Elementor. 

Inhalte: viele Kapitel sind ähnlich zu den verschiedenen Blogposts auf dieser Webseite. Dazu kommen Bestandteile verschiedener Präsentationen, die zu unterschiedlichen Themen rund um Elementor gehalten wurden. Weiters wurde die Inhalte vieler praktischer Fragen, die im Zuge von Schulungen gestellt wurden, eingearbeitet.

Das Elementor Pro Skriptum enthält Anzeigen und Affiliate Links.

1. Einleitung

1.1. Formalitäten
1.2. Der Einstieg
1.3. Elementor Oberfläche
1.4. Theme für Elementor

2. Einstellungen

2.1. Programmeinstellungen
2.2. Website-Einstellungen
2.3. Benutzer-Einstellungen
2.4. Element Manager
2.5. Seite Einstellungen

3. Elementor und WordPress

3.1. Import und Export mit Site Kit
3.2. Custom Code
3.3. Schriften Lokal einbinden
3.4. Eigene Icons verwenden
3.5. Integration von Diensten
3.6. Elementor Werkzeuge
3.7. Weitere Elementor Plugins & Services

4. Theme Builder

4.1. Kopfzeile – Header
4.2. Fußzeile – Footer
4.3. Single
4.4. Single Post
4.5. Single Page
4.6. Die 404-Seite
4.7. Archive
4.8. Loop
4.9. Suchergebnisse

5. Container

5.1. Flexbox Container
5.2 Einstellungen für Elemente
5.3. Grid Container
5.4. Der Container als Designelement

6. Widgets

6.1. Erweiterte Funktionen
6.2. Layout und Grundlegende Widgets
6.3. Pro
6.4. Generell
6.5. Link in Bio
6.6. Website
6.7. Single
6.8. WordPress

7. Responsive Design

7.1. Schriften responsive einstellen
7.2. Container responsive gestalten
7.3. Zusätzliche Breakpoints

8. Templates

8.1. WordPress Templates
8.2. Die Elementor Bibliothek
8.3. Eigene Elementor Templates erstellen
8.4. Globale Widgets
8.5. Eigene Container als dynamische Templates
8.6. Popups
8.7. Floating Elements

9. Schriften

9.1. Typographie
9.2. Mehrspaltiger Text
9.3. Automatische Silbentrennung

10. CSS in Elementor

10.1. CSS über die ID im Widget einfügen
10.2. CSS über Klassen im Widget anwenden
10.3. CSS für Seiten definieren
10.4. CSS in den Webseite Einstellungen
10.5. Stil anwenden – Stil zurücksetzen

11. Formulare

11.1. Das Widget Formular
11.2. Besondere Feldtypen
11.3. Gestaltung der Formularelemente
11.4. Google reCaptcha V3 verwenden
11.5. Mehrstufige Formulare
11.6. Formulardaten Speichern
11.7. Probleme beim E-Mail-Versand

12. Dynamik mit Elementor

12.1. Benutzerdefinierte Felder
12.2. Advanced Custom Fields – ACF
12.3. Eigene Post Typen