Schritt-für-Schritt Anleitungen

Bebilderte Anleitung für die gängigten Fälle zum Verwalten der Schumacher Website

Einloggen ins Schumacher Admin Backend

1. Im Browser aufrufen:

https://schumacher-alt.de/login

2. Zugangsdaten eingeben

Benutzername:

schumacher

Passwort:

Wurde separat per E-Mail zugesendet

 

Optional Häkchen "Angemeldet bleiben" auswählen

3. Auf "Anmelden" klicken
login_01.png

Öffnungszeiten ändern

Öffnungszeiten werden auf der Schumacher Website an vielen verschiedenen Stellen angezeigt.
Statt diese an jeder Stelle einzeln zu ändern sind die Zeiten an einem Ort im Admin Backend hinterlegt.



Im Admin Backend das Seitenleisten-Menü "Öffnungszeiten" klicken oder den Mauszeiger darauf bewegen und im ausgeklappten Untermenü "Alle Öffnungszeiten" klicken.

admin_oeffnungszeiten_neu_01.png
Es öffnet sich eine Übersichts-Seite mit Öffnungszeiten.
admin_oeffnungszeiten_neu_02.png

Mit der Maus über eine Öffnungszeit fahren und darunter "Bearbeiten" klicken.

Es öffnet sich die Detailansicht der Öffnungszeiten-Eingabe.

admin_oeffnungszeiten_neu_03.png

Die Öffnungszeiten können für jeden Wochentag separat für diese Gaststätte / diese Location angelegt werden.

 

Über das Feld "Status" ist auswählbar, ob die Gaststätte an diesem Tag geöffnet oder geschlossen ist oder ob ein Ruhetag angezeigt werden soll.

 

Sofern der Status des Tages auf "geöffnet" steht, kann in den Feldern "Von" sowie "Bis" jeweils eine Uhrzeit angegeben werden. Diese kann entweder manuell eingetippt werden (im Format HH:MM) oder beim Klick ins Feld durch das erscheinende Popup.

admin_oeffnungszeiten_03.png
Anschließend in der rechten Seitenleiste unter dem Abschnitt "Veröffentlichen" auf den Button "Aktualisieren" klicken.  

Sonderöffnungszeiten anlegen & ändern

Sonderöffnungszeiten werden auf der Schumacher Website auf der deutschen und englischen Startseite angezeigt.



Im Admin Backend das Seitenleisten-Menü "Sonderöffnungszeiten" klicken oder den Mauszeiger darauf bewegen und im ausgeklappten Untermenü "Alle Sonderöffnungszeiten" klicken.

admin_sonderoeffnungszeiten_neu_01.png
Es öffnet sich eine Übersichts-Seite mit Sonderöffnungszeiten. Das Datumsformat ist aus Sortiergründen im Format YYYY-MM-DD.
soz_uebersicht.png

 

Neue Sonderöffnungszeit anlegen

Durch einen Klick auf den Button "Neu hinzufügen: Sonderöffnungszeit" am oberen Bildschirm oder durch das Untermenü auf der linken Seitenleiste können neue Sonderöffnungszeiten hinzugefügt werden.

 

Die Bezeichnung der Sonderöffnungszeit in der Übersicht ist rein informativ und stellt sich aus den im Formular angegebenen Daten zusammen, damit in der Übersicht auf einen Blick zu sehen ist, um welche Öffnungszeit es sich handelt, für welche Gaststätten sie gilt und - falls ein Kommentar angegeben wurde - der Grund. Die Reihenfolge dient der Sortierung, dabei hilft das YYYY-MM-DD Format.

 

Ab hier ist das Einpflegen identisch mit dem folgenden Abschnitt.

Existierende Sonderöffnungszeit bearbeiten

Mit der Maus über eine Öffnungszeit fahren und darunter "Bearbeiten" klicken.

Es öffnet sich die Detailansicht der Sonderöffnungszeiten-Eingabe.

soz_edit.png

Sonderöffnungszeiten sind für mindestens einzelne Tage festzulegen. Dies wird über das Feld "Datum" im Bereich "Details" bestimmt. Das Datum kann im Format TT.MM.YYYY manuell eingegeben oder über einen Klick ins Feld über das erscheinende Popup ausgewählt werden.


 

Das Feld "Ort" ist ein Dropdownfeld, das mindestens eine Gaststätte benötigt, aber auch mehrere unterstützt. Somit ist es möglich, für einen Tag für mehrere Gaststätten identische Sonderöffnungszeiten anzulegen.


