Dokumentation

Eine Seite erstellen und bearbeiten

Für die mcc-Webseite sind alle schon erstellten Seiten, in der Elementor-Bibliothek, bereits als fertige Vorlagen von mir hinterlegt. Sie dienen sowohl als Backup und auch als Vorlage für neue Seiten. Dadurch müssen neue Seiten nicht jedes Mal komplett neu aufgebaut werden.

Eine Seite kann aber auch jederzeit komplett selbst gestaltet werden. Die dafür benötigten Werkzeuge befinden sich im Elementor-Editor.

1. Eine neue Seite anlegen

Melde dich zunächst im WordPress-Administrationsbereich an.

Wähle im linken Menü:

Seiten → Neue Seite hinzufügen

Gib der neuen Seite einen passenden Titel ein, zum Beispiel:

Veranstaltungen

Anschließend auf „Mit Elementor bearbeiten“ klicken.

Elementor öffnet sich nun, auf der neuen Seite ist schon das Kopfmenü, das Logo und das Menü am unteren Bereich fest eingebunden. Jetzt kann die Seite gestaltet werden.

2. Eine vorhandene Seite bearbeiten

Das Bearbeiten einer bereits vorhandenen Seite funktioniert grundsätzlich genauso.

Anstatt eine neue Seite anzulegen, wird zunächst die gewünschte Seite aus der Seitenübersicht ausgewählt.

Gehe dazu im WordPress-Menü auf:

Seiten → Alle Seiten

Suche die gewünschte Seite in der Liste.

Anschließend auf:

„Mit Elementor bearbeiten“

klicken.

Die vorhandene Seite wird nun im Elementor-Editor geöffnet und kann dort bearbeitet werden.

Wichtig: Beim Bearbeiten einer vorhandenen Seite sollte darauf geachtet werden, dass nicht versehentlich bereits vorhandene Inhalte gelöscht oder verändert werden.

3. Eine fertige Vorlage aus der Bibliothek verwenden

In der Elementor-Bibliothek habe ich bereits verschiedene fertige Vorlagen hinterlegt.

Wenn eine neue, noch leere Seite mit Elementor geöffnet wurde, kann über das Ordner-Symbol die Vorlagenbibliothek geöffnet werden.

Dort befinden sich die bereits vorbereiteten Vorlagen. Sowohl für jede schon erstellte Seite der Webseite und auch einzelne Abschnitte die eingefügt werden können. So zum Beispiel der Header, eine gelbe Überschrift, ein anschnitt mit Blauen hintergrund und darin enthaltener Bildergallerie.

Es gibt dadurch zwei grundlegende Möglichkeiten eine neue Seite zu erstellen.

4. Eine komplette Seite als Vorlage verwenden

Wenn eine komplette Seite übernommen werden soll, kann eine bereits fertig gestaltete Seitenvorlage geladen werden.

Zum Beispiel kann eine Vorlage für eine Startseite als Grundlage für eine neue Seite verwendet werden.

  1. Öffne die Vorlagenbibliothek.

  2. Suche die gewünschte Seitenvorlage.

  3. Wähle die Vorlage aus.

  4. Klicke auf „Einfügen“.

Die komplette Vorlage wird nun auf der aktuellen Seite eingefügt.

Anschließend können Texte, Bilder und andere Inhalte angepasst, hinzugefügt oder auch entfernt werden.

5. Eine Seite aus einzelnen Templates zusammenstellen

Es muss nicht immer eine komplette Seite übernommen werden.

Eine Seite kann auch aus mehreren einzelnen, bereits vorbereiteten Templates zusammengesetzt werden.

Zum Beispiel:

Header → Inhaltsbereich → Footer

Oder:

header → ueberschrift-hintergrund-schraeg-blau → hintergrund-galerie → zentraler-footer

Die einzelnen Bereiche werden dabei nacheinander aus der Vorlagenbibliothek eingefügt.

Dadurch können Seiten aus bereits vorhandenen Gestaltungselementen zusammengesetzt werden.

Es können auch Bereiche mehrfach eingefügt werden oder nach dem einfügen einfach im Elementor Bearbeitungsfenster kopiert (Bereich amrkieren Strg+c und Strg+v) werden.

