Auf einen Blick TEIL I Contao kennenlernen 1 Das ist Contao... 25 2 Schnelldurchlauf: So funktioniert Contao... 31 TEIL II Contao installieren 3 XAMPP: Der Offline-Webspace... 51 4 Die Installation von Contao... 71 5 Ein kurzer Rundgang im Backend... 101 TEIL III Schritt für Schritt zur ersten Website 6 Die erste Website mit Contao... 117 7 Webseiten gestalten: Contao und CSS... 155 8 Navigationen erstellen in Contao... 193 TEIL IV Inhalte erstellen und verwalten 9 Inhaltselemente für Text und Bilder... 233 10 Weitere nützliche Inhaltselemente... 265 11 Kontakt: Formulare erstellen mit Contao... 289 12 Suchfunktion: Die Beispielsite durchsuchen... 317 13 Die Erweiterung»Nachrichten«... 335 14 Die Erweiterungen»Kalender«und»FAQ«... 371 15 Die Erweiterung»Newsletter«... 389 16 Die Startseite gestalten... 401 TEIL V Systemverwaltung 17 Der Theme-Manager in Aktion... 421 18 Die Optimierung für Suchmaschinen... 437 19 Mitglieder: Im Frontend angemeldete Besucher... 459 20 Benutzer: Im Backend angemeldete Mitarbeiter... 479 21 Die Website im Alltag... 495 22 Contao für Fortgeschrittene: Tipps und Tricks... 507
Inhalt Geleitwort des Fachgutachters... 19 Vorwort... 21 TEIL I Contao kennenlernen 1 Das ist Contao... 25 1.1 Contao ist ein Content-Management-System... 25 1.1.1 Brauchen Sie ein Content-Management-System?... 25 1.1.2 Contao unterstützt Sie bei Inhalt, Gestaltung und Funktionen... 26 1.2 Die Website zum Programm: www.contao.org... 27 1.3 Ein paar Highlights von Contao... 28 1.4 Die Community im Web:»www.contao-community.de«... 30 2 Schnelldurchlauf: So funktioniert Contao... 31 2.1 Das Frontend ist die Website... 32 2.2 Das Backend ist die Verwaltungsabteilung... 33 2.3 Die Seitenstruktur ist das Fundament der Website... 35 2.4 Themes bestimmen das Aussehen der Site... 36 2.5 Module erzeugen den Quelltext für das Frontend... 37 2.6 Jede Seite hat ein Seitenlayout... 38 2.7 Seitenlayouts verbinden die Seiten mit Stylesheets... 41 2.8 Jeder Artikel gehört zu einer Seite... 42 2.9 Ein Artikel besteht aus Inhaltselementen... 43 2.10 Das Backend ist für Redakteure sehr übersichtlich... 46 2.11 Zusammenfassung so tickt Contao... 47 TEIL II Contao installieren 3 XAMPP: Der Offline-Webspace... 51 3.1 XAMPP ist Webspace auf Ihrem Rechner... 51 3.1.1 Statische Webseiten: Der Webspace als Lagerhalle... 51 3.1.2 Content-Management-System: Der Webspace als Werkstatt... 52 3.2 Die Installation von XAMPP Lite (Windows)... 53 3.2.1 XAMPP Lite installieren... 54 5
Inhalt 3.2.2 Das XAMPP Control Panel... 54 3.2.3 Testen, ob der Webserver funktioniert... 56 3.3 Der Sicherheitscheck von XAMPP... 57 3.3.1 Den Sicherheitscheck aufrufen... 57 3.3.2 Einen Passwortschutz für MySQL und phpmyadmin einrichten... 58 3.3.3 Passwortschutz für das XAMPP-Verzeichnis einrichten... 60 3.3.4 Die neuen Sicherheitseinstellungen testen... 60 3.4 Der Webserver: Apache serviert Webseiten... 62 3.4.1 DocumentRoot:»htdocs«, der Ordner für die Webseiten... 62 3.4.2 Der PHP-Übersetzer: Als Modul oder als CGI... 63 3.5 MySQL serviert SQL-Datenbanken... 66 3.5.1 MySQL verwaltet mehrere Datenbanken... 66 3.5.2 SQL ist die Sprache zur Verwaltung von Datenbanken... 67 3.6 phpmyadmin verwaltet die Datenbanken von MySQL... 68 3.7 XAMPP-Matrix die Komponenten im Überblick... 69 4 Die Installation von Contao... 71 4.1 Vorbereitung: Die Systemvoraussetzungen... 71 4.2 Offline: Contao auf Ihrem Rechner installieren... 72 4.3 Online: Contao im Web installieren... 82 4.3.1 Informationen über Webhoster im Forum... 82 4.3.2 Webspace prüfen: Das Contao-Systemdiagnosetool... 83 4.3.3 Dateien auf den Webspace kopieren... 84 4.3.4 Zugangsdaten für die Datenbank... 86 4.3.5 Die Installation im Überblick... 86 4.4 Safe Mode Hack: Der FTP-Modus von Contao... 87 4.4.1»Sie benötigen wahrscheinlich den Safe Mode Hack«... 88 4.4.2 Eine Alternative zum SMH: PHP als CGI oder Fast-CGI... 89 4.4.3 Online: So richten Sie den Safe Mode Hack ein... 89 4.4.4 Offline-Webspace: SMH bei einer lokalen Installation umgehen... 91 4.5 Alte PHP-Version: Parse error... 92 4.6 Sonstige potenzielle Probleme bei der Installation... 93 4.7 Umzug: Von XAMPP auf den Online-Webspace... 94 4.8 Know-how: Dateiberechtigungen das 1x1 zu 644... 97 4.8.1 Besitzer, Benutzer und Berechtigungen: 644 und 755... 97 4.8.2 PHP und Contao: Benutzerrechte, Modul und (Fast)CGI... 98 6
Inhalt 4.8.3 Was der Safe Mode Hack genau macht... 99 4.8.4 Sicherheitsloch:»Alles auf 777«ist keine gute Idee... 99 5 Ein kurzer Rundgang im Backend... 101 5.1 Überblick: Das Backend... 101 5.2 Ganz oben: Der Infobereich... 102 5.3 Links: Der Navigationsbereich (Backend-Module)... 103 5.4 Rechts: Der Arbeitsbereich... 104 5.5»System Einstellungen«... 105 5.5.1 Der»Titel der Webseite«... 106 5.5.2 Das Format für Angaben von Datum und Zeit... 107 5.6 Der Dateimanager:»System Dateiverwaltung«... 108 5.6.1 Ordner erstellen mit dem Dateimanager... 109 5.6.2 Dateien mit dem Dateimanager hochladen... 110 5.7 Erweiterungen installieren... 112 5.7.1 Die Erweiterungsliste auf»contao.org«... 112 5.7.2 Erweiterungen aus dem Backend heraus installieren... 112 TEIL III Schritt für Schritt zur ersten Website 6 Die erste Website mit Contao... 117 6.1»No pages found«die Seitenstruktur erstellen... 117 6.1.1 Der Startpunkt für eine neue Website... 118 6.1.2 Sprachen-Fallback für den Startpunkt aktivieren... 119 6.1.3 Die Startseite für die Beispielsite erstellen... 121 6.1.4 Die Seitenstruktur für die Beispielsite erweitern... 122 6.2»No layout found«theme und Seitenlayout erstellen... 124 6.2.1 Das erste Theme erstellen... 124 6.2.2 Das erste Seitenlayout erstellen... 126 6.2.3 Ein kurzer Blick in den Quelltext... 127 6.3 Das erste Frontend-Modul:»Navigation Hauptnavi«... 128 6.3.1 Ein Navigationsmodul erstellen... 129 6.3.2 Das Navigationsmodul im Seitenlayout einbinden... 130 6.4 Frontend-Module für den Kopf- und den Fußbereich... 132 6.4.1 Module für den Kopf- und den Fußbereich erstellen... 132 6.4.2 Die Module für den Kopf- und den Fußbereich im Seitenlayout einbinden... 133 6.5 Das erste Stylesheet erstellen und zuweisen... 134 6.5.1 Das erste Stylesheet im Backend erstellen... 135 7
Inhalt 6.5.2 Stylesheet bearbeiten: Einen Style für»body«erstellen... 135 6.5.3 Das Stylesheet mit dem Seitenlayout verbinden... 137 6.5.4 Weitere Styles für Kopfbereich, Hauptspalte und Fußbereich... 139 6.6 Der erste Artikel und ein Inhaltselement... 142 6.6.1 Der Artikelbaum: Die Übersicht über alle Artikel... 142 6.6.2 Die Einstellungen für einen Artikel... 143 6.6.3 Inhaltselemente zu einem Artikel hinzufügen... 144 6.6.4 Den Artikel mit dem Seitenlayout verbinden... 146 6.7 Templates: Das HTML für den Quelltext... 147 6.7.1 Es gibt verschiedene Arten von Templates... 147 6.7.2 Das HTML der Navigation im Quelltext... 149 6.7.3 Backend-Modul»Templates«: Templates update-sicher anpassen... 150 6.7.4 Ein kurzer Blick in das Template»nav_default.tpl«... 152 6.8 Das Contao-Prinzip: Altogether now... 153 7 Webseiten gestalten: Contao und CSS... 155 7.1 Übersicht: Contao und CSS... 155 7.1.1 Gestatten: Das CSS-Framework von Contao... 155 7.1.2 Stylesheets bearbeiten: Interner oder externer Editor?... 156 7.2 Arbeiten mit internen Stylesheets... 156 7.2.1 Der interne CSS-Editor: CSS per HTML-Formular... 157 7.2.2 Übung: Header und Footer mit dem internen CSS- Editor gestalten... 158 7.2.3 Tipps für die Arbeit mit dem internen CSS-Editor... 160 7.2.4 Integration von internen Stylesheets in»seitenlayouts«... 161 7.3 Interne Stylesheets: CSS-Dateien importieren... 162 7.3.1 Das Reset-Stylesheet»basic.css«herunterladen... 162 7.3.2 Das Reset-Stylesheet»basic.css«importieren... 162 7.3.3 Das Reset-Stylesheet»basic.css«im Detail... 165 7.4 Das Suchen und Filtern von Styles in internen Stylesheets... 167 7.4.1 Styles mit bestimmten Selektoren suchen... 168 7.4.2 Filtern nach Kategorie... 169 7.5 Die Erweiterung»[csseditor]«... 171 7.5.1 Die Erweiterung»[csseditor]«installieren und kennenlernen... 171 7.5.2 Interne Stylesheets extern bearbeiten... 173 7.5.3 Einschränkungen bei der Arbeit mit»[csseditor]«... 173 7.6 Übung: Gestaltung der Navigation per CSS... 174 8
Inhalt 7.7 Externe Stylesheets: CSS außerhalb der Datenbank... 176 7.7.1 Vorgehensweise: Die Arbeit mit externen Stylesheets... 177 7.7.2 Integration von externen Stylesheets in»seitenlayouts«.. 181 7.8 Teamwork: Interne und externe Stylesheets zusammen... 182 7.9 Fazit: Jeder kann so arbeiten wie er gerne möchte... 183 7.10 Know-how: Das CSS-Framework von Contao... 184 7.10.1 Das HTML-Grundgerüst von Contao in»fe_page.tpl«... 184 7.10.2»$this->framework«: Die Einstellungen aus dem Seitenlayout... 186 7.10.3 Stylesheets einbinden:»$this->stylesheets«und»$this->head«... 188 7.10.4 Das CSS-Framework von Contao aus Benutzersicht... 188 7.10.5 Der Kern des CSS-Frameworks:»system/contao.css«... 190 7.10.6 Patches für IE6 und 7:»system/iefixes.css«... 191 8 Navigationen erstellen in Contao... 193 8.1 Übersicht: Seiten, Module und Artikel... 193 8.2 Die Navigationsmodule im Überblick... 194 8.3 Die Seitenstruktur der Beispielsite erweitern... 195 8.4 Vertikale Navigation mit zwei Ebenen... 197 8.5 Horizontale Navigation mit zwei Ebenen... 203 8.6 Horizontale und vertikale Navigation zusammen... 211 8.7 Metanavigation: Eine»Individuelle Navigation«... 215 8.8 Sitemap: Das Inhaltsverzeichnis der Website... 221 8.9 Weitere Navigationsmodule... 226 8.9.1 Quicknavigation und Quicklink... 226 8.9.2 Navigationspfad: Die Breadcrumb-Navigation»Sie sind hier«... 227 8.9.3 Buchnavigation: Von einer Seite zur nächsten und zurück 228 TEIL IV Inhalte erstellen und verwalten 9 Inhaltselemente für Text und Bilder... 233 9.1 Artikel und Inhaltselemente im HTML-Quelltext... 233 9.2 Das Inhaltselement»Überschrift«:»ce_headline«... 234 9.3 Das Inhaltselement»Text«:»ce_text«... 237 9.3.1 Inhaltselement Text: Die Eingabemaske... 238 9.3.2 Der Editor TinyMCE im Überblick... 238 9.3.3 Hyperlinks erstellen im Editor TinyMCE... 240 9
Inhalt 9.3.4 Das Inhaltselement»Text«mit einem Bild erweitern... 243 9.3.5 Das HTML für das eingefügte Bild und ein CSS- Bilderrahmen... 246 9.4 Das Inhaltselement»Bild«:»ce_image«... 247 9.4.1 Das Inhaltselement»Bild«im Einsatz... 247 9.4.2»Bild-Einstellungen«: Die Möglichkeiten der Bildanpassung... 250 9.5 Das Inhaltselement»Galerie«:»ce_gallery«... 252 9.5.1 Eine Bildergalerie erstellen... 252 9.5.2 Die Bildergalerie im HTML... 255 9.5.3 Beschriftung von Galerien:»meta.txt«... 256 9.6 Das Inhaltselement»Top-Link«: «ce_toplink»... 258 9.7 Syndikation: Artikel drucken und verbreiten... 261 9.7.1 Die Links zur Syndikation aktivieren... 261 9.7.2 Die Links zur Syndikation per CSS gestalten... 262 10 Weitere nützliche Inhaltselemente... 265 10.1 Das Inhaltselement»Tabelle«: ce_table... 265 10.1.1 Der Eingabeassistent für das Inhaltselement»Tabelle«... 265 10.1.2 Importieren der Daten mit einer CSV-Datei... 267 10.1.3 Das HTML für das Inhaltselement»Tabelle«... 269 10.1.4 Das Inhaltselement»Tabelle«per CSS gestalten... 270 10.2 Das Inhaltselement»Akkordeon«:»ce_accordion«... 272 10.2.1 Seitenlayout vorbereiten und Artikel erstellen... 273 10.2.2 Das Eingabeformular für das Inhaltselement»Akkordeon«... 274 10.2.3 Zugeschaut und mitgebaut: Drei Akkordeons erstellen... 276 10.2.4 Das HTML für ein Akkordeon... 277 10.2.5 Das CSS zur Gestaltung eines Akkordeons... 277 10.2.6 Optional: Grafiken zur Statusanzeige... 279 10.3 Externe Videos auf Webseiten einbinden... 280 10.3.1 Inhaltselement»Text«: Ein Link in einer Mediabox... 280 10.3.2 Das Inhaltselement»HTML«:»ce_html«... 282 10.4 Weitere Inhaltselemente im Überblick... 284 10.4.1 Das Inhaltselement»Code«:»ce_code«... 284 10.4.2 Das Inhaltselement»Aufzählung«:»ce_list«... 286 10.4.3 Das Inhaltselement»Modul«... 287 10.4.4 Die»Include«-Elemente im Kurzüberblick... 287 10
Inhalt 11 Kontakt: Formulare erstellen mit Contao... 289 11.1 Ein Kontaktformular für die Beispielsite erstellen... 289 11.2 Das Kontakformular gestalten... 300 11.2.1 Das HTML für das Kontaktformular... 300 11.2.2 Das CSS für das Kontaktformular... 302 11.3 Formularfelder: Die Feldtypen im Formulargenerator... 304 11.3.1 Formularfelder einfügen: Die Feldtypen im Überblick... 304 11.3.2 Überschrift und Erklärung für zusätzliche Informationen... 305 11.3.3 Formularfelder gruppieren:»fieldset«und»legend«... 306 11.3.4 Das Passwortfeld: Automatisch mit Bestätigungsfeld... 306 11.3.5 Das Select-Menü: Auswahllisten per Klick... 307 11.3.6 Das Radio-Button-Menü: Optionsfelder deluxe... 309 11.3.7 Das Checkbox-Menü: Kontrollkästchen deluxe... 312 11.3.8»Datei-Upload«: Besucher können Dateien hochladen... 313 11.3.9 Die Sicherheitsfrage zur Spamvermeidung... 314 11.4 Sinnvolle Erweiterungen zur Arbeit mit Formularen... 316 12 Suchfunktion: Die Beispielsite durchsuchen... 317 12.1 Teil 1: Eine Suchseite erstellen... 318 12.2 Teil 2: Das Suchformular erstellen und einbinden... 326 12.3 Die Syntax der Suchfunktion im Überblick... 334 13 Die Erweiterung»Nachrichten«... 335 13.1 Übersicht: Die Zutaten für das Nachrichtensystem... 336 13.2 Das Backend-Modul»Nachrichten«: Beiträge erstellen... 336 13.2.1»Newsarchiv«: Ein Nachrichtenarchiv erstellen... 337 13.2.2 Nachrichtenbeiträge schreiben... 338 13.3 Beiträge auf den Webseiten ausgeben... 341 13.3.1 Eine neue Seite zur Anzeige eines Beitrags (Einzelansicht)... 341 13.3.2 Das Modul»Nachrichten Teaser anzeigen [Nachrichtenarchiv]«... 343 13.3.3 Das Modul»Beitrag anzeigen [Nachrichtenleser]«... 344 13.3.4 Einbinden des Moduls»Nachrichten Teaser anzeigen«.. 345 13.3.5 Einbinden des Moduls»Nachrichten Beitrag anzeigen«... 346 11
Inhalt 13.4 HTML und CSS: Teaser und Beiträge gestalten... 348 13.4.1 Das HTML des Moduls»Nachrichten Teaser anzeigen«... 348 13.4.2 Das CSS für das Modul»Nachrichten Teaser anzeigen«... 350 13.4.3 Das HTML des Moduls»Nachrichten Beitrag anzeigen«... 351 13.4.4 Das CSS für das Modul»Nachrichten Beitrag anzeigen«... 352 13.5 Bilder zu Teasern und Beiträgen hinzufügen... 353 13.6 Einen Feed zum Abonnieren der Beiträge erstellen... 356 13.7 Die Kommentarfunktion... 358 13.7.1 Die Kommentarfunktion aktivieren... 358 13.7.2 Kommentare schreiben und überprüfen... 359 13.7.3 Kommentare und Fehlermeldungen gestalten... 360 13.7.4 Kommentare im Backend verwalten... 362 13.8 Navigation: Beiträge monatsweise auswählen... 363 13.8.1 Das Modul»Monat auswählen [Nachrichtenarchiv- Menü]«... 364 13.8.2 Das Modul»Nachrichten Monat auswählen«einbinden... 364 13.8.3 Das HTML des Moduls»Nachrichten Monat auswählen«... 365 13.8.4 Das CSS für das Modul»Nachrichten Monat auswählen«... 366 13.9 Übersicht: Nachrichten, Modultypen und Templates... 368 13.9.1 Die Modultypen und die Modultemplates»mod_news*.tpl«... 368 13.9.2 Die vier Subtemplates»news_*.tpl«... 369 14 Die Erweiterungen»Kalender«und»FAQ«... 371 14.1 Die Erweiterung»Kalender«: Termine verwalten... 371 14.1.1 Die Erweiterung»Kalender«in der Übersicht... 372 14.2 Einen Kalender gestalten... 377 14.2.1 Das HTML vom Frontend-Modul»Kalender«... 377 14.2.2 Das CSS zum Gestalten eines Kalenders... 379 14.2.3 HTML und CSS zur Gestaltung der Einzelansicht... 383 14.3 Häufig gestellte Fragen: Die FAQ-Erweiterung... 384 14.3.1 Die Kurzanleitung für die FAQ-Erweiterung... 384 14.3.2 Die FAQ-Erweiterung gestalten... 386 12
Inhalt 15 Die Erweiterung»Newsletter«... 389 15.1 Das Backend-Modul»Newsletter«... 390 15.1.1 Einen Verteiler erstellen... 390 15.1.2 Abonennten verwalten: Die Empfänger des Newsletters... 391 15.1.3 Einen Newsletter erstellen... 392 15.1.4 Einen Newsletter versenden... 393 15.2 Newsletter im Frontend anzeigen... 395 15.2.1 Die Kurzanleitung zur Darstellung der Newsletter auf der Site... 396 15.2.2 Das HTML der Frontend-Module zur Newsletterdarstellung... 396 15.3 Newsletter im Frontend abonnieren und kündigen... 397 15.3.1 Die Kurzanleitung zum Abonnieren und Kündigen... 398 15.3.2 Das HTML der Frontend-Module»Abonnieren«und»Kündigen«... 399 16 Die Startseite gestalten... 401 16.1 Ein neues Layout für die Startseite... 402 16.2 Inhalt für die Hauptspalte: Newsbeiträge und Termine... 403 16.2.1 Die Frontend-Module erstellen... 404 16.2.2 Die Frontend-Module auf der Startseite einbinden... 404 16.2.3 Newsbeiträge und Termine gestalten... 406 16.3 Artikel mit Teaser auf der Startseite... 408 16.4 Sidebar erstellen: Lesetipps und Zufallsbild... 410 16.4.1 Lesetipps mit einem Quicklink-Modul... 410 16.4.2 Ein zufällig ausgewähltes Bild... 411 16.4.3 Die Sidebar gestalten... 411 16.5 Der Minikalender in der Sidebar... 413 16.5.1 Eine neue Seite mit dem Modul»Eventliste«erstellen... 413 16.5.2 Ein Modul für den Minikalender erstellen und einbinden... 414 16.5.3 Den Minikalender gestalten... 414 16.6 Newsletter abonnieren in der Sidebar... 416 13
Inhalt TEIL V Systemverwaltung 17 Der Theme-Manager in Aktion... 421 17.1 Ein Theme bestimmt das Aussehen der Website... 421 17.1.1 Der Theme-Manager verwaltet bekannte Komponenten... 421 17.1.2»Blaues Theme«von der Beispielsite exportieren... 422 17.1.3 All-in-one: Das Innenleben einer CTO-Datei... 423 17.1.4 Was nicht in einem Theme enthalten ist... 424 17.2 Das»Cover Theme«: Die Beispielsite im neuen Look... 425 17.3 Über die Anpassung von Themes... 428 17.4 Sonderfall: In Artikeln eingebundene Module... 430 17.4.1 Im Seitenlayout eingebundene Module sind unproblematisch... 430 17.4.2 In Artikeln eingebundene Frontend-Module sind Inhalt... 431 17.4.3 Was mit in Artikeln eingebundenen Modulen schiefgehen kann... 432 17.4.4 Reparatur: Anpassung von in Artikeln eingebundenen Modulen... 433 17.5 Sicherheitshinweise für Contao-Themes... 434 17.5.1 Das potenzielle Problem... 435 17.5.2 Vertrauenswürdige Quellen... 435 17.5.3 Ein Theme prüfen... 435 17.5.4 Angriff von innen... 435 17.6 Fazit: Themes sind klasse... 436 18 Die Optimierung für Suchmaschinen... 437 18.1 Lesbare Adressen: URLs umschreiben... 438 18.1.1 Content-Management-Systeme und URLs... 438 18.1.2 Die drei URL-Einstellungen von Contao... 439 18.1.3 Drei Voraussetzungen zum Umschreiben der URLs... 440 18.1.4 Contao im Unterordner: Die»RewriteBase«in der».htaccess«... 441 18.1.5 Die Rewrite-Regel zum URL-Umschreiben in der».htaccess«... 442 18.1.6 So wird s gemacht: URLs umschreiben in der Praxis... 442 18.2 Flache oder hierarchische URLs?... 444 18.3 Die Optimierung von Seiten... 445 18.3.1 Seitenname und Seitenalias im Backend von Contao... 445 14
Inhalt 18.3.2 Der Titel der Seite:»<title>... </title>«... 447 18.3.3 Die Beschreibung der Seite:»<meta name="description">«... 450 18.4 Abfangjäger: 404 und 403... 451 18.4.1 Statusmeldungen: Der Webserver schickt eine Nummer mit... 451 18.4.2 404-Seite nicht gefunden: Darf s vielleicht was anderes sein?... 453 18.4.3 403 Zugriff verweigert: Diese Seite gibt es, aber nicht für Sie... 455 18.5 Eine XML-Sitemap für Google & Co... 456 19 Mitglieder: Im Frontend angemeldete Besucher... 459 19.1 Mitglieder und Benutzer: Der Unterschied... 459 19.2 Mitgliedergruppen und Mitglieder einrichten... 461 19.2.1 Mitgliedergruppen einrichten... 461 19.2.2 Mitglieder einrichten... 461 19.3 Seiten und Module für die An- und Abmeldung erstellen... 462 19.3.1 Seiten zur An- und Abmeldung erstellen... 462 19.3.2 Die Module zur Anmeldung im Überblick... 463 19.3.3 Ein Modul für das Anmeldeformular:»[Login- Formular]«... 464 19.3.4 Ein Modul zur Abmeldung:»[Automatischer Logout]«... 465 19.3.5 Modul für den Link zur Anmeldeseite:»[Eigener HTML-Code]«... 465 19.3.6 Anmeldenamen und Abmeldelink:»[Eigener HTML- Code]«... 466 19.4 Die erstellten Module einbinden und gestalten... 466 19.4.1 Die Module zum An- und Abmelden in Artikeln einbinden... 466 19.4.2 Module für den Fußbereich im Seitenlayout einbinden... 467 19.4.3 An- und Abmeldung testen... 468 19.4.4 Das Anmeldeformular gestalten... 470 19.5 Einen geschützten Downloadbereich einrichten... 471 19.6 Weitere Möglichkeiten zur Mitgliederverwaltung... 475 19.6.1 Das Modul»Passwort vergessen«... 475 19.6.2 Das Modul»Persönliche Daten«... 477 19.6.3 Die automatische Registrierung für Mitglieder... 477 15
Inhalt 20 Benutzer: Im Backend angemeldete Mitarbeiter... 479 20.1 Benutzerverwaltung: Die Übersicht... 479 20.2 Die Benutzergruppe»Redakteure Nachrichten«... 480 20.3 Die Benutzerin»Helen Lewis«einrichten... 485 20.3.1 Testen der Einstellungen: Ein Klick, und Sie sind Helen Lewis... 487 20.4 Die Benutzergruppe»Redakteure Artikel«... 489 20.4.1 Benutzergruppe»Redakteure Artikel«einrichten... 489 20.4.2 Benutzer zuweisen und testen... 490 20.5 Zugriffsrechte für Seiten und Artikel setzen... 491 20.5.1 Zugriffsrechte: Was mit Seite und Artikel gemacht werden darf... 491 20.5.2 Zugriffsrechte für die freigegebenen Seiten setzen... 492 21 Die Website im Alltag... 495 21.1 Das System-Log protokolliert Aktivitäten von Contao... 495 21.2 Webstatistiken mit Google Analytics... 496 21.3 Den Cache in Contao kontrollieren... 497 21.3.1 Der Cache-Modus in»system Einstellungen«... 497 21.3.2 Cache-Einstellungen: Die Cachezeit für die Seiten definieren... 498 21.3.3 Systemwartung: Daten bereinigen... 499 21.3.4 Systemwartung: Suchindex neu aufbauen... 500 21.3.5 Daten in den Benutzereinstellungen bereinigen... 501 21.4 Backups erstellen... 501 21.5 Der Live Update Service: Das automatische Update... 503 21.6 Das manuelle Update per FTP... 504 22 Contao für Fortgeschrittene: Tipps und Tricks... 507 22.1 Wichtige Konfigurationsdateien von Contao... 507 22.1.1 Die Systemkonfiguration: localconfig.php... 507 22.1.2 Data Container Arrays: Die»dcaconfig.php«... 508 22.1.3 Sprachkonfiguration: Die»langconfig.php«... 509 22.2 Tipps und Tricks zum TinyMCE... 510 22.2.1 Ein Stylesheet für den TinyMCE:»tl_files/tinymce.css«... 510 22.2.2 Textbausteine im TinyMCE: Inhalte aus Vorlage einfügen... 511 22.2.3 Die Symbolleisten des TinyMCE anpassen... 512 16
Inhalt 22.2.4 Konfiguration des TinyMCE pro Benutzergruppe anpassen... 515 22.3 Anfahrtskizze mit Google Maps... 515 22.3.1 Die Konfiguration des Frontend-Moduls... 516 22.3.2 Die Ermittlung der Koordinaten... 517 22.4 Layouts für Fortgeschrittene... 518 22.4.1 Eigene Layoutbereiche erstellen und aktivieren... 518 22.4.2 Eigene Seitentemplates erstellen... 519 22.4.3 Contao mit anderen CSS-Frameworks nutzen... 519 22.5 Mehrere Websites in einer Contao-Installation... 520 22.5.1 Ein Startpunkt für jede Website... 520 22.5.2 Mehrsprachige Website mit automatischer Sprachwahl... 521 22.5.3 Mehrere Domains in einer Contao-Installation... 522 22.5.4 Zusammenfassung: Mehrere Websites in mehreren Sprachen... 522 22.6 Die Insert-Tags im Überblick... 523 22.6.1 Insert-Tags für Link-Elemente... 524 22.6.2 Benutzereigenschaften: Insert-Tags für Frontend- Benutzer... 525 22.6.3 Umgebungsvariablen... 526 22.6.4 Include-Elemente... 527 22.6.5 Verschiedenes: Datum, E-Mail und Sprachen... 527 Index... 529 17
TEIL I Contao kennenlernen
In diesem Kapitel stelle ich Ihnen Contao kurz vor: Was sind die Gründe für ein CMS? Welche Highlights bietet Contao? Was sind die wichtigsten Ressourcen im Web? 1 Das ist Contao Contao. Klingt gut, ist einfach zu behalten und hat auch noch eine Bedeutung: con sind die ersten Buchstaben von Content. tạo kommt aus dem Vietnamesischen und bedeutet bilden, erzeugen, gestalten. Content erzeugen. Kein schlechter Name für ein Programm, mit dem Content erzeugt, gestaltet und verwaltet wird. 1.1 Contao ist ein Content-Management-System Content-Management-System (kurz CMS) ist der gängige Begriff für ein Programm zum Verwalten von Inhalten auf Websites. Ein CMS wie Contao ist eine Software, ein Werkzeug, ein Tool, mit dem man Websites erstellen und pflegen kann. Contao ist ein webbasiertes CMS, denn die Bedienung erfolgt über das Web und mithilfe eines Webbrowsers. 1.1.1 Brauchen Sie ein Content-Management-System? Webseiten wurden früher manuell erstellt, auf den Webspace kopiert und dort vom Webserver unverändert ausgeliefert. Manuell erstellte, statische Webseiten sind sehr aufwendig in der Erstellung und der Pflege und sind deshalb immer seltener anzutreffen. Wer Websites aber bisher manuell erstellt hat, muss für die Einarbeitung in ein CMS je nach Vorwissen mehr oder weniger Zeit einplanen und bei Workflow und Gewohnheiten in vielen Punkten völlig umdenken. Die Frage ist bei einem Projekt daher häufig, ob sich der Einsatz eines CMS überhaupt lohnt. Folgende Kriterien können bei dieser Entscheidung hilfreich sein: Regelmäßige Aktualisierung des Inhalts Wenn Texte und Grafiken regelmäßig von Personen geändert werden müssen, die selbst keine Webseiten bauen, lohnt sich ein CMS auch bei einer kleinen Site. 25
1 Das ist Contao Größe der Website Wo genau die Grenze zu»größer«liegt, ist schwer zu sagen, aber bei größeren Sites ohne CMS wird zum Beispiel eine nachträgliche Änderung an der Navigation sehr aufwendig. Bei mehr als ein paar einzelnen Seiten lohnt sich ein CMS meistens, auch wenn die Inhalte sich nicht oft ändern. Anzahl der Mitarbeiter Wenn bei der Inhaltspflege mehr als zwei bis drei Leute beteiligt sind, lohnt sich ein CMS, denn sonst kommt es beim Hochladen des Inhalts früher oder später zu Katastrophen. Idealerweise hat das CMS eine gute Benutzerverwaltung und eine detaillierte Rechteverwaltung, damit jeder nur das sieht, was er sehen soll. Ortsunabhängige Pflege des Inhalts Ein webbasiertes CMS läuft in der Regel auf dem Webspace und wird per Browser bedient. So lassen sich Inhalte unabhängig vom Aufenthaltsort pflegen. Einzige Voraussetzungen sind ein Internetanschluss und ein Browser. Diese Kriterien geben Ihnen einen ersten Anhaltspunkt, ob ein CMS sich lohnen könnte. Der Übergang von»nein«über»vielleicht«bis zu»ja, sicher«ist fließend, aber wenn mehrere Mitarbeiter an verschiedenen Orten die Inhalte einer eher großen Site aktualisieren sollen, ist die Lage ziemlich eindeutig. Für Semiprofis und Agenturen beschleunigt ein CMS schlicht und einfach die Erstellung von Prototypen, Klickmodellen und ganzen Sites. 1.1.2 Contao unterstützt Sie bei Inhalt, Gestaltung und Funktionen Contao ist ein schlankes, aber leistungsfähiges und einfach erweiterbares Content-Management-System, das relativ leicht zu lernen ist und sich für kleine, mittlere und auch ziemlich große Websites eignet. Bei der Erstellung und der anschließenden Verwaltung einer Website müssen Sie sich über drei Bereiche Gedanken machen: Inhalte, Gestaltung und Funktionen. Contao unterstützt Sie in allen drei Bereichen: Inhalt Content ist der Grund, warum Besucher auf eine Website kommen. Contao vereinfacht die Verwaltung der Inhalte mit einer übersichtlichen Baumstruktur, dem genialen Konzept der Inhaltselemente und nützlichen Erweiterungen, z. B. für Nachrichten oder Termine. Gestaltung Layout. Design. Das Aussehen einer Website. Contao unterstützt Sie beim Layouten mit einem integrierten CSS-Framework und dem Theme Manager, mit dem Sie fertige Layouts importieren können. 26
Die Website zum Programm: www.contao.org 1.2 Funktionen sind die interaktiven Bestandteile einer Website: Suchfunktion, Kontaktformular, Kommentarfunktion und vieles mehr. Contao bietet zahlreiche vorgefertigte Module, die Sie nur noch konfigurieren und einbinden müssen. Contao ist also nicht nur ein hervorragendes Content-Management-System, sondern unterstützt Sie bei der Erstellung und Verwaltung der gesamten Website. Klingt gut? Ist gut. Los geht s. 1.2 Die Website zum Programm: www.contao.org Contao ist eine Erfindung des Programmierers Leo Feyer aus München und ein noch recht junges System. Abbildung 1.1»www.contao.org«die zentrale Anlaufstelle für Contao Die erste Version erschien vor wenigen Jahren, am 28. Februar 2006, unter dem Namen TYPOlight. Der Grund für die im Juni 2010 erfolgte Umbenennung waren zwei chronische Missverständnisse, die immer mehr zu einem Ärgernis wurden: TYPOlight war keine abgespeckte Version von TYPO3. Das light stand nicht für einen geringen Funktionsumfang. 27
1 Das ist Contao Unter dem neuen Namen Contao wächst und gedeiht das Projekt und gewinnt nicht zuletzt dank der guten Pflege des engagierten Core-Teams eine immer größere Fangemeinde. Erste Anlaufstelle für Contao im Web ist: http://www.contao.org/ Auf dieser mehrsprachigen Website können Sie alles rund um Contao Entdecken, Herunterladen, Verstehen, Erweitern und Nachfragen: 1.3 Ein paar Highlights von Contao In diesem Abschnitt möchte ich Ihnen zur Einführung ein paar Highlights von Contao zeigen, auch wenn diese nur einen unzureichenden Einblick in den Charme des Systems geben. Was Contao bei seiner stetig wachsenden Fangemeinde so beliebt macht, ist die Art und Weise, wie es Ihnen im Alltag bei der Erstellung und Pflege einer Website zur Hand geht, und das lässt sich nicht auf eine Liste besonderer Features reduzieren. Trotzdem folgen hier ein paar ausgewählte Highlights: Contao ist ein seitenbasiertes Content-Management-System. Anders als bei Blogsystemen wie WordPress, kategoriebasierten Systemen wie Joomla oder nodebasierten Programmen wie Drupal ist Contao ein seitenbasiertes CMS. Der Kern einer Contao-Installation ist eine hierarchisch aufgebaute Seitenstruktur. In diesem Seitenbaum können Sie Seiten mit wenigen Klicks verschieben, kopieren, bearbeiten, verstecken, mit einem Passwort schützen, zeitgesteuert veröffentlichen und vieles mehr. Komfortable Editierfunktionen Es macht richtiggehend Spaß, mit Contao Inhalte zu verwalten. Sie können Inhaltselemente, Artikel und Seiten via Zwischenablage kopieren und verschieben, mehrere Datensätze auf einmal bearbeiten (genial, wenn es man es einmal entdeckt hat) und ältere Versionen mit einem Klick wiederherstellen. Alles geht locker von der Hand. Auch nicht webaffine Redakteure können dank der leicht zu verstehenden Inhaltselemente gut aussehende Bildergalerien, Tabellen oder andere Inhaltstypen erstellen. Und zum Schreiben von Texten gibt es mit dem TinyMCE einen hervorragend integrierten WYSIWYG-Editor, dem man sogar Vorlagen für komplexe HTML-Strukturen mit auf den Weg geben kann. Barrierefrei in Front- und Backend Contao erzeugt nicht irgendwelche seltsamen unmotivierten HTML-Strukturen oder Layout-Tabellen und ermöglicht so die Erstellung einer barrierefreien 28
Ein paar Highlights von Contao 1.3 Website. Der Webdesigner hat mithilfe von Templates die volle Kontrolle über den erzeugten Quelltext und kann somit eine barrierefreie Website erstellen. Aber auch das Backend ist barrierefrei. Der geschickte Einsatz von Technologien wie Ajax sorgt im Backend für hohen Bedienkomfort, aber auch ohne JavaScript lässt sich das Backend problemlos bedienen. Schlanker Kern, viele Erweiterungen Wichtige Module wie Nachrichten, Kalender (jeweils mit RSS-Feeds) und Newsletter sind in den Kern von Contao integriert und stehen sofort nach der Installation zur Verfügung. Zusätzlich gibt es im zentralen Erweiterungskatalog Hunderte von Erweiterungen, die die Funktionalität des Kerns beliebig erweitern und sich komfortabel aus dem Backend heraus installieren lassen. Ein integriertes CSS-Framework oder doch lieber eigene Styles? Contao hat ein gut durchdachtes, integriertes CSS-Framework, mit dem Sie sehr einfach statische oder flexible mehrspaltige Seitenlayouts erstellen können. Sie können aber auch mit komplett eigenen Styles oder anderen CSS-Frameworks arbeiten. Mit Themes blitzschnell das Aussehen ändern Ein Theme bestimmt das Aussehen einer Website und kann mit wenigen Klicks verändert werden. Der Theme-Installer von Contao perfektioniert die Trennung von Inhalt und Gestaltung. Ohne dass Sie den Inhalt verändern, bekommt eine Website im Nu ein neues Kleid. Detaillierte Rechte- und Benutzerverwaltung Für Websites, an denen mehrere Personen arbeiten, wird die umfangreiche Benutzerverwaltung von Contao wichtig. Geschützte Bereiche mit Kunden- Login sind ebenso leicht zu realisieren wie ein schlankes Backend für Redakteure. Jeder sieht nur das, was er sehen soll, bis hinunter zu einzelnen Formularfeldern in Eingabemasken. Einfaches Live Update Nach der Site ist vor der Site. Um aktuelle Installationen auf dem Laufenden zu halten, kann Contao entweder manuell oder über ein bequemes Live Update aktualisiert werden. Dieser Service ist zwar nicht kostenlos, aber so günstig, dass er sich wirklich für fast alle Sites lohnt. Mehrsprachigkeit und Multi-Domain Man kann mit einer Contao-Installation sowohl mehrere Websites betreiben als auch eine Website in mehreren Sprachen. Oder mehrere Websites in mehreren Sprachen. 29
Index $this->framework 186, 188 $this->head 188 $this->stylesheets 188.htaccess 85, 89, 440, 441, 443 RewriteBase 441 <!--indexer::stop--> 150 <meta name= 449, 450, 451 A Ablage leeren 133 Admin-Passwort vergessen 386 Apache Webserver Arbeitsbereich (Backend) 104 Artikel als PDF speichern 261 Artikel-Einstellungen 143, 261 auf Facebook empfehlen 261 auf Twitter empfehlen 261 ausdrucken 261 im Seitenlayout einbinden 146 in Online-Demo 42 B Backend Arbeitsbereich 104 Aufbau 34, 102 Backend-Module deaktivieren 371 Benutzereinstellungen 102 Benutzerpasswort ändern 102 Benutzerverwaltung 459, 479 Dateiverwaltung 108 in Online-Demo 33 Infobereich 102 Navigationsbereich 103 Persönliche Daten ändern 102 Seitenstruktur 35, 117, 123, 195 Systemeinstellungen 105 Task-Center 480 Tastenkürzel 104 Vorschaubilder ausstellen 111 Backend-Module 103, 128 Backups erstellen 501 Bearbeitung mehrerer Datensätze 169, 198, 365, 427, 446, 449, 468, 493 Benutzer 479 Begrüßungsmail 489 Benutzer einrichten 485 in Online-Demo 46 Rechtevererbung 486 und Zugriffsrechte 491 Unterschied zu Mitgliedern 459 Benutzerfunktionen Daten bereinigen 501 Rückgängig 36 Benutzergruppe Ausgenommene Felder 484 erlaubte Module freigeben 480 Page- und Filemounts 481 Rechte für Erweiterungen 483 Zugriffsrechte setzen 491 Benutzerrechte vs. Gruppenrechte 487 Bild-Einstellungen 250 An Rahmen anpassen 250 Exaktes Format 250 Proportional 250 Bilder Bild-Einstellungen 250 Maximale Frontend-Breite 252 Bildergalerie Bildunterschriften 256 erstellen 252 HTML-Struktur 255 Blog 336, 370 C Cache Browser-Cache löschen 497 Cache-Modus wählen 497 Cachezeit festlegen 498 Daten bereinigen 499 CAPTCHA 314 chmod 97, 98 chown 97 CMS 25 Funktionsweise 52 und URLs 438 529
Index Contao Backups erstellen 501 Bedeutung des Namens 25 CSS-Framework 184 Dateiverwaltung 108 Downloadseite 71 Erweiterungen installieren 112 Erweiterungsliste 112 geeigneter Webspace 83 Insert-Tags (Übersicht) 523 Live Update 503 manuelles Update 504 Mehrere Websites 520 offline installieren 72 online installieren 82 Suchfunktion erstellen 317 Systemdiagnosetool 83 Systemvoraussetzungen 71 Überblick Funktionsweise 47, 153, 193 und CSS (Fazit) 183 Content-Management-System CMS CSS absolute Positionierung 221 Dopplung von div 186 horizontal Dropdown 209 horizontal zweite Ebene 207 horizontale Navigation 206 overflow:hidden 191, 252 overflow-y 137 relative Positionierung 221 Reset-Stylesheets 167 Style-Block im 188 und Contao (Fazit) 183 vertikale Navigation 174, 201 CSS Stylesheets CSS-Framework 155, 184 CSS-Klassen Events 377, 380 CSS-Klassen FAQ 386 CSS-Klassen Formulare 304 CSS-Klassen Framework block 190, 207, 252 clear 191 inside 190 invisible 191 CSS-Klassen Inhaltselemente ce_comments 360 ce_image 249 ce_table 270 ce_text 233 CSS-Klassen Inhaltselemente (Forts.) ce_toplink 259 image_container 246 CSS-Klassen Kalender 377, 380 CSS-Klassen Module mod_article 233 mod_articlenav 229 mod_booknav 228 mod_breadcrumb 228 mod_customnav 217 mod_eventreader 383 mod_lostpasswort 476 mod_navigation 149 mod_personaldata 477 mod_quicklink 226 mod_quicknav 227 mod_sitemap 224 Navigationsmenü 201 submenu 201 trail 201 CSS-Klassen Nachrichten 368, 369 CSS-Klassen Newsletter 396 CSS-Klassen Sonstige external (für Links) 243 float_left 246 pagination 343 pdf_link 262 seitenanfang 235 CSV-Datei importieren 267 D Dateiberechtigungen 97 Dateimanager Dateiverwaltung Dateiverwaltung 108 Dateien hochladen 110 Ordner erstellen 109 Datenbank erstellen 68, 73, 86 exportieren (SQL-Dump) 94 importieren (SQL-Dump) 95 Kollation 78 Tabellen anlegen 78 dcaconfig.php 355, 502, 508, 514 DocumentRoot 62 Double Opt-In 398 530
Index E Entwicklungsumgebung XAMPP Erweiterungen [BackupDB] 112, 501 [changelanguage] 522 [clearlog] 496 [conditionalselectmenu] 316 [csseditor] 171 [dlh_googlemaps] 516 [dlstats] 475 [easy_themes] 436 [efg] 316 [fastedit] 262 [FavIcon] 438 [folderurl] 445 [helpmessage] 316 [PiwikTrackingTag] 497 [pluginmp3] 284 [TwitterReader] 418 FAQ 384 Formulargenerator 289 Kalender 371 Nachrichten 335 Newsletter 389 zur Mitgliederverwaltung 477 Erweiterungen auf contao.org 112 Erweiterungen installieren 112 Events Kalender Extension Repository Erweiterungen auf contao.org F Facebook 261 FancyUpload 111 FAQ 384 FavIcon einbinden 438 fe_page.tpl 148, 184, 519 Feed für Nachrichten 356 Fehlermeldungen 403 Forbidden 455 404 Not found 453 No layout specified 124 No pages found 117, 120 Parse error 92 Filemount 481 Firefox Browser-Cache löschen 497 Sprache einstellen 120 Tastenkürzel ändern 105 Formatdefinitionen Styles Formulare Abhängiges Select-Menü 316 Anmeldeformular gestalten 470 im Contao-Forum 316 Quicktipps 316 Formularfelder Checkbox-Menü 309, 312 Datei-Upload 313 Erklärung 305 Fieldset 306 Passwortfeld 306 Radio-Button-Menü 309 Select-Menü 307 Sicherheitsabfrage 314 Überschrift 305 Übersicht 304 Formulargenerator 289 Frontend 32 HTML-Grundgerüst 127, 184 Online-Demo 32 Frontend-Modul Module Frontend-Module Module Frontend-Template 80, 147 Frontend-Vorschau 127, 348, 470 FTP-Modus 87 Funktionen Feed abonnieren 356 Kommentarfunktion 358 Kontaktformular 289 Suchfunktion 317 G Google Google Analytics 496 Google Maps 515 Google-Konto 456, 496, 517 Maps API-Key 517 Webmaster-Tools 456 Grids (Layoutraster) 184 Gruppenrechte 487 531
Index H Hard Limit 199 haslayout 192 htdocs 62 HTML div-struktur 127, 184 embed 283 h1 oder h2 237 iframe 283 meta-elemente 450 title 447 HTTP Request und Response 451 Status Codes 452 I Inaktive Backend-Module 371 Infobereich (Backend) 102 Inhaltselemente Akkordeon 272 Artikel 287 Artikel-Teaser 287 Aufzählung 286 Bild 247 Code 284 Download 288, 473 Downloads 288, 473 Formular 288, 298 Galerie 252 HTML 282 Hyperlink 261 in Online-Demo 43 Inhaltselement 287 Kommentar 287 Modul 287 Tabelle 265 Text 144, 237, 280 Top-Link 258 Überschrift 234 initconfig.php 502 Insert-Tags (Übersicht) 523 Installation.htaccess fehlt 85 Admin-Konto anlegen 80 Datenbanktabellen anlegen 78 Datenbankverbindung prüfen 77 FTP-Zugangsdaten eingeben 89 Installation (Forts.) Live Update 503 manuelles Update 504 Offline 72 Offline SMH umgehen 91 Online 82 Passwort für Installtool 74 Potenzielle Probleme 74, 87, 92, 93 Systemdiagnosetool 83 Systemvoraussetzungen 71 Überblick Online-Installation 86 Umzug auf Online-Webspace 94 Verschlüsselungschlüssel 76 Installtool FTP-Zugangsdaten eingeben 89 Passwort ändern 74 Passwort vergessen 507 schützen 75 K Kalender 371 Kategorien (Backend) 169 Kollation 78 Kommentare 287, 358 Kontaktformular erstellen 289 L langconfig.php 502, 509 Layoutbereiche eigene erstellen 518 Übersicht 128 Lightbox 245 localconfig.php 502, 507 M Mediabox 245 Mehrere bearbeiten 169, 198, 365, 427, 446, 449, 468, 493 Mehrsprachige Website 521 meta.txt 256 Metanavigation 215 Mitglieder 459 An- und Abmeldung 468 Mitgliederregistrierung 477 Passwort vergessen 475 Persönliche Daten ändern 477 532
Index Mitglieder (Forts.) Unterschied zu Benutzern 459 Mitglieder einrichten 461 Mitgliedergruppen 461 Mitgliederverwaltung 475 mod_cache 442 mod_rewrite 440 Module 37 Artikelnavigation 195, 229 Automatischer Logout 465 Buchnavigation 195, 228 Definition 128 Eigener HTML-Code 132, 465 für Kopf- und Fußbereich 132 Individuelle Navigation 195, 215 Login-Formular 464 Navigationsmenü 38, 194, 199, 212 Navigationsmodule 194 Navigationspfad 195, 227 Passwort vergessen 475 Persönliche Daten 477 Quicklink 195 Quicknavigation 195 Sitemap 195 Modultemplates 148 MooTools moo_accordion 273 moo_accordion_active 279 moo_analytics 496 moo_mediabox 126 MP3 einbinden 284 Multi-Domain 522 Music Academy Dateien entfernen 81 Online-Demo 31 MySQL 66 Datenbank erstellen 68 Datenbanken in Ordnern 66 Passwort für root 58 und phpmyadmin 68 und SQL 67 N Nachrichten 335 Anzahl Beiträge pro Seite 343 Archiv erstellen 337 Beitrag erstellen 338 Beitrag in Einzelansicht 341 Nachrichten (Forts.) Meta-Info unterm Beitrag 353 Teaser anzeigen 343 Übersicht 336 Navigation basiert auf Seitenstruktur 35 Breadcrumb 227 Buchnavigation 228 Dropdown mit MooTools 211 horizontal und vertikal 211 horizontal zwei Ebenen 203 Metanavigation 215 Navigationspfad 227 Sitemap 221 vertikal zwei Ebenen 197 Navigationsbereich (Backend) 103 Newsletter 389 abonnieren 398 Double-Opt-In 398 Frontend-Module 396, 399 im Frontend anzeigen 395 kündigen 398 newsletter.css 397 O Online-Demo Artikel 42 Backend 33 Inhaltselemente 43 Module 37 Rechtesystem im Backend 46 Seitenlayout 38 Seitenstruktur 35 Stylesheets 41 Themes 36 P Pagemount 481 Paginierung 343 Passwort vergessen für Admin-Konto 386 für Installtool 507 für Mitglieder 475 PDF 261 PHP 63 als CGI 64 als Modul 64 533
Index phpinfo() 65 phpmyadmin 68 aufrufen/starten 68, 69 Datenbank erstellen 68, 73, 86 Piwik 497 R RewriteBase 441 RewriteRule 442 Rich Text Editor (RTE) TinyMCE RSS-Feed 356 S Safe Mode Hack (SMH) 87, 89, 99 Safe Mode Hack FTP-Modus Seitenalias 445 Seitenlayouts in Online-Demo 38 neu erstellen 126 tinymce.css ignorieren 511 und CSS-Framework 188 zweispaltig 402 Seitenname 445 Seitenstruktur 117 Beispielsite erweitern 122, 195 Cachezeit festlegen 498 drei Klick-Tipps 123 im Menü verstecken 198 in Online-Demo 35 und Navigation 35 Seitentemplates 148, 519 SEO 437 Google Sitemap 456 Seitentitel definieren 447 URLs umschreiben 438 Website-Boosting 437 Servicenavigation Metanavigation Sicherheit 777 ist keine gute Idee 99 Hinweise zu Themes 434 Installtool schützen 75 Spamschutz 314 XAMPP Sicherheitscheck 57 Sitemap 456 Slimbox 245 Sortierbare Tabelle 271 Spamschutz 314 Sprachen-Fallback 119 SQL 67 Startlevel 199 Startpunkt einer Website 118 Statische Webseiten 51 Stoplevel 199 Styles 135 Stylesheets 155 basic.css (Reset) 162 Conditional Comments 135 Das CSS-Framework 155, 184 im Backend bearbeiten 135 im Seitenlayout einbinden 137 in Online-Demo 41 Integration in Seitenlayouts 519 intern und extern 182 intern vs. extern 156 Internes Stylesheet erstellen 134 newsletter.css 397 system/contao.css 190 system/iefixes.css 191 tinymce.css 510, 511 und Contao (Fazit) 183 Stylesheets, extern im Seitenlayout einbinden 180 Integration in Seitenlayouts 181 Möglichkeiten Bearbeitung 177, 179 Vorgehensweise 177 zusammen mit intern 182 Stylesheets, intern [csseditor] und Firebug 173 CSS importieren 162 CSS-Dateien bereinigen 499 Einschränkungen 159, 165, 173 Erweiterung [csseditor] 171 extern bearbeiten 173 Funktion Filtern 169 Funktion Suchen 168 im Backend bearbeiten 156 Integration in Seitenlayouts 161 Styles ausblenden 176 Tipps zum CSS-Editor 160, 167 zusammen mit extern 182 Subtemplates 148 Suchfunktion 317 Suchindex neu aufbauen 500 Suchmaschinenoptimierung SEO Suchsyntax 334 Syndikation 261 534
Index SyntaxHighlighter 284 Systemcheck Systemdiagnosetool Systemdiagnosetool 83, 100 Systemeinstellungen 105 Anmeldedauer 108 Cache-Modus 497 Dateien hochladen 111 Datums- und Zeitformat 107 Inaktive Backend-Module 371 Maximale Frontend-Breite 252 Speicherzeiten 108 Titel der Webseite 106 Verschlüsselungsschlüssel 76 Zugriffsrechte (Standard) 492 System-Log 495 System-Log löschen 496 Systemvoraussetzungen 71 Systemwartung Daten bereinigen 499, 501 Suchindex neu aufbauen 500 T Task-Center 480 Teaser bei Nachrichten mit TinyMCE 355 Bilder hinzufügen 353 für Artikel 408 für Nachrichten 343, 345, 348, 350 Meta-Info unterhalb 353 Templates Definitionen 147 moo_accordion_active 279 nav_default.tpl 149, 152, 217 Text ein- und ausblenden 272 Textbausteine erstellen 511 Theme-Manager 421 Themes 421 [easy_themes] 436 aktivieren in Seitenlayouts 427 anpassen 428 cto-datei 423 Das Cover-Theme 425 enthaltene Komponenten 421 exportieren 422 Fehler nach Importieren 428 importieren 426 In Artikeln eingebundene Module 430 in Online-Demo 36 Themes (Forts.) neu erstellen 124 nicht enthalten 424 Sicherheitshinweise 434 Symbole zur Bearbeitung 125 und mehrere Websites 436, 522 TinyMCE 238 CSS-Klassen anzeigen 510 für Nachrichtenteaser 355 HTML-Elemente markieren 239 Hyperlinks erstellen 240 im Überblick 238 in dcaconfig.php 355, 514 Symbolleisten anpassen 512 Textbausteine 511 Textgröße Editorfenster 511 tiny_templates 511 Vorlagen (Templates) 511 tinymce.css 510, 511 tinymce.php 513 Twitter 261, 418 U URLs umschreiben 438 URL-Suffix 445 V Videos einbinden 280 W Webseite vs. Website 107 Webserver 62 Antwortnummern 451 DocumentRoot 62 error.log 63 Fehler 404 - Nicht Gefunden 452 htdocs 62 mod_rewrite 440 startet nicht 56 Statuscodes 451 testen 56 und PHP 64 Website-Boosting 437 Website-Template Frontend-Template Webspace erkunden mit phpinfo() 65 535
Index Webspace (Forts.) prüfen 83 WYSIWYG-Editor TinyMCE X XAMPP 51 Control Panel 54 Installation 53 ist Offline-Webspace 51 Sicherheit testen 60 Sicherheitscheck 57 Übersicht 69 Umzug auf Online-Webspace 94 Verzeichnis schützen 60 Webserver testen 56 XML Feed-Datei 356 XML (Forts.) XML-Dateien bereinigen 499 XML-Sitemap (Google) 456 Y YAML 184, 519 Z Zugriffsrechte für Seiten und Artikel 491 in Systemeinstellungen 492 Linux 97 Übersicht anzeigen lassen 493 Unterschied zu Zugriffsschutz 491 Zugriffsschutz 471, 491 für Downloads 471 536