Contao, m. CD-ROM

... 121TEIL II Die erste Website mit Contao ... 123 5. Ein kurzer Rundgang im Backend ... 125 5.1 ... Überblick: die wichtigsten Bereiche im Backend ... 125 5.2 ... Das Backend-Modul »System . Einstellungen« ... 131 5.3 ... Der Dateimanager: »System . Dateiverwaltung« ... 134 5.4 ... Der Erweiterungskatalog und die Erweiterungsverwaltung ... 140 6. Die ersten Schritte zur eigenen Website ... 143 6.1 ... »Keinen Startpunkt gefunden« -- die Seitenstruktur erstellen ... 144 6.2 ... »Kein Layout angegeben« -- Theme und Seitenlayout erstellen ... 150 6.3 ... Frontend-Module für den Kopf- und den Fußbereich ... 155 6.4 ... Der erste Artikel und zwei Inhaltselemente ... 158 6.5 ... Ein Frontend-Modul für die Navigation: »Nav -- Main« ... 166 6.6 ... Ein kurzer Blick in den Quelltext ... 170 6.7 ... Templates erstellen das HTML für den Quelltext ... 172 6.8 ... Das Contao-Prinzip: altogether now ... 180 7. Contao und CSS: Webseiten gestalten ... 183 7.1 ... Übersicht: Contao und CSS ... 183 7.2 ... Das erste Stylesheet erstellen ... 185 7.3 ... Grundlegende Gestaltung der Beispielsite ... 197 7.4 ... Der CSS-Editor von Contao im Überblick ... 208 7.5 ... Tipps zur Arbeit mit internen Stylesheets ... 215 7.6 ... CSS mit externen Stylesheets in Contao ... 221 8. Navigationen erstellen in Contao ... 225 8.1 ... So funktioniert Contao: Seiten, Module und Artikel ... 225 8.2 ... Die Navigationsmodule von Contao im Überblick ... 226 8.3 ... Die Seitenstruktur der Beispielsite erweitern ... 228 8.4 ... Eine vertikale Navigation mit zwei Ebenen ... 231 8.5 ... Eine horizontale Dropdown-Navigation ... 237 8.6 ... Horizontale und vertikale Navigation zusammen ... 244 8.7 ... Meta-Navigation: eine »Individuelle Navigation« ... 245 8.8 ... Sitemap: das Inhaltsverzeichnis der Website ... 250 8.9 ... Weitere Navigationsmodule im Überblick ... 255 9. Inhaltselemente für Texte und Bilder ... 261 9.1 ... Artikel und Inhaltselemente im HTML-Quelltext ... 261 9.2 ... Das Inhaltselement »Überschrift«: »ce_headline« ... 263 9.3 ... Das Inhaltselement »Text«: »ce_text« ... 266 9.4 ... Das Inhaltselement »Text« mit einem Bild erweitern ... 272 9.5 ... Das Inhaltselement »Bild«: »ce_image« ... 279 9.6 ... Das Inhaltselement »Galerie«: »ce_gallery« ... 285 9.7 ... Das Inhaltselement »Top-Link«: »ce_toplink« ... 294 9.8 ... Syndikation: Drucken, PDF, Facebook, Twitter und G+ ... 29810. Weitere nützliche Inhaltselemente ... 303 10.1 ... Das Inhaltselement »Tabelle«: »ce_table« ... 303 10.2 ... Das Inhaltselement »Akkordeon«: »ce_accordion« ... 312 10.3 ... Externe Videos auf Webseiten einbinden ... 323 10.4 ... Das Inhaltselement »Video/Audio«: »ce_player« ... 328 10.5 ... Das Inhaltselement »Markdown«: »ce_markdown« ... 330 10.6 ... Weitere Inhaltselemente im Überblick: Code und Co. ... 334TEIL III Formulare und Core-Erweiterungen ... 33911. Kontakt: der Formulargenerator von Contao ... 341 11.1 ... Ein Kontaktformular für die Beispielsite erstellen ... 341 11.2 ... Das Kontaktformular gestalten ... 354 11.3 ... Formulardaten auf der Seite »Vielen Dank« ausgeben ... 360 11.4 ... Formularfelder: die Feldtypen im Formulargenerator ... 36212. Suchfunktion: die Beispielsite durchsuchen ... 375 12.1 ... Die Suchfunktion im Überblick ... 375 12.2 ... Die Seite »Suchen«: Suchformular und -ergebnisse ... 376 12.3 ... Ein einfaches Suchformular im Kopfbereich ... 384 12.4 ... Alternative: ein flexibleres Suchformular ... 390 12.5 ... Die Syntax der Suchfunktion im Überblick ... 39613. Bloggen: die Erweiterung »Nachrichten« ... 397 13.1 ... Übersicht: die Zutaten für das Nachrichtensystem ... 398 13.2 ... Das »Newsarchiv«: Beiträge erstellen ... 399 13.3 ... Teaser und Beiträge im Frontend ausgeben ... 406 13.4 ... HTML und CSS: Teaser und Beiträge gestalten ... 416 13.5 ... Bilder zu Teasern und Beiträgen hinzufügen ... 422 13.6 ... RSS-Feeds zum Abonnieren der Beiträge erstellen ... 425 13.7 ... Interaktion mit Besuchern: die Kommentarfunktion ... 428 13.8 ... Navigation: Beiträge monatsweise auswählen ... 435 13.9 ... Know-how: Nachrichten, Modultypen und Templates ... 44414. Die Core-Erweiterungen »Events« und »FAQ« ... 447 14.1 ... Terminverwaltung: die Erweiterung »Events« ... 448 14.2 ... Einen neuen Kalender erstellen ... 449 14.3 ... Der noch ungestaltete Kalender im Überblick ... 455 14.4 ... Das HTML für Kalender und Events ... 457 14.5 ... Das CSS zum Gestalten eines Kalenders ... 460 14.6 ... Die FAQ-Erweiterung: häufig gestellte Fragen ... 46415. Die Core-Erweiterung »Newsletter« ... 469 15.1 ... Die Zentrale: das Backend-Modul »Newsletter« ... 471 15.2 ... Newsletter im Frontend anzeigen ... 478 15.3 ... Newsletter im Frontend abonnieren und kündigen ... 48016. Ein neues Seitenlayout für die Startseite ... 485 16.1 ... Der Start: Ein neues Seitenlayout für die Startseite ... 486 16.2 ... Newsbeiträge und Termine als Liste auf der Startseite ... 488 16.3 ... Sidebar, Teil 1: ein zufällig ausgewähltes Bild ... 495 16.4 ... Sidebar, Teil 2: der Minikalender ... 498 16.5 ... Sidebar, Teil 3: Lesetipps als Dropdown-Menü ... 502 16.6 ... Sidebar, Teil 4: Newsletter abonnieren ... 504 16.7 ... Sidebar, Teil 5: ein Content-Slider in der Sidebar ... 506TEIL IV Contao »responsiv« und »mobil« ... 51517. Das CSS-Framework von Contao ... 517 17.1 ... Das CSS-Framework von Contao im Überblick ... 517 17.2 ... XHTML 1.0, HTML5 und Contao ... 520 17.3 ... Die HTML-Struktur: das Seitentemplate »fe_page« ... 524 17.4 ... CSS-Framework, Teil 1: »layout.css« ... 531 17.5 ... CSS-Framework, Teil 2: »responsive.css« ... 536 17.6 ... CSS-Framework, Teil 3: »reset.css« ... 538 17.7 ... CSS-Framework, Teil 4: »form.css« ... 541 17.8 ... Contao, der interne CSS-Editor und CSS3 ... 545 17.9 ... Know-how: So funktioniert der Holy Grail ... 54918. Die Beispielsite wird responsiv ... 559 18.1 ... Responsives Webdesign und Contao ... 559 18.2 ... Bestandsaufnahme: Die Beispielsite ... 563 18.3 ... Die responsive Navigation im Überblick ... 567 18.4 ... Die Navigation für kleine Viewports erstellen ... 569 18.5 ... Das Layout für kleine Viewports optimieren ... 583 18.6 ... Die Inhalte für kleine Viewports optimieren ... 58719. Mobile Seitenlayouts und 12Spalten Grid ... 599 19.1 ... Mobile Seitenlayouts und responsives Webdesign ... 599 19.2 ... »Music Academy«: Mobile Seitenlayouts in Aktion ... 602 19.3 ... Mobile Seitenlayouts für die »Beispielsite Contaobuch« ... 609 19.4 ... Gridlayouts mit dem 12-Spalten Grid von Contao ... 612 19.5 ... Das CSS zum 12-Spalten Grid ... 618TEIL V Systemverwaltung ... 62320. SEO: die Optimierung für Suchmaschinen ... 625 20.1 ... Lesbare Adressen: URLs umschreiben ... 626 20.2 ... Flache oder Ordner-URLs -- Contao kann beides ... 633 20.3 ... Seitenalias, Seitentitel und Seitenbeschreibung optimieren ... 637 20.4 ... Abfangjäger: 404 und 403 ... 644 20.5 ... Eine XML-Sitemap für Google & Co. ... 65021. Mitglieder: im Frontend angemeldete Besucher ... 653 21.1 ... Mitglieder und Benutzer: der Unterschied ... 653 21.2 ... Mitgliedergruppen und Mitglieder einrichten ... 655 21.3 ... Seiten für die An- und Abmeldung erstellen ... 656 21.4 ... Frontend-Module für die An- und Abmeldung erstellen ... 658 21.5 ... Die erstellten Module einbinden ... 663 21.6 ... Die Frontend-Module gestalten ... 667 21.7 ... Einen geschützten Downloadbereich einrichten ... 670 21.8 ... Weitere Möglichkeiten zur Mitgliederverwaltung ... 67622. Benutzer: im Backend angemeldete Mitarbeiter ... 679 22.1 ... Benutzerverwaltung: die Übersicht ... 679 22.2 ... Die Benutzergruppe »Redakteure -- Nachrichten« ... 681 22.3 ... Die Benutzerin »Helen Lewis« einrichten ... 686 22.4 ... Die Benutzergruppe »Redakteure -- Artikel« ... 690 22.5 ... Zugriffsrechte für Seiten und Artikel setzen ... 69323. Wartung: die Website im Alltag ... 697 23.1 ... Das »System-Log« schreibt mit ... 697 23.2 ... Die »Systemwartung« im Überblick ... 698 23.3 ... Den »Cache-Flow« in Contao kontrollieren ... 703 23.4 ... Backups erstellen: Datenbank und Dateien sichern ... 705 23.5 ... Updates: die Versionsnummern von Contao ... 707 23.6 ... Der »Live Update«-Service im Backend von Contao ... 711 23.7 ... Das manuelle Update per FTP ... 713 23.8 ... Webstatistiken mit Google Analytics und Piwik ... 71524. Themes und Frontend-Templates ... 717 24.1 ... Ein Theme bestimmt das Aussehen der Website ... 717 24.2 ... Einige Quellen für Contao-Themes ... 721 24.3 ... Die Beispielsite im Look der »Music Academy« ... 724 24.4 ... Über die Anpassung von Themes ... 728 24.5 ... Frontend-Templates: Theme plus Seiten, Inhalte und Benutzer ... 731 24.6 ... Sicherheitshinweise (nicht nur für Contao) ... 733TEIL VI Tipps und Tricks ... 73525. Tipps und Tricks bei der Arbeit mit Inhalten ... 737 25.1 ... Text im Fußbereich mit dem TinyMCE pflegen ... 737 25.2 ... Recycling: Inhalte auf mehreren Seiten wiederholen ... 740 25.3 ... Artikelteaser auf Übersichtsseiten ... 742 25.4 ... Mehrere Artikel auf einer Seite ... 748 25.5 ... Die Erweiterung für Google Maps: [dlh_googlemaps] ... 75126. Tipps und Tricks zur Systemverwaltung ... 757 26.1 ... Tipps und Tricks zum TinyMCE ... 757 26.2 ... Layouts für Fortgeschrittene ... 761 26.3 ... Die Systemkonfiguration: »localconfig.php« ... 766 26.4 ... Die Sprachkonfiguration: »langconfig.php« ... 767 26.5 ... Infos zu Datenbanktabellen: »dcaconfig.php« ... 770 26.6 ... Mehrere Websites in einer Contao-Installation ... 772 26.7 ... Die Inserttags im Überblick ... 77627. Einige Erweiterungen von Drittanbietern ... 785 27.1 ... Nützliche Helfer im Backend ... 785 27.2 ... Kleine Erweiterungen für das Frontend ... 788 27.3 ... Isotope, MetaModels und ungefähr 1.632 weitere Erweiterungen ... ... 790 27.4 ... Ausblick: Erweiterungsverwaltung wird Composer ... 792 Index ... 795