Führung durch den Elementor Editor

Sobald Sie auf “Bearbeiten mit Elementor” bei Ihrem Beitrag oder Ihrer Seite geklickt haben, öffnet sich der Elementor Editor. Hier eine kleine Übersicht aller für Sie wichtigen Bereiche des Editors:

3 Hauptbereiche Übersicht

Vorschau-Bereich (rechts)

Seiten / Beitragsansicht - Vorschau in Echtzeit
Grundsätzlicher Seiten- und Beitragsaufbau:
- Abschnitt (umfassender Container), umschließt alle Spalten mit deren Inhalt
- Spalte(n) (horizontale Layout-Aufteilung), umschließt / umschließen die inhaltlichen Elemente
- Widgets (einzelne inhaltliche Elemente, z.B. Textblock oder Bild oder Galerie,...), davon Sonderfall "Innerer Abschnitt" (weiteres Struktur-Element, kein Inhaltselement!)
Abschnitte und Widgets werden pink hervorgehoben bei Mausover & Klick
Spalten werden grau hervorgehoben bei Mausover & Klick
Die einzelnen bearbeitbaren Abschnitte, Spalten und Widgets sind anklickbar - der Editor links ändert sich jeweils entsprechend immer parallel, je nachdem was angeklickt wird

Editor-Bereich (links)

Verändert sich je nachdem, was rechts angeklickt wird, in spezifischen Editor mit weiteren Einstellungs-Möglichkeiten (siehe jew. Titel oben mittig zwischen Hamburger-Icon und Widgets-Icon)
"Widget"-Bereich mit allen einbindbaren inhaltlichen Elementen, z.B. Text, Titel, Bild, Galerie, Icon-Liste, Button, Innerer Abschnitt, Video, HTML, Icon, Trenner u.v.m., praktische Widget-Suchfunktion
Oben links Hamburger-Elementor Menü mit globalen Einstellungen & Navigations-Möglichkeiten
Oben rechts Widget-Button (bei Klick wird die Widgets-Übersicht sichtbar)
Unten horizontale Symbolleiste mit "Einstellungen", "Navigator", "Verlauf", "Responsiver Modus" und "Vorschau der Änderungen"
Unten rechts "Aktualisieren"-Button und "Optionen speichern"

Navigator (flexibel positionierbar)

Strukturelle Übersicht (im Gegensatz zum Vorschaubereich, wo die Übersicht visueller Natur ist) der ganzen Seite / des ganzen Beitrags mit Hierarchie-Ebenen

Vorschau-Bereich (rechts)

Kopfzeile

Globale Kopfzeile ("Header"), auf der kompletten Ortsvereins-Website mit allen Unterseiten eingebunden - egal auf welcher Seite ich sie bearbeite, ändert sie sich automatisch für alle Seiten auf einmal
Immer automatisch ganz oben positioniert
Enthält Logo & Navigations-Menü
Muss man in der Regel NICHT bearbeiten
Beim Aufruf des Editors standardgemäß nicht zur Bearbeitung aktiviert (Erst bei Klick auf Kopfzeile lädt Editor neu)

Abschnitt

Umfassender Container, umschließt Spalten mit deren Inhalt, pink umrahmt bei Mausover
Oben mittig jew. pinker "Griff" mit 3 Icons ("Abschnitt hinzufügen", "Abschnitt bearbeiten", "Abschnitt löschen")
Beim Griff oben mittig Rechtsklick-Menü mit Optionen wie Abschnitt duplizieren, kopieren & einfügen, löschen

Spalte(n)

Horizontale Layout-Aufteilung, umschließt alle inhaltlichen Elemente
Jew. oben links Elementor-Spalten-Icon zum anklicken (Editor ändert sich entsprechend)
Spalten-Icon mit Rechtsklick-Menü mit Optionen wie Spalten duplizieren, kopieren & einfügen, löschen

Innerer Abschnitt

Zusätzliches inneres Container-Element, kann wie Widgets in Spalte(n) des umschließenden Containers eingefügt werden
umschließt wiederum seine eigene(n) innere(n) Spalte(n) mit deren Widget-Inhalt
Oben mittig jew. Griff mit 2 Icons (Inneren Abschnitt bearbeiten, Inneren Abschnitt löschen)
Beim Griff oben mittig Rechtsklick-Menü mit Optionen wie Inneren Abschnitt duplizieren, kopieren & einfügen, löschen

Innere Spalte(n)

Horizontale Layout-Aufteilung des Inneren Abschnitts, umschließt alle Widgets im Inneren Abschnitt
Jew. oben links dunkelgraues Spalten-Symbol zum Anklicken (Editor ändert sich entsprechend, sodass Einstellungen für die Spalte vorgenommen werden können)
Auf dem Spalten-Symbol Rechtsklick-Menü mit Optionen wie Spalten duplizieren, kopieren & einfügen, löschen

Widgets (inhaltliche Elemente)

jew. oben rechts Stift-Icon zum Anklicken (Editor links ändert sich entsprechend)
Widget-Texte bitte nicht rechts im Vorschau-Bereich bearbeiten, sondern immer links im Editor bearbeiten!
Welche Widgets es gibt und wie man diese einbindet und anpasst, finden Sie unter "Widgets Überblick"

Neu-hinzufügen-Bereich (gestrichelt)

Fläche zum Einfügen neuer Abschnitte / innerer Abschnitte und gespeicherter Templates aus der Template-Bibliothek
Immer automatisch oberhalb der Fußzeile positioniert