6. Eigene Designs und Layouts erstellen

Die Vorlagenbibliothek ist lediglich eine Hilfe. Es können jederzeit auch komplett eigene Designs erstellt werden.

Mit den vorhandenen Elementor-Werkzeugen können beispielsweise selbst erstellt und gestaltet werden:

  • Überschriften

  • Texte

  • Bilder

  • Buttons

  • Bildergalerien

  • Spalten und Bereiche

  • Abstände

  • Hintergründe

  • Farben

  • verschiedene Inhaltsbereiche

  • komplette Seitenlayouts

Es besteht also keine Verpflichtung, die vorhandenen Vorlagen zu verwenden.

Wenn ein eigenes Design besser zum gewünschten Inhalt passt, kann die Seite vollständig selbst gestaltet werden.

Ein selbst erstellter Bereich oder eine komplette Seite kann anschließend wieder als eigenes Template gespeichert werden.

So kann ein einmal erstelltes Design später wieder verwendet werden.

7. Nur die Werkzeuge der kostenlosen Elementor-Version verwenden

Auf der mcc-Webseite habe ich ein von mir zusätzliches Plugin (Elementor Pro-Elemente ausblenden ) installiert.

Dieses Plugin sorgt dafür, dass im Elementor-Editor nur die Werkzeuge angezeigt werden, die in der kostenlosen Version von Elementor zur Verfügung stehen.

Dadurch wird verhindert, dass versehentlich Funktionen verwendet werden, die nur mit Elementor Pro funktionieren und dadurch die Übersichtlichkeit stark leidet.

Das Plugin kann bei Bedarf jederzeit wieder geändert werden:

Plugins → Installierte Plugins → Elementor Pro-Elemente ausblenden

Dort kann das entsprechende Plugin deaktiviert oder wieder aktiviert werden.

Hinweis: Für die normale Bearbeitung der mcc-Webseite sollte das Plugin aktiviert bleiben.

8. Eine eigene Seite als Template speichern

Eine bereits fertig gestaltete Seite kann als Template gespeichert werden.

Das ist praktisch, wenn eine bestimmte Seitenstruktur später noch einmal verwendet werden soll.

Öffne die gewünschte Seite mit Elementor und wähle über das entsprechende Menü die Funktion:

„Als Template speichern“

Anschließend einen eindeutigen Namen vergeben.

Zum Beispiel:

mcc Standardseite

oder

mcc Veranstaltung

Das Template kann später über die Vorlagenbibliothek wieder verwendet werden.

9. Einen einzelnen Bereich als Template speichern

Es kann auch nur ein einzelner Bereich gespeichert werden.

Zum Beispiel:

  • Veranstaltungsbereich

  • Hinweisbereich

  • blauer Hintergrundbereich

  • Kontaktbereich

  • Sponsorbereich

  • Infobereich

Dazu den gewünschten Bereich im Elementor-Editor auswählen und über das entsprechende Menü:

„Als Template speichern“

auswählen.

Anschließend einen passenden Namen vergeben.

Zum Beispiel:

mcc – Blauer Infobereich

oder

mcc – Veranstaltungshinweis

10. Gespeicherte Templates wieder verwenden

Um ein gespeichertes Template wieder einzufügen, wird die Vorlagenbibliothek über das Ordner-Symbol geöffnet.

Anschließend zu:

Meine Templates

wechseln.

Hier befinden sich die selbst gespeicherten Vorlagen.

Das gewünschte Template auswählen und auf „Einfügen“ klicken.

11. Die Testseite, für neue Designs und Übungen

Für die mcc-Webseite gibt es zusätzlich eine eigene Testseite:

https://neu.markkleeberger-carnevals-club.de/

Diese Seite kann verwendet werden, um neue Designs, Layouts und Änderungen zunächst auszuprobieren.

Hier kann beispielsweise getestet werden:

  • ein komplett neues Seitenlayout

  • neue Farben

  • neue Inhaltsbereiche

  • neue Templates

  • neue Gestaltungsideen

  • Änderungen an bestehenden Seiten

  • neue Elementor-Funktionen

Dadurch muss nicht direkt auf der öffentlich sichtbaren Hauptseite ausprobiert werden.