Um für das gleiche Datum unterschiedliche Sonderöffnungszeiten für mehrere Gaststätten zu erstellen, bitte separate Sonderöffnungszeiten für jeweils eine der Gaststätten anlegen und das gleiche Datum angeben.

 

Über das Feld "Status" ist auswählbar, ob die Gaststätte an diesem Tag geöffnet oder geschlossen ist.

 

Sofern der Status des Tages auf "geöffnet" steht, kann im Feld "Uhrzeit" jeweils eine Start-Uhrzeit angegeben werden. Diese kann entweder manuell eingetippt werden (im Format HH:MM) oder beim Klick ins Feld durch das erscheinende Popup. Dies wird auf der Website im Format "HH:MM Uhr" angezeigt.

admin_sonderoeffnungszeiten_neu_05.png

admin_sonderoeffnungszeiten_neu_06.png

 

Um ein End-Datum zu erstellen, im Bereich "Detail 2" ein Datum auszuwählen. Bspw. können so mehrere Tage als "geschlossen" angegeben werden.
Dasselbe gilt für End-Zeit, z. B. um für den gleichen Tag die Öffnungszeiten zu begrenzen. Das 2. Datum muss nicht angegeben werden wenn es sich um den gleichen Tag handelt.

Durch die "Kommentar"-Felder können zusätzlich Informationen für deutsche und englische Besucher für die entsprechenden Sprach-Varianten der Schumacher Website hinterlegt werden.


Anschließend in der rechten Seitenleiste unter dem Abschnitt "Veröffentlichen" auf den Button "Aktualisieren" klicken. admin_oeffnungszeiten_03.png

Jobs verwalten

Im Admin Backend das Seitenleisten-Menü "Jobs" klicken oder den Mauszeiger darauf bewegen und im ausgeklappten Untermenü "Alle Jobs" klicken.

admin_menue_04.png
Es öffnet sich eine Übersichts-Seite mit den Jobs.
admin_jobs_01.png
Job hinzufügen:
Über den Button "Neu hinzufügen" neben der Überschrift "Jobs".
Job bearbeiten:
Mit der Maus über einen Job fahren und darunter "Bearbeiten" klicken.

Es öffnet sich die Job-Detailansicht.

Der Prozess zum hinzufügen und bearbeiten eines Jobs ist der gleiche.

Jobs werden nicht in Elementor bearbeitet, da es sich hier um eine reine Daten-Eingabe handelt. Elementor wird benutzt, um automatisiert diese Daten in einem vorbereiteten Layout anzuzeigen.

 

Die Basis-Details des Jobs, also Titel und Beschreibung, können im Hauptbereich eingegeben bzw. bearbeitet werden.

 

Formatierung aus einer Word-Datei wird größtenteils übernommen.

jobs_01.png

jobs_04.png

Am unteren Bildschirm-Bereich befinden sich die Optionen für weitere Job-Details wie Geschlecht, Datum und Bild.

Standardmäßig sind Informationen selbst beim Erstellen eines neuen Jobs vorausgefüllt.

jobs_02.png

Um das Einstellungs-Datum für den Job zu ändern, die Checkbox "Ab sofort" deaktivieren. Es erscheint ein neues Feld "Datum" in dem ein Datum ausgewählt werden kann.

Über den Button "Veröffentlichen" am oberen rechten Seitenrand kann der Job öffentlich gemacht werden. Er erscheint daraufhin in der Übersicht der Jobs auf der Startseite und der Jobs-Seite, die über den Footer erreichbar ist.

 

Um nur einen Entwurf zu speichern (z. B. um den Job später zu vervollständigen), auf den Button "Entwurf speichern" daneben klicken.

 

Bis zur Veröffentlichung wird dieser für Besucher der Website dann nicht angezeigt.

jobs_05.png
Job unveröffentlichen

Auf der Job-Übersichts-Seite:

Mit der Maus über den Job fahren und auf "QuickEdit" klicken.

Dort bei "Status" im Dropdown-Menü "Entwurf" auswählen und anschließend auf "Aktualisieren" klicken.

jobs_06.png

Auf der Job-Detail-Ansicht:

In der rechten Seitenleiste auf den Button "Auf Entwurf umstellen" klicken und im darauffolgenden Popup bestätigen.

jobs_07.png

Tageskarte austauschen

Im Admin Backend das Seitenleisten-Menü "Medien" klicken oder den Mauszeiger darauf bewegen und im ausgeklappten Untermenü "Medienübersicht" klicken. admin_menue_05.png
Es öffnet sich die Übersicht aller Medien (Bilder, Dateien, usw.)
medien_01.png