Fußzeile

Globale Fußzeile ("Footer"), auf der kompletten Ortsvereins-Website mit allen Unterseiten eingebunden - egal auf welcher Seite ich sie bearbeite, ändert sie sich automatisch für alle Seiten auf einmal
Immer automatisch ganz unten positioniert
Enthält Kontaktdaten und Footer-Menü
Muss man in der Regel NICHT bearbeiten
Beim Aufruf des Editors standardgemäß nicht zur Bearbeitung aktiviert (Erst bei Klick auf Fußzeile lädt Editor neu)

Editor-Bereich (links)

Elementor-Menü (Hamburger Icon oben links)

Website-Einstellungen: Hier sind alle globalen Designvorgaben der Seite hinterlegt: Farben, Schriften, Formatierungen, Logo, Favicon, Layout-Breite, Schwellwerte für die Responsivität
Theme-Builder: Hier finden wir die universell eingesetzten Website-Teile, wie z.B. Footer, Header
Benutzer-Einstellungen: Für Ortsvereins-Website unrelevant
Finder: Hier kann man per Stichwortsuche andere Seiten im Editor direkt laden, ohne den Umweg übers WordPress Dashboard nehmen zu müssen
Seite anzeigen: Hier kann man sich die Seite zum aktuellen Speicherstand im Frontend (User-Ansicht) anschauen
Exit: Hier geht es zurück in die WordPress-Admin-Ansicht

Widget-Übersicht (Tastenfeld Icon oben rechts)

Favoriten: Wichtigste Widgets, diese decken min. 90% des einzubindenden Inhalts ab. Weitere Widgets kann man sich selbst im Widget-Bereich per Rechtsklick auf das gewünschte Widget zu seinen eigenen Favoriten hinzufügen
Grundlegend, Pro, Generell, Website,... sind weitere Widget-Gruppen
Vorsicht: Einige der Widgets sind nicht automatisch datenschutzsicher!

Horizontale Icon-Leiste (5 Icons unten neben Aktualisieren-Button)

Einstellungen: Hier können bei Beiträgen der Kachelansicht-Vorschautext ("Textauszug") geändert werden, sowie das Beitragsbild (ebenfalls in der Beiträge-Kachelansicht sichtbar) geändert werden
Navigator: Hier öffnet und schließt sich der Navigator (mehr dazu unten)
Verlauf: Hier kann ich die zuletzt in dieser Browsersitzung getanen Arbeitsschritte wieder rückgängig machen ("Änderungen") oder auch auf frühere Speicherversionen zurücksetzen ("Revisionen")
Responsiver Modus: Hier kann die Seite in den 3 Schwellwert-Bildschirmbreiten "Desktop", "Tablet" und "Mobile" angsehen, überprüft und bearbeitet werden.
Vorschau der Änderungen: Hier wird automatisch per Klick auf das Auge-Symbol in einem neuen Tab die gerade bearbeitete Unterseite im Frontend (User-Ansicht) geöffnet

Aktualisieren-Button

Dies ist der wichtigste Button im ganzen Editor, da hiermit alle Änderungen gespeichert werden
Button ändert sich von dunkelgrau auf PINK, sobald Änderungen an der offenen Seite vorgenommen wurden, so kann man immer sehen, wenn es was zum Speichern gibt (wird nach dem Speichern immer wieder dunkelgrau)
Mit dem nach oben gerichteten Pfeil rechts neben dem Aktualisieren-Button hat man noch die Möglichkeit, die gesamte Seite als Template zu sichern, wenn man hier einen Zwischenstand archivieren möchte, auf den man ggf. irgendwann nochmal zurückgreifen können mcöhte

Navigator (flexibel positionierbar)

Allgemeine Infos

Alle Abschnitte, Spalten, Inneren Abschnitte, Inneren Spalten und Widgets sind auch hier anklickbar (Editor links ändert sich jew. entsprechend zur Bearbeitung)
Manchmal sind manche Griffe durch Überlagerungen der Abschnitte nicht klickbar, lange Seiten werden schnell in der Vorschau-Ansicht unübersichtlich oder Widgets lassen sich nicht genau dort ablegen, wo man es gerne möchte - in allen Fällen ist der Navigator hier sehr hilfreich, da auch hier Elemente verschoben, umstrukturiert etc. verden können!
Der Navigator ist flexibel positionierbar oder auch deaktivier- und reaktivierbar (Symbol-Leiste am Fuße des Editor-Bereichs, 2. Symbol von links (Ebenen-Icon)

Führung durch den Elementor Editor

3 Hauptbereiche Übersicht

Vorschau-Bereich (rechts)

Editor-Bereich (links)

Navigator (flexibel positionierbar)

Vorschau-Bereich (rechts)

Kopfzeile

Abschnitt

Spalte(n)

Innerer Abschnitt

Innere Spalte(n)

Widgets (inhaltliche Elemente)

Neu-hinzufügen-Bereich (gestrichelt)

Fußzeile

Editor-Bereich (links)

Elementor-Menü (Hamburger Icon oben links)

Widget-Übersicht (Tastenfeld Icon oben rechts)

Horizontale Icon-Leiste (5 Icons unten neben Aktualisieren-Button)

Aktualisieren-Button

Navigator (flexibel positionierbar)

Allgemeine Infos

Ortsvereins-Website Anleitung

Anleitung, FAQ, Anregungen & Tipps

Zusätzlicher Support