Seiten in Elementor bearbeiten

Es gibt eine schnellere Möglichkeit, eine bestimmte Seite zu bearbeiten auf der man sich gerade befindet sofern man eingeloggt ist. Siehe Bereich "Aus dem Frontend heraus".

Aus dem Backend heraus

Im Admin Backend in der linken Seitenleiste auf "Seiten" klicken oder mit dem Mauszeiger darüber fahren und im ausgeklappten Untermenü auf "Alle Seiten" klicken.

Es öffnet sich eine Übersicht aller Seiten.

Über die "Seiten durchsuchen" Suchfunktion am oberen rechten Bereich können Seiten schnell gefunden werden.

Die gewünschte Seite heraussuchen, mit dem Mauszeiger darüber fahren und den Punkt "Mit Elementor bearbeiten" klicken.

Aus dem Frontend heraus

Nach dem Einloggen ins Admin Backend im Browser auf der Schumacher Website (https://schumacher-alt.de) zur zu bearbeitenden Seite wechseln und in der Leiste am oberen Bildschirmrand "Mit Elementor bearbeiten" klicken.

Es öffnet sich eine Ansicht zum Bearbeiten der Seite in Elementor.

Elementor ist ein Website-Baukasten, der es u. a. einfach macht Vorlagen zu erstellen und diese wieder zu verwerten.

Übersicht der Bereiche:

1: Seitenleiste	In diesem Bereich sind die Bedienelemente und Einstellungen der Seite zu finden. Kontextbasiert, also ändert sich der Inhalt der Leiste je nachdem in welchem Modus man sich befindet oder welche Aktionen man ausführt.
2. Seiten-Ansicht	Eine interaktive Live-Ansicht der Seite. Hier können Elemente ausgewählt, hinzugefügt, entfernt oder verschoben werden.
3. Navigator	Eine hierarchiche Übersicht aller verwendeten Bausteine auf der Seite

Mit dem Mauszeiger in der Seiten-Ansicht das zu bearbeitende Element suchen und anklicken oder mit dem Mauszeiger darüber fahren und das Icon mit dem Stift "[Element] bearbeiten" klicken.

Text-Elemente können direkt in der Seiten-Ansicht bearbeitet werden (Abbildung links). Generell bearbeitet man Inhalte aber über die kontextbasierte Seitenleiste (Abbildung rechts).

Abschnitte kopieren & einfügen oder duplizieren

Wählt man über den Navigator (2) den Abschnitt aus, wird dieser in der Seiten-Ansicht umrahmt und es erscheint oberhalb davon ein Menü mit Icons (1).

Elementor baut Seiten hierarchisch auf. Das heißt es gibt meist ein übergeordnetes Abschnitt-Element, in dem sich weitere Dinge wie Text, Bild usw. befinden.

Anschließend kann man mit einem Rechtsklick entweder auf die Icons in der Seiten-Ansicht oder auf den Abschnitt im Navigator ein Kontextmenü aufrufen.

Dort hat man die Möglichkeit, den Abschnitt zu kopieren und an anderer Stelle einzufügen oder direkt zu duplizieren.

Mit Drag & Drop kann man die Position bzw. Reihenfolge des Abschnitts ändern. Dazu einfach mit der Maus den Abschnitt anklicken und gedrückt halten und nach unten oder oben ziehen.

Änderungen können jederzeit mit STRG+Z rückgängig und mit STRG-Y wiederhergestellt werden

Weil das Design der Schumacher Website bei aufeinanderfolgenden Abschnitten die Hintergrundfarbe wechselt, macht es beim Duplizieren Sinn, einen Abschnitt zu duplizieren oder kopieren, der bereits die entsprechend andere Hintergrundfarbe besitzt

Elemente bearbeiten

Beim Klicken auf ein Element ändert sich die linke Seitenleiste und stellt Einstellungen für das ausgewählte Element dar.

Je nach Element sind die Optionen dort unterschiedlich. Meist reichen Änderungen im Tab "Inhalt", um z. B. Bilder in einem Karussell auszutauschen oder Links von Buttons zu bearbeiten.

Änderungen speichern

Über den Button "Aktualisieren" in der Seitenleiste können die Änderungen gespeichert und direkt veröffentlicht werden. Sobald das getan ist, sehen alle Besucher der Website die Änderungen auch.

Wenn Änderungen nur gespeichert, aber nicht veröffentlicht werden sollen, z. B. um später weitere Änderungen vorzunehmen, auf den Pfeil neben dem Button klicken und im erscheinenden Menü auf "Entwurf speichern" klicken.

Nicht veröffentlichte Seiten können jederzeit im Browser als Vorschau angesehen werden. Dazu auf das Augen-Symbol neben dem "Aktualisieren" Button klicken.

Nach kurzer Zeit öffnet sich in einem neuen Tab bzw. Fenster die Seite als Vorschau.

Bitte beachten, Popups zuzulassen, sonst öffnet sich die Vorschau nicht.