Wissen, wie’s geht. Leseprobe Mit Contao können Sie umfangreiche Websites gestalten, die sowohl am Desktop als auch mobil eine gute Figur machen. Peter Müller führt Sie in die Grundlagen ein und erstellt mit Ihnen in dieser Lese- probe eine erste Website. Außerdem können Sie einen Blick in das vollständige Inhalts- und Stichwortverzeichnis des Buches werfen. »Ein Rundgang im Backend« »Die ersten Schritte zur Website« »Contao und CSS« Inhalt Index Der Autor Leseprobe weiterempfehlen Peter Müller Contao – Das umfassende Handbuch 803 Seiten, gebunden, mit CD, 4. Auflage 2014 39,90 Euro, ISBN 978-3-8362-3016-2 www.galileo-press.de/3682 Kapitel 5 Ein kurzer Rundgang im Backend In diesem Kapitel machen Sie einen kurzen Rundgang durch das Back- end der frisch installierten, noch leeren Website. Dabei erledigen Sie gleich ein paar wichtige Einstellungen und lernen den Dateimanager und die Erweiterungsverwaltung kennen. Die Themen im Überblick: ̈ Überblick: die wichtigsten Bereiche im Backend, Seite 125 ̈ Das Backend-Modul »System • Einstellungen«, Seite 131 ̈ Der Dateimanager: »System • Dateiverwaltung«, Seite 134 ̈ Der Erweiterungskatalog, Seite 140 Das Backend ist der Administrationsbereich von Contao. Bevor Sie im nächsten Kapi- tel beginnen, die erste eigene Site mit Contao zu erstellen, möchte ich Ihnen zu- nächst das Backend kurz vorstellen. 5.1 Überblick: die wichtigsten Bereiche im Backend Rufen Sie im Browser das Backend von Contao für die noch leere Beispielsite im Ord- ner contaobuch auf: ̈ localhost/contaobuch/contao Wenn Sie mit MAMP arbeiten, ergänzen Sie gegebenenfalls wie immer die Portnum- mer 8888. Nach einer Anmeldung als Administrator sieht das Backend so aus wie in Abbil- dung 5.1. 125 5 Ein kurzer Rundgang im Backend 5.1 Überblick: die wichtigsten Bereiche im Backend ̈ Benutzer zeigt, welcher Benutzer gerade angemeldet ist. Ein Klick darauf öffnet den Bereich Persönliche Daten, der gleich im Anschluss genauer erklärt wird. ̈ Frontend-Vorschau öffnet das Frontend in einem neuen Tab oder Browser- fenster. Die Frontend-Vorschau ist besonders nützlich, wenn Sie später mit ver- schiedenen Benutzern oder unveröffentlichten Elementen arbeiten. ̈ Startseite führt immer zurück zur Startseite im Backend. ̈ Mit einem Klick auf Abmelden können Sie – ja, genau das. Nach einem Klick auf den Link Benutzer sehen Sie das Dialogfeld Persönliche Da- ten aus Abbildung 5.3. In diesem Formular kann der gerade angemeldete Benutzer seine persönlichen Daten wie Name (den vollständigen, nicht den Benutzernamen), E-Mail-Adresse und Passwort ändern. Außerdem kann er hier auch die Backend- Einstellungen wie z. B. die im Backend verwendete Sprache festlegen und den Abbildung 5.1 Das Backend nach einer Anmeldung als Administrator Cache leeren. Im Bereich Backend-Theme gibt es neben dem Backendmotiv default, das stan- Falls Sie von zwei rot hinterlegten Meldungen begrüßt werden, sollten Sie zunächst dardmäßig aktiv ist, auch noch die Option flexible, bei dem sich das Backend der Brei- Den Cache aufbauen sowie den Wartungsmodus Deaktivieren, indem Sie auf die te des Browserfensters anpasst. Damit kann man mit dem Backend auch auf kleine- entsprechenden Schaltflächen klicken. ren Bildschirmen gut arbeiten. Das Backend ist sehr übersichtlich und in drei große Bereiche eingeteilt: 1 Der Infobereich (oben) enthält die Benutzereinstellungen, eine Frontend-Vor- schau, einen Link zur Backend-Startseite und die Abmeldung. 2 Der Navigationsbereich (links) enthält nach der Installation von Contao vier Grup- pen mit Backend-Modulen, die weiter hinten in diesem Kapitel kurz vorgestellt werden. 3 Der Arbeitsbereich (rechts) zeigt jeweils Detailinformationen zum ausgewählten Backend-Modul, das im Navigationsbereich grün hervorgehoben wird. Diese drei Bereiche werden im Folgenden kurz vorgestellt. 5.1.1 Ganz oben im Backend: der Infobereich Der Infobereich oben im Backend ist recht schmal und nicht besonders auffällig. Er enthält aber einige nützliche Links (siehe Abbildung 5.2). Abbildung 5.2 Der Infobereich im Backend Links oben steht zunächst einmal die Versionsnummer von Contao. In der Zeile dar- unter gibt es, rechtsbündig ausgerichtet, vier Links: Abbildung 5.3 »Persönliche Daten« von Administrator Kevin Jones 126 127 5 Ein kurzer Rundgang im Backend 5.1 Überblick: die wichtigsten Bereiche im Backend Ganz unten in Abbildung 5.3 gibt es zwei Schaltflächen zum Speichern: ̈ Speichern speichert die aktuellen Einstellungen in der Datenbank, lässt das For- mular aber geöffnet. ̈ Speichern und schliessen macht genau das, was draufsteht. Ganz oben in Abbildung 5.3 sehen Sie übrigens einen großen grünen Pfeil und dahin- Abbildung 5.4 Die Backend-Module sind in Gruppen unterteilt. ter eine eindeutige fortlaufende Nummer, die ID des gerade bearbeiteten Datensat- zes. Eine ähnliche Mitteilung werden Sie des Öfteren sehen, denn in Contao ist im Nicht im Bild ist die Gruppe Entwicklertools, die Sie in diesem Buch nicht benöti- Grunde alles ein Datensatz, egal, ob Benutzer, Seite, Artikel oder Inhaltselement, und gen werden. Wenn Sie später Erweiterungen von Drittanbietern installieren, fügen jeder Datensatz hat eine ID. diese auch oft neue Backend-Module oder ganze Gruppen von Backend-Modulen hinzu. Dann kann es im Navigationsbereich auch mehr als die momentan vorhande- Der Aufbau des Arbeitsbereichs nen Gruppen geben. Der übersichtliche, zweispaltige Aufbau des Arbeitsbereichs ist typisch für Contao. Die einzelnen Rubriken können Sie mit einem Klick auf die grüne Überschrift ein- und aus- blenden. Contao merkt sich diese Einstellungen – und zwar pro Benutzer. 5.1.3 Rechts: der Arbeitsbereich Der Arbeitsbereich trägt seinen Namen nicht zu Unrecht, denn nach der Auswahl des gewünschten Backend-Moduls links im Navigationsbereich geht es rechts an die Ar- 5.1.2 Links: der Navigationsbereich (Backend-Module) beit. Hier werden Sie einen Großteil Ihrer Zeit verbringen. Der Navigationsbereich enthält die Backend-Module. Sie bilden die Summe aller Auf der Startseite enthält der Bereich Backend-Tastaturkürzel einen Link, der in Funktionen, die Contao Ihnen zum Erstellen und Pflegen Ihrer Website bereitstellt, einem neuen Tab oder Browserfenster eine Übersicht der wichtigsten Tastenkürzel und werden hier in die folgenden Kategorien einsortiert: auflistet. ̈ Inhalte: In dieser Kategorie befinden sich alle Backend-Module, die Inhalt für die Mausfans dürfen natürlich auch weiterhin gern auf die entsprechenden Links und Webseiten erzeugen: Artikel, Nachrichten und einiges mehr. Schaltflächen klicken, aber die Tastenkürzel sind eine echte Arbeitserleichterung. ̈ Layout: Die Backend-Module in dieser Kategorie haben mit der Struktur und dem Tabelle 5.1 zeigt eine kleine Übersicht der nützlichsten Kürzel. Aussehen der Site zu tun. ̈ Benutzerverwaltung: Contao unterscheidet Mitglieder (Frontend-Benutzer) Windows Mac Aktion und Benutzer (Backend-Benutzer). (Alt) + (S) (ctrl) + (alt) + (S) Speichern ̈ System: Hier finden Sie diverse Module zur Konfiguration und Wartung der Con- (Alt) + (C) (ctrl) + (alt) + (C) Speichern und schließen (Close) tao-Installation. (Alt) + (E) (ctrl) + (alt) + (E) Speichern und bearbeiten (Edit) Mit einem Klick auf das Minus- bzw. Pluszeichen vor dem Namen der Gruppe kön- nen Sie die Module darunter aus- und einblenden. Das jeweils ausgewählte Backend- (Alt) + (N) (ctrl) + (alt) + (N) Neues Element Modul wird hellgrün hervorgehoben. (Alt) + (B) (ctrl) + (alt) + (B) Zurück (Back) In Abbildung 5.4 ist die Gruppe Layout ausgeklappt, und darin wurde das Modul Sei- (Alt) + (T) (ctrl) + (alt) + (T) Nach oben (Top) tenstruktur aktiviert, das in hellgrüner Schrift dargestellt wird. Die einzelnen Backend-Module lernen Sie im weiteren Verlauf des Buches nach und nach kennen. (Alt) + (F) (ctrl) + (alt) + (F) Frontend-Vorschau (Alt) + (Q) (ctrl) + (alt) + (Q) Abmelden (Quit) Tabelle 5.1 Die wichtigsten Tastenkürzel bei der Arbeit im Backend 128 129 5 Ein kurzer Rundgang im Backend 5.2 Das Backend-Modul »System • Einstellungen« Je nach Browser und Betriebssystem können diese Kürzel etwas abweichen, und Sie 5.2 Das Backend-Modul »System • Einstellungen« müssen einfach ein paar Varianten ausprobieren. In Chrome (und in Firefox) unter System Einstellungen Windows müssen Sie zum Beispiel statt nur (Alt) gleichzeitig (Alt) + (ª) drücken Im Backend-Modul • werden die wichtigsten Systemeinstel- und gedrückt halten, da (Alt) unter Windows für den Aufruf der Menüleiste reser- lungen vorgenommen. Auch hier können Sie mit einem Klick auf den grünen Titel viert ist. die einzelnen Rubriken ein- und ausblenden. In diesem Kapitel lernen Sie erst einmal die allerwichtigsten Bereiche kennen. Probieren Sie es einfach einmal aus: ̈ Rufen Sie oben im Infobereich die Option Benutzer: k.jones auf. 5.2.1 Der »Titel der Webseite« ̈ Speichern und schliessen Sie die Eingabemaske per Tastatur. Gleich die allererste Option heißt Titel der Webseite (siehe Abbildung 5.5), womit Nacheinander gedrückt, dient die Kombination (Alt) + (ª) (links) unter Windows die gesamte Website gemeint ist und nicht eine einzelne Seite. Genau genommen, übrigens zum Wechseln zwischen installierten Tastaturlayouts (Englisch, Deutsch, gelten die in diesem Bereich gemachten Einstellungen nicht nur für eine Website, Niederländisch etc.). Wenn Ihre Tastatur also plötzlich keine Umlaute ausgibt und sondern für die gesamte Contao-Installation. »y« und »z« vertauscht sind, drücken Sie einfach noch ein- oder zweimal (Alt) + (ª). Da Contao in einer Installation mehrere Websites verwalten kann, können Sie die Mit einem kleinen