Die Testseite ist durch ein von mir geschriebenes Plugin (Unter Konstruktion) zunächst für normale Besucher nicht öffentlich zugänglich.

Als angemeldeter Administrator kann die Seite jedoch vollständig angesehen und bearbeitet werden.

Dadurch kann man sich die Seite auch im angemeldeten Zustand so ansehen, wie sie später aussehen würde.

Das Plugin kann bei Bedarf unter:

Plugins → Installierte Plugins → Unter Konstruktion

deaktiviert werden.

Danach ist die Testseite auch für normale Besucher öffentlich sichtbar.

Dies sollte allerdings nur für Testzwecke erfolgen.

Nach dem Test sollte das Plugin wieder aktiviert werden, damit die Testseite nicht versehentlich öffentlich zugänglich bleibt.

12. Templates als Backup herunterladen

Die selbst erstellten Templates können auch heruntergeladen werden.

Das ist besonders sinnvoll, wenn wichtige Designs gesichert werden sollen.

Ein Template kann als Datei gespeichert und dadurch beispielsweise:

  • als Backup auf dem eigenen Computer aufbewahrt werden

  • auf einem anderen WordPress-System verwendet werden

  • von der Testseite auf die Hauptseite übertragen werden

  • später wieder importiert werden

Dadurch können auf der Testseite erstellte Designs zunächst vollständig ausprobiert werden.

Wenn das Ergebnis fertig ist, kann das entsprechende Template heruntergeladen und anschließend auf der Hauptseite wieder importiert werden.

13. Beispiel: Ein neues Design zunächst testen

Ein möglicher Arbeitsablauf wäre:

1. Testseite öffnen

neu.markkleeberger-carnevals-club.de

2. Neue Seite erstellen

Zum Beispiel:

Test – neue Veranstaltungsseite

3. Seite mit Elementor gestalten

Dabei können vorhandene Templates verwendet oder komplett neue Bereiche erstellt werden.

4. Ergebnis prüfen

Die Seite kann als angemeldeter Administrator vollständig angesehen werden.

5. Template speichern

Wenn das neue Design gelungen ist, die Seite oder einzelne Bereiche als Template speichern.

6. Template herunterladen

Das fertige Template kann zusätzlich als Backup heruntergeladen werden.

7. Auf der Hauptseite importieren

Das Template kann anschließend in die Elementor-Bibliothek der Hauptseite importiert und dort verwendet werden.

So kann ein neues Design zuerst in Ruhe getestet werden, ohne die öffentlich sichtbare Vereinswebseite zu verändern.

14. Wichtig für die Arbeit mit der Testseite

Die Testseite ist in erster Linie eine Spiel- und Testumgebung.

Dort können neue Ideen ausprobiert und auch wieder verworfen werden.

Es ist ausdrücklich möglich, dort:

  • Seiten anzulegen

  • Bereiche zu verändern

  • neue Templates zu erstellen

  • verschiedene Designs auszuprobieren

  • Farben und Abstände zu verändern

  • komplette Seiten neu aufzubauen

Wenn ein Ergebnis gefällt, kann es als Template gespeichert und anschließend auf die Hauptseite übertragen werden.

Kurz zusammengefasst

Seiten → Neue Seite hinzufügen → Mit Elementor bearbeiten

Seiten → Alle Seiten → gewünschte Seite → Mit Elementor bearbeiten

Vorlagenbibliothek → Seitenvorlage → Einfügen

Vorlagenbibliothek → gewünschtes Template → Einfügen

Die Elementor-Werkzeuge können frei verwendet werden, um eigene Seiten und Bereiche zu gestalten.

Bereich oder Seite → Als Template speichern

Vorlagenbibliothek → Meine Templates

Eigene Templates können heruntergeladen und später wieder importiert werden.

https://neu.markkleeberger-carnevals-club.de/

Die Testseite ist für normale Besucher gesperrt, kann aber als angemeldeter Administrator vollständig verwendet werden.

Das Plugin zur Sperrung der Testseite sollte nur für einen kurzen öffentlichen Test deaktiviert werden und anschließend wieder aktiviert werden.

Damit steht neben der eigentlichen Vereinswebseite eine separate Umgebung zur Verfügung, in der neue Designs und Funktionen zunächst ausprobiert werden können.