In der linken "Ordner"-Seitenleiste auf das Ordner-Symbol bei "Meta" klicken, es klappt sich somit aus und zeigt wie im Windows-Explorer weitere Unterordner in einer Baumstruktur an.

 

Dort den Ordner "Downloads" ausklappen und dann den Ordner "Speisekarte" anklicken.

medien_02.png

Es öffnet sich eine Übersicht der Dokumente die auf der Website als Download bereitgestellt werden.

 

medien_03.png
Tageskarte.pdf Die aktuelle, teils wöchentlich wechselnde, Tageskarte
Menuekarte.pdf Die aktuelle, allgemeine Menükarte
Standardkarte-Englisch-neu.pdf Die aktuelle, allgemeine Menükarte in Englisch
Kinderkarte.pdf Die aktuelle Kinderkarte

Auf die Datei "Tageskarte.pdf" klicken.

Es öffnet sich ein Popup mit einer Detail-Ansicht.

 

Dort im rechten Bereich auf den Button "Eine neue Datei hochladen" klicken.

medien_04.png
Es öffnet sich eine neue Ansicht zum Ersetzen der Datei.
medien_05.png

Mit der Maus in den weißen Bereich "New" klicken und die PDF-Datei der neuen Tageskarte auswählen oder die PDF aus dem Explorer via Drag & Drop in den weißen Bereich ziehen.

medien_06.png

Im Bereich "Ersetzungsoptionen" darunter die Option "Originaldatei ersetzen" auswählen.

medien_07.png
Anschließend am Seitenende auf den Button "Hochladen" klicken.

Die Tageskarte ist somit auf allen Seiten, wo sie zum Download angeboten wird, aktualisiert.

Alle anderen Speisekarten können auf dieselbe Weise ersetzt werden.

Veranstaltungen verwalten

Im Admin Backend das Seitenleisten-Menü "Veranstaltungen" klicken oder den Mauszeiger darauf bewegen und im ausgeklappten Untermenü "Alle Veranstaltungen" klicken.

admin_menue_06.png
Es öffnet sich eine Übersichts-Seite mit den Veranstaltungen.
veranstaltungen_01.png

Standardmäßig zeigt die Übersicht nur die zukünftigen Veranstaltungen an. Vergangene, heutige oder alle Veranstaltungen können angezeigt werden, indem am oberen Seitenbereich beim Dropdown, das "Zukünftige Veranstaltungen" anzeigt, eine der anderen Optionen ausgewählt und mit Klick auf den "Auswahl einschränken" Button bestätigt wird.

veranstaltungen_02.png
Veranstaltung hinzufügen:
Über Klick auf den Button "Veranstaltung hinzufügen" neben der Überschrift "Veranstaltungen".
Veranstaltung bearbeiten:
Mit der Maus über eine Veranstaltung fahren und darunter "Bearbeiten" klicken.

Es öffnet sich die Veranstaltungs-Detailansicht.

Der Prozess zum hinzufügen und bearbeiten einer Veranstaltung ist größtenteils der gleiche.

veranstaltungen_03.png

Neben dem Titel und der Beschreibung der Veranstaltung muss zusätzlich ein Termin und (optional) ein Ort und ein Bild angegeben werden.

Das Datum für die Veranstaltung wird in der rechten Seitenleiste unter "Wann" bestimmt. Dort kann der Tag sowie die Zeit bestimmt werden.

veranstaltungen_04.png

Unterhalb der Beschreibung befindet sich im Abschnitt "Wo" die Möglichkeit einen Veranstaltungsort anzugeben indem man einen existierenden Ort eintippt. Die Autovervollständigung schlägt die relevanten Orte vor. Diese auswählen und die Felder werden automatisch ausgefüllt.

veranstaltungen_05.png

Ein Bild für die Veranstaltung kann in der rechten Seitenleiste unter "Beitragsbild" festgelegt werden.

 

Das Bild sollte im Format 16:9 sein, oder zumindest alle im Bild relevanten Informationen (Text, Daten, usw.) sollten in diesem Bereich sichtbar sein. Wenn das Bild ein anderes Format hat (z. B. 4:3), wird oben und unten das Bild zugeschnitten.

veranstaltungen_06.png

Zum Veröffentlichen einer neuen Veranstaltung in der rechten Seitenleiste den Button "Veröffentlichen" klicken.

 

Beim Bearbeiten einer existierenden Veröffentlichung lautet der Button "Aktualisieren".

