Hiermit folgt eine kleine Anleitung, wie Seiten, bzw. Artikel auf der Gewostuwi-Seite eingepflegt werden können.

1. Anmelden in der Verwaltungsoberfläche

Unter der Webadresse: https://www.gewostuwi.de/contao/ kommt man auf einen besonderen Bereich der Webseite. Dieser Teil wird in der Webentwicklung und Informatik oft Backoffice bzw. Backend genannt.

Bevor man Zugriff auf die Verwaltungsfläche bekommt, muss man sich zuerst mit einem Benutzernamen und Passwort anmelden, diese sollten bereits bekannt sein. Mit einem Druck auf Anmelden, wird geprüft ob der Benutzername und das Passwort richtig sind. Bei richtiger Eingabe wird man auf die Hauptverwaltungsseite umgeleitet.

2. Erstellen der Seite, Anlegen des Artikels

Angenommen, wir möchten folgende Inhalte als Artikel veröffentlichen:

Zunächst einmal sollte der Ort gefunden werden, an dem der Artikel angelegt werden soll. Um zu verstehen wie die Seite strukturiert ist, gibt es einen kleinen Exkurs im Aufbau dieses Systems:

Exkurs: Aufbau Webseite in der Verwaltungsoberfläche

Alle Inhalte der Webseiten werden zurzeit im Bereich “Artikel” verwaltet.

Dafür öffnet man in der Seitenleiste den Punkt Backend-Module > Inhalte > Artikel

Danach sieht man eine Übersicht aller Websites und deren Unterseiten, oft muss diese mit dem Druck auf das Plus erst ausgeklappt werden.

Hier ran kann man auch bereits die Struktur der Seite erkennen. An den Einrückungen in der Liste weiß man nun ob es ein Bereich, oder eine Seite in der Homepage ist.

Ebenso erkennt man an den Icons, ob die Seite aktuell aufrufbar, oder versteckt ist.

Jeder Bereich besteht aus allen Seiten, in der Reihenfolge wie sie darunter stehen:

Hier ein Beispiel aus dem Bereich: Satzung & Mitgliedschaft. Hier sieht man in Rot das die beiden Seiten zusammen abgebildet werden. Getrennt werden sie nur durch die blaue Überschrift.

Möchte man nun etwa als Beispiel die Seite Satzung, bearbeiten, drückt man auf das Bleistiftsymbol neben der Seite:

Hier kommen wir nun in den Seitenbearbeitungsmodus. Wir sehen den Titel und Autor der Seite und welche Elemente in dieser Seite sind. Elemente sind die kleinste Form Inhalten. Das ist ein Text, ein Bild, eine Tabelle, usw.

Hier sehen wir, das die Seite Satzung nur aus einem Element besteht, einem Text.

Auch hier ist wohlgemerkt darauf zu achten das bei mehreren Elementen, diese in deren Reihenfolge angezeigt werden.

Zum Editieren des Textes kann auch hier das Bleistifticon benutzt werden.

Damit öffnet sich nun die Eingabemaske, mit der der tatsächliche Inhalt bearbeitet werden kann.

Nach dem Bearbeiten des Elementes, sollte unten noch auf “Speichern und schließen” gedrückt werden.

Damit kommt man wieder auf die Seitenübersicht. Die Änderungen sind direkt auf die Webseite angewendet worden und können nach einem neu laden angesehen werden.

---

Zurück zum Anlegen des Artikels…

Nachdem nun die Struktur der Seite hoffentlich klar ist, können wir nun unseren Artikel anlegen.

Wir befinden uns wieder in der Übersichtseite der Artikel und drücken hier nun auf “Neuer Artikel”

Im Anschluss müssen wir nun festlegen, wo diese Seite platziert wird. Da wir die neusten Presseberichte immer ganz oben chronologisch einsortieren wollen, fügen wir den Artikel direkt unter die “Herzlich Willkommen” Seite ein. Dazu nutzen wir das Klemmbrett-Symbol

Es öffnet sich die Eingabemaske für die neue Seite. Wir geben der Seite einen Titel und klicken bereits auf “Artikel veröffentlichen”, damit dieser später bereits aufrufbar ist. Wir drücken auf “Speichern und Schließen”

Wir kommen wieder auf die Übersichtsseite, dort liegt unser Artikel. Mit dem Druck auf das Bleistiftsymbol können wir die Seite bearbeiten.

Noch ist unsere Seite leer. Mit einem Druck auf “Neues Element”, können wir nun den Inhalt erstellen. Auch hier wird man gefragt an welcher Stelle man das neue Element einfügen möchte, wir fangen ganz oben an.

In der neuen Eingabemaske wählen wir zuallererst den Elementtyp aus. Wir möchten ein Bild mit der Überschrift haben. Der Artikel soll die PDF mit dem Text öffnen, wenn man das Bild anklickt.

Exkurs: Dateien hochladen

Leider müssen wir auch hier kurz einen Exkurs einschieben, denn das Bild und die PDF mit dem Text muss noch hochgeladen werden. Dazu drücken wir in der Eingabemaske zunächst unter Quelldatei auf “Auswahl ändern”

Es öffnet sich ein Fenster wo man nun die Datei auswählen könnte, aber wir müssen diese erst hochladen deswegen gehen wir auf “Die Dateiverwaltung öffnen”

Es öffnet sich ein weiteres Fenster mit vielen verschiedenen Ordnern. Nun wählt man einen Ordner aus und kann dann auf das Grüne Plus-Icon gehen um eine Datei auszuwählen und hochzuladen.

Es folgt ein Dialog, bei dem die Dateien jetzt entweder per Drag-n-Drop oder per klick in die Box im Dateiexplorer ausgewählt werden können.

Sind beide Dateien ausgewählt und erfolgreich hochgeladen worden, haben beide einen grünen Haken. Damit ist der Upload abgeschlossen und wir drücken oben auf den Button “zurück zum Dateiwähler”

Wir kommen wieder in die Ursprungsansicht zurück und können im Presseordner nun unser Bild auswählen. Wir bestätigen mit “Anwenden”.

Jetzt ist das Vorschaubild schon mal ausgewählt, aber damit der Text auch sichtbar wird, wählen wir unter Bild Einstellungen nun die PDF aus, die wir vorhin auch hochgeladen haben.

Dazu müssen wir auf den Globus rechts neben der “Bildlink-Adresse” drücken.

Hier müssen wir oben erst zum Dateiwähler:

Ehe wir unsere PDF auswählen und mit “Anwenden” bestätigen können.

Unser Element sollte nun so aussehen.

Jetzt bestätigen wir das ganze noch mit dem Druck auf “Speichern und Schließen”. So kommen wir wieder auf die Seitenansicht.

Nun bleibt nur nachzusehen, ob alles so ist wie man möchte. Dazu öffnet man die Homepage wieder ganz normal (www.gewostuwi.de).

Glückwunsch! Der Artikel ist auf der Homepage!

Und mit einem Druck auf das Bild kommt man auf die PDF mit dem Artikel.

Bonustipps:

Bilder besser anpassen

Stellt bei den Bildeinstellungen den Bildabstand so ein. Damit wird dies etwas kleiner skaliert und passt sich besser dem Seite an.

Seiten verschieben:

Eigentlich wollten wir auf der Startseite nur die 3 neusten Presseartikel haben. Der Älteste sollte debei stets auf der regulären Presseseite erscheinen.

Zum Glück kann man Seiten verschieben!

Bei dem Passenden Artikel auf den blauen Pfeil drücken, und auswählen wo er stattdessen eingefügt werden soll!