Bearbeiten von vorhandenen Seiten

Hier wird kurz erklärt, wie sie eine bereits erstelle Seite im Backend von Contao bearbeiten können. Melden Sie sich dazu mit Ihrem Konto im Contao-Administrationsbereich an. Dieser liegt üblicherweise im Verzeichnis der Webseite + "/contao". 

Findet man zum Beispiel die Seite unter http://www.example.com so kann man sich unter http://www.example.com/contao in den Administrationsbereich einloggen.

Artikel-/Inhaltsliste

Als erstes navigieren Sie zur Liste der Artikel. Diese ist unter dem Menüpunkt "Artikel" zu finden. Dieser steht in der Regel ganz oben in der Liste der Menüpunkte.

Nach einem Klick auf den Link "Artikel" öffnet sich eine Liste mit allen Unterseiten der zu bearbeitenden Webseite. Dabei können die Einträge auch ineinander verschachtet sein. Hat eine Seite ein "+" links neben ihrem Eintrag zu stehen, hat diese Seite noch weitere Unterseiten. Klickt man auf das "+" klappt der Seitenbaum auf und die Unterseiten zu dieser Seite werden zustätzlich angezeigt.

Jeder Eintrag hat den gleichen Aufbau:

Vorne steht der Name der Seite und darunter der dazugehörige Artikel. Bearbeitet wird immer der Artikel einer Seite. Bei normal strukturieren Webseiten findet man hier auch nur einen Eintrag, was völlig ausreichend ist. Wieso und wann man mehrere Artikel in einer Seite verwenden sollte findet man hier.

Jeder Artikel kann folgende Symbole und Aktionen haben:

• Bleistift: Bearbeiten des Artikels bzw. der Seite. Zum Bearbeiten von Artikeln unten mehr.
• Plus: Duplizieren des Artikels. Dieser liegt dann vorerst in der Zwischenablage und es erscheinen zwei weitere Symbole in jeder Artikel-Zeile. Diese "Clipboard" symbolisieren den Ort, an dem der duplizierte Inhalt eingebunden werden soll. Clipboard mit Pfeil nach unten bedeutet, das Element auf gleicher Ebene dahinter einzufügen. Clipboard mit Pfeil nach rechts bedeutet, den Inhalt innerhalb des gewählten Elements einzufügen. Diese ansicht ist in Contao überall gleich.
• blauer Pfeil: Verschieben des Artikels. Die Handhabung ist die gleiche wie beim Duplizieren.
• rotes X: Löschen des Artikels. Beim Klicken kommt noch eine Sicherheitsabfrage, ob der Artikel wirklich gelöscht werden soll.
• Auge (grün oder grau): Das Auge symbolisiert den Zustand der Publizierung des Artikels. Ist das Auge grün, so findet man diesen Artikel auf der Webseite. Ist das Auge grau, ist der Inhalt nur im Backend gespeichert, wird aber noch nicht auf der Webseite angezeigt. Dies macht sich gut, wenn man Inhalte noch nicht fertig hat, sie aber dennoch schon speichern möchte.
• blaues i: Zeigt Informationen zu dem Artikel übersichtlich an

Die aufgeführten Funktionen gelten nicht nur für die Liste der Artikel. Überall, wo Sie diese Zeichen im System finden, ist das verhalten und die Art und Weise der Bedienung analog zur hier beschriebenen Funktionsweise.

Inhalte bearbeiten

Zum Bearbeiten von Inhalten muss nun in der Artikelliste ein Artikel mit Klick auf das Bleistift-Symbol gewählt werden. Erneut öffnet sich eine Liste. Anfangs kann diese leer sein.

Der erste Eintrag in dieser Ansicht ist immer der Artikel selber. Möchte man zum Beispiel den Namen des Artikels bearbeiten, so muss man im obersten Eintrag auf den Bleistift klicken.

Nun fügen wir ein einfaches Textelement hinzu. Dazu klicken wir ganz oben in der Ansicht auf "Neues Element". Nach dem Klick hat sich nicht viel geändert. Wir haben Contao mitgeteilt, dass wir ein Element hinzufügen wollen. Nun müssen wir noch festlegen, an welcher Stelle. Da wir noch keine Inhalte haben, steht uns nur das "Clipboard" im ersten Eintrag zur Verfügung. Klicken wir darauf, erscheint eine neue Ansicht:

Erklärung der Bestandteile:

• Elementtyp: Zur Auswahl stehen verschiedene Elementtypen für das Element. Standardmäßig ist "Text" eingestellt. Damit kann man die meisten Fälle zur Darstellung von Inhalten abdecken. Eine Beschreibung aller Inhalte findet man unter http://www.contao.org/artikel.html. Je nach Wahl des Typs verändert sich die Ansicht der Bearbeitung. Im Folgenden erklären wir die Ansicht für den Typ "Text"
• Überschrift: Überschrift des jeweiligen Abschnitts. Die Größe und Wichtung der Überschrift wird über das Auswahlfeld nebem dem Text gewählt. h1 ist die größte Überschrift und sollte nur einmal pro Seite verwendet werden. h6 ist die kleinste und dient zur Strukturierung von kleineren Paragraphen.
• Text/HTML/Code: Das ist das eigentliche Feld zum schreiben von Inhalten. Der Editor ist vergleichbar mit einer simplen Word oder OpenOffice Variante. Hier kann der Text bearbeitet und formatiert werden. Auch Bilder und Links können hinzugefügt und bearbeitet werden. Im Prinzip ist jeder Button selbsterklärend und zeigt Informationen beim Hinüberfahren mit dem Mauszeiger an.
• Bildeinstellungen: Zwar können Bilder auch über den Editor hinzugefügt werden, doch eine bessere Formatierung gelingt meist über den Menüpunkt Bild-Einstellungen. Hier kann ein Bild aus dem Dateisystem ausgewählt werden und in der Darstellung angepasst werden. Mehr Informationen zum Verwalten von Dateien finden Sie hier.
• Zugriffsschutz: Zum einstellen der Sichtbarkeitsregeln für Inhalte. 
• Experten-Einstellungen: Einstellungen für das Layout und für Abstände vor und hinter dem Element.

Nach durchgeführen Änderungen und Neuerungen möglichst oft den "speichern"-Button am Ende der Seite drücken. Fügen Sie einen einfachen Text ein und klicken sie nun "Speichern und schließen" am Ende der Seite. Nun erscheint wieder die Ansicht mit den Elementen des Artikels, bloß dass unser neues Element nun zu sehen ist:

Haben Sie mehr als ein Element angelegt, können Sie die Elemente in der Liste per "Maus-Klick" und "Ziehen" in der Reihenfolge verändern. 

Zwar kann man im Prinzip den gesamten Inhalt einer Seite in einem einzigen Element darstellen, doch macht dies die Handhabung bei größeren Inhalten sehr unkomfortabel. Daher empfiehlt es sich, möglichst oft (zum Beispiel nach jedem größerem Absatz) ein neues Element anzufangen. So kann man den gesamten Inhalt übersichtlicher darstellen und Teile schnell nach belieben löschen, publizieren oder verschieben.

Dieser Beitrag teilt sich beispielsweise in 7 Elemente in diesem Artikel.