veranstaltungen_07.png

Die Veranstaltung ist somit live und für die Besucher der Website sichtbar.

Verkaufsstelle hinzufügen

Weil das Hinzufügen von Verkaufsstellen in der Karte und Tabelle mit Zugang zu einem Google Maps-Konto der Firma Jahns and Friends AG zusammenhängt, bitte eine E-Mail an digital@jahnsandfriends.de mit den hinzuzufügenden Adressen schreiben, in folgendem Format:

Popups verwalten

Im Admin Backend im Seitenleisten-Menü den Mauszeiger auf "Vorlagen" bewegen und im ausgeklappten Untermenü "Popups" klicken.

admin_menue_07.png
Es öffnet sich eine Übersichts-Seite mit den Popups.
popups_01.png
Ein individuelles Popup erstellen

Auf den Button "Neu hinzufügen" im oberen Bereich klicken. Es öffnet sich ein Fenster in dem die Vorlage benannt werden kann und mit dem Klick auf "Vorlage erstellen" gestartet wird.

popups_02.png

Die Ansicht wechselt zum Elementor-Editor.

Standardmäßig öffnet sich ein Fenster der Elementor Mediathek. Dieses Popup schließen. Die dort gelisteten Popup-Vorlagen benötigen eine kostenpflichtige Lizenz und können daher nicht benutzt werden.

popups_03.png

Anschließend kann der Inhalt des Popups wie jede andere in Elementor erstellte Seite bearbeitet werden. Der Unterschied ist, dass es sich dann hierbei um ein Popup statt einer Seite handelt.

popups_04.png
Ein bestehendes Popup duplizieren

popups_10.png

In der Popup-Übersicht mit dem Mauszeiger über ein existierendes Popup fahren und "EA Duplicator" anklicken.

Es entsteht eine Kopie des Popups. Mit dem Mauszeiger über die neue Kopie fahren und "Mit Elementor bearbeiten" anklicken.

Das Popup "Popup-Vorlage" ist genau dafür bestimmt. Es bietet ein Bild mit Button.

Über den Elementor-Editor kann das Bild sowie der Button-Link als auch das voreingestellte Popup-Verhalten einfach bearbeitet werden

popups_09.png

Popup-Verhalten bestimmen

Anschließend muss das Verhalten des Popups festgelegt werden. Das betrifft wann es wo wie oft erscheint.

 

Dazu in der linken Seitenleiste auf den Pfeil neben dem "Veröffentlichen" bzw. "Aktualisieren" Button klicken und im Untermenü dann auf "Display Conditions" klicken.

 

Es befinden sich teils englische Texte in der Benutzeroberfläche

popups_05.png
Es öffnet sich eine Ansicht der ersten Anzeige-Bedingung, "Conditions".
popups_06.png

Auf der rechten Seite gibt es die Möglichkeit, zu bestimmen, auf welcher Seite das Popup angezeigt werden soll. Dort können mehrere Conditions angelegt werden, in der Regel reicht allerdings eine.

Eine Standard-Einstellung ist "beifügen: gesamte Website". Das bedeutet, dass das Popup erscheint, egal wo man sich auf der Schumacher Seite befindet. Startseite, Brauerei, Kontakt, Impressum usw.

Um das Popup z. B. nur auf der Startseite anzeigen zu lassen, ist die Condition "beifügen: Singular: Startseite".

 

Kombinationen aus Conditions können somit sehr genau steuern wo das Popup erscheinen soll und wo nicht.

Als nächstes muss mindestens ein Trigger, also ein Auslöser, festgelegt werden. Dazu im linken Bereich des Fensters auf "Triggers" klicken. Die Ansicht wechselt zur Trigger-Übersicht.

popups_07.png

Auf der rechten Seite befinden sich mehrere Möglichkeiten, das Verhalten des Popups weiter zu bestimmen.

Die verfügbaren Trigger sind:

On Page Load Bestimmt, dass das Popup erscheinen soll, wenn die Seite im Browser des Besuchers fertig geladen wurde. Die Möglichkeit besteht, über das Feld "Within (sec)" anzugeben, dass eine Verzögerung in Sekunden zwischen Laden der Seite und Erscheinen des Popups vorhanden sein soll.
On Scroll Bestimmt, dass das Popup erscheinen soll, wenn der Besucher auf der Website scrollt. Die Richtung und minimale Distanz, die der Besucher scrollen muss, können über die Felder "Richtung" und "Within (%)" angegeben werden.
On Scroll To Element Bestimmt, dass das Popup erscheinen soll, wenn sich ein bestimmtes Element im Sichtbereich befindet. Die ID des Elements kann über das Feld "Selector" bestimmt werden.
Bspw. für die Übersicht der Events auf der Startseite lautet der Selector #start-veranstaltungen
On Click Bestimmt, dass das Popup erscheinen soll, wenn der Besucher einen Klick auf der Seite macht. Über das Feld "Clicks" kann angegeben werden, wie viele Klicks mindestens nötig sind.
After Inactivity Bestimmt, dass das Popup erscheinen soll, wenn der Besucher eine Zeit lang inaktiv ist. Über das Feld "Within (sec)" kann angegeben werden, wie viel Zeit in Sekunden mindestens vergangen sein muss.
On Page Exit Intend Bestimmt, dass das Popup erscheinen soll, wenn der Besucher imstande ist, die Seite zu verlassen. Bspw. beim Fahren des Mauszeigers aus dem Browser heraus oder beim Schließen des Browsers oder des Browser-Tabs der Schumacher-Website.
Es können zudem erweiterte Regeln festgelegt werden. Dazu im linken Bereich auf "Advanced Rules" klicken. Die Ansicht wechselt zur Übersicht für erweiterte Regeln.
popups_08.png

Auf der rechten Seite befinden sich erneut mehrere Möglichkeiten, das Verhalten des Popups weiter zu bestimmen.

Das verhindert, dass der Besucher der Schumacher Website wegen zu vielen oder zu oft erscheinenden Popups frustriert wird.

 

Die verfügbaren Regeln sind:

Show after X page views

Bestimmt, dass das Popup angezeigt werden soll, wenn der Besucher mindestens X Seiten der Website nacheinander aufgerufen hat. Über das Feld "Page Views" kann angegeben werden, wie viele Seiten es sein sollen.

Show after X sessions

Bestimmt, dass das Popup angezeigt werden soll, wenn der Besucher mindestens X mal auf der Schumacher-Website war. Über das Feld "Sessions" kann angegeben werden, wie oft der Besucher auf der Website sein muss.

Show up to X times

Bestimmt, dass das Popup nur begrenzt oft angezeigt werden soll. Um den Besucher nicht das Popup jedes Mal anzuzeigen, wenn er die Schumacher Website besucht, ist es empfehlenswert, hier ein Limit einzurichten, z. B.

1 Times Per Day On Open

1 Times Per Persistent On Open

When arriving from specific URL Bestimmt, dass das Popup angezeigt oder versteckt wird, wenn der Besucher von einer bestimmten anderen Website zur Schumacher Website gelangt, z. B. durch einen Post auf einer Social Media-Site. Über das Feld "URL" kann die URL angegeben werden.
Show when arriving from

Bestimmt, dass das Popup angezeigt werden soll, wenn die Website, auf der der Besucher davor war, mindestens eines der Kriterien erfüllt, die im Feld angegeben werden können. Die Kriterien lauten:

Search Engines Wenn der Besucher durch eine Suchmaschine zur Schumacher-Website gelangt, z. B. Google oder Bing.
External Links Wenn der Besucher durch einen Link auf einer anderen Website zur Schumacher-Website gelangt, z. B. einen Post auf einer Social Media-Website oder einer anderen Website, die auf Schumacher verlinkt.
Internal Links Wenn der Besucher sich bereits auf der Schumacher-Website befand
Hide for logged in users Diese Option ist für die Schumacher-Website nicht relevant, da es keinen User-Login gibt.
Show on devices Bestimmt, dass das Popup angezeigt werden soll, wenn das Gerät, mit dem der Besucher die Schumacher-Website aufruft, den angegebenen Geräte-Kriterien entspricht.
Show on browsers Bestimmt, dass das Popup angezeigt werden soll, wenn der Browser, mit dem der Besucher die Schumacher-Website aufruft, den angegebenen Browser-Kriterien entspricht.
Schedule date and time Bestimmt, dass das Popup angezeigt werden soll, wenn der Besucher die Website in einem bestimmten Zeitraum aufruft. Über die Felder "Start" und "Ende" können Start- und End-Datum angegeben werden.

Das Popup-Verhalten kann anschließend über den Button "Save & Close" im Bereich rechts unten gespeichert werden.

 

Um das Popup inklusive Verhalten zu aktivieren, muss anschließend das Popup auch durch den Button "Veröffentlichen" bzw. "Aktualisieren" in der linken Seitenleiste des Elementor-Editors geklickt werden.

 

Das Popup ist anschließend live