Einstieg in TYP03 4.2

Transkript

1 Andreas StöckI, Frank Bongers Einstieg in TYP Inkl. Einführung in TypoScript Galileo Press

2 Inhalt Vorwort zur 3. Auflage Aufgaben eines Content Management Systems Kommerzielles Produkt vs. Open Source Hosting des CMS Installation, Wartung und Erweiterbarkeit des Systems Dokumentation des Systems Unterstützung durch Dienstleister Möglichkeit des lokalen Probebetriebs des CMS TYP03 als Web Content Management System Geschichte von TYP Positionierung von TYP Technische Hintergründe von TYP Systemvoraussetzungen von TYP Vergleich der Hostingmöglichkeiten für TYP Einfacher Provider-Account mit PHP und MySQL Spezialisierter TYP03-Hoster TYP03 auf eigenem Server 34 Installation von TYP Voraussetzungen für die Installation von TYP Installation von TYP Entpacken dertyp03-archive Starten des Installationsvorgangs Vorgehen nach Abschluss des Installationsvorgangs Konfiguration der Testinstallation Die Meldungen des Install Tools Überprüfung der Grundkonfiguration»Basic Configuration« Installation von ImageMagick Übergeben des ImageMagick-Pfads an das Install Tool Konfiguration von ImageMagick Prüfung der Unterstützung der Dateiformate 63 5

3 2.5.2 Prüfen der Grafikerzeugung im GIF- und PNG-Format Prüfen der Bildskalierungsfunktionen Prüfen der Funktionen zur Bildkombination Prüfen der GDLib-Effekte Finetuning mit»all Configuration« Beispiel: Anpassung zweier Werte für ImageMagick Konfigurationsdateien direkt bearbeiten Datei in typo3conf betrachten oder bearbeiten Sicherungskopien im Install Tool erzeugen Ein Blick auf localconf.php Änderung des Backend-Passworts Einstellung der deutschen Benutzeroberfläche Wahl der Backend-Sprache in den Benutzereinstellungen Download des Sprachpakets über den Extension Manager Überprüfung und Installation der Sprachpakete Sprachwechsel auf Benutzerebene DerTYP03-Seitenbaum Der TYP03-Seitenbaum als hierarchische Struktur Anlegen von neuen Seiten über das Kontextmenü der Weltkugel Eine weitere Seite anlegen Änderungen der Seiteneigenschaften Kontextmenüs und Shortcut-Buttons Das Kontextmenü eines Seitenelements Kontextmenüs vs. Shortcut-Buttons Manipulation des Seitenbaums Kopieren über das Kontextmenü Kopieren und Verschieben per Drag & Drop Löschen und Wiederherstellen von Seiten per Kontextmenü Rekursives Löschen und Kopieren Filtern der Seitenbaumansicht Eine Seite anzeigen Zusammenfassung 111

4 Inhalt 4.1 Das Konzept des TYP03-Templates Anlegen und Verwalten von Templates Aufbau des Template-Datensatzes Template-Setup mit dem Setup-Feld Erste Gehversuche in TypoScript Die eingebaute TypoScript-Referenz Das wrap-prinzip des TEXT-Objekts Mehr Komplexität durch Content-Objekt-Arrays COA Kopieren, Referenzieren und Löschen von Objekten in TypoScript Der Quelltext einer TYP03-Seite Vererbung eines TypoScript-Templates Erweiterungstemplates auf Unterseiten Der Template Object Browser Wechsel in den Template Object Browser Arbeit mit dem TypoScript Object Browser Einsatz von Konstanten Was versteht man unter Konstanten? Einsatz von Konstanten Der Constant Editor Der Template Analyzer Die Ansichtsmöglichkeiten im Template Analyzer Löschen von Templates oder Erweiterungstemplates Löschen über das Modul Web»Template Löschen über das Modul Web Liste Einbindung von Grafik-Ressourcen Erzeugen eines Div-Layouts Hinzufügen von CSS-Angaben Textressourcen - der Inhalt der Fußzeile als externe Datei Anlegen eines Inhaltselements Ausgabe des Inhaltselement in der Seite Erzeugen des Navigationsmenüs Einsatz von Konstanten zur Konfiguration Ein Exkurs in die statischen Designtemplates Ausblick 176 7

5 Inhalt 6 Seiteninhalte anlegen Erzeugen einer Sitestruktur mit dem Modul»Funktionen« Einführung in die Seiteninhaltstypen von TYP Seiteninhalt»Normaler Text«(CType: text) Setzen von Links im Seiteninhalt Seiteninhalt»Aufzählung«(CType: bullet) Seiteninhalt»Text mit Bild«(CType: textpic) Seiteninhalt»Bild«(CType: image) Seiteninhalt»Tabelle«(CType: table) Seiteninhalt»HTML«(CType: html) Seiteninhalt»Dateilinks«(CType: uploads) Erstellen eines Kontaktformulars Seiteninhalte sortieren, kopieren, löschen, referenzieren Referenzen mit Seiteninhalt»Datensatz einfügen« Zusammenfassung Backup von Seiten und Inhalten Export eines Seiten-Backups Import eines Seiten-Backups Export und Import eines Inhaltselements Export und Import einer kompletten Site Zusammenfassung Einstieg in Designvorlagen Von TypoScript zur HTML-Designvorlage Erzeugen einer HTML-Designvorlage Einbinden der Designvorlage Editieren der Vorlage im Fileadmin Anlegen und Bearbeiten einer Vorlage im HTML- Editor Platzhalter für Inhalte Marker-Positionsmarkierungen Subparts - Bereichsmarkierungen Subparts vs. Marker Die Rolle des Templates für die Designvorlage Einbinden der Inhalte per TypoScript Ablage der Vorlagendatei im Fileadmin-Bereich 257 8

6 Inhalt Ein Subpart für den zu bearbeitenden Bereich Einbinden des Stylesheets in die Designvorlage Ansprechen der Marker Zuweisen der Content-Objekte an Subparts und Marker Einfügen des Menüs in einen Marker Neues von CSS Styled Content Die Verwendung von styles.content.get Zuweisen der Inhalte des Seitenfußes Zusammenfassung Anpassung der Websitestruktur des Beispielprojekts Das Basisobjekt HMENU Das Property entrylevel von HMENU Textmenüs mit dem Objekttyp TMENU Einfaches Textmenü Textmenü mit Untermenü Weitere Zustände der Textmenüitems Eine Seite aus dem Menü ausblenden Erzeugen des Rootline-Menüs Das Property special von HMENU Das Property special.range von HMENU Gezielte Darstellung über Optionsplit Entfernen des Links für die aktuelle Seite Zusammenfassung und Ausblick Die neue Designvorlage Die neue Designvorlage in den Dateimanager laden Installation des Template Auto-parser Einsatz des Template Auto-parsers Konfiguration des Template Auto-parsers Konfiguration des PAGE-Objekts Die Quelltextausgabe des Template Auto-parsers Zuweisung bestehender Inhalte an die generierten Subparts Korrektur der zerstörten Sprunglinks Zuweisung weiterer Subparts 306 9

7 Inhalt Eine Sitemap für die Projektwebsite Ausgabe der Webseiten als XHTML Zusammenfassung und Ausblick Einrichtung weiterer Sprachen Anlegen der Sprachvariante in der Website Anlegen der Sprachvariante einer Seite Die Eingabemaske für eine alternative Sprache Inhalte zweisprachig anlegen Die Definition der Sprachauswahl im Template Mehrsprachige Menüs Konfiguration im Haupttemplate Zusammenfassung und Ausblick Erweiterung der Struktur der Website Einrichten eines Systemordners für FrontendBenutzer Anlegen von Frontend-Benutzern und FrontendBenutzergruppen Erfassungsmaske für Frontend-Benutzergruppen Erfassungsmaske für Frontend-Benutzer Ansicht des Systemordners im Modul»Liste« Konfiguration im TypoScript-Template Definieren der Zugriffsbeschränkung Das Login-Formular für Frontend-Benutzer Zusammenfassung und Ausblick Beispiel News Import und Installation des News-Moduls Anlegen des SysOrdners für Newsbeiträge Anlegen von Datensätzen im News-Ordner Anlegen eines Newsdatensatzes Einbindung des statischen Templates Einfügen des News-Plugins in die Startseite 325

8 Inhalt Seiten für Newsübersicht und Einzelmeldung Konfiguration des News-Plugins im TypoScript-Setup Beispiel Volltextsuche mit»indexed Search« Die Erweiterung Indexed Search Die Konfiguration der Ergebnisseite»Suche« Einschalten der Indexierung im Template Anbindung des Suchformulars der HTML-Designvorlage Überprüfung der Indexierung Spracheinstellung Formatierung der Ausgabe Externe Dateien indexieren 363 Zusammenfassung und Ausblick TYP03 - ein Mehrbenutzer-System Das Modul»Benutzer Administrator« Datensätze für Benutzer Benutzer und Benutzergruppen Benutzergruppe anlegen Benutzergruppen sind auch Datensätze Die Option»Zugrifflisten mit einschließen«benutzer anlegen Benutzer anlegen im Beispielprojekt Die Gruppe»Newsredakteure«im Beispielprojekt Backend-Anpassung für Newsredakteure Die Ansicht»Benutzerrechte« Bearbeiten der Nutzerrechte M i t neuen Rechten ins Backend Zusammenfassung und Ausblick Workspaces Versionierung Zusammenfassung und Ausblick

9 Inhalt 16.1 Installation der Erweiterung TemplaVoilä Einbinden einer HTML-Designvorlage mit TemplaVoilä Vorarbeiten - Anlegen eines SysOrdners und neuer Seiten Einbinden von TemplaVoilä ins TypoScript-Template Mapping der Dokumentvorlage Mapping des Dokumentkörpers Erstellen eines weiteren Bereichs Speichern des Mappings und Betrachten der Datenstruktur Fortführen des Mapping-Vorgangs Arbeiten mit dem TemplaVoilä-Template Zuweisen der TemplaVoilä-Datenstruktur an die Startseite Einbinden der Stylesheet-Datei Einfügen der Inhalte Flexible Content Elemente Zusammenfassung und Ausblick Die Bereiche des Backends Die Modulleiste Der Arbeitsbereich Der modulare Aufbau des Backends Die Modulgruppe Web Die Modulgruppe Datei (File) Die Modulgruppe Benutzerwerkzeuge (User Tools) Die Modulgruppe Admin-Werkzeuge Die Modulgruppe Hilfe (Help) Die Cache-Funktionen in der Arbeitsfensterleiste TypoScript-die Grundlagen Ähnlichkeiten und Unterschiede zu Programmiersprachen Operatoren in TypoScript

10 Inhalt Bedingungen (Conditions) Datentypen in TypoScript Die Objektmetapher von TypoScript Einteilung der Objekttypen Wertzuweisung an Objekt-Properties Bildung von Objektinstanzen Objektzugehörige Arrays Seiten definieren - das PAGE-Objekt TL-Objekt PAGE Erzeugen von Framesets - FRAME-Objekte TL-Objekt FRAMESET TL-Objekt FRAME Quelltextbeispiel: Frameset mit TypoScript Inhalt einbinden - Content-Objekte cobjectcoa cobjectfile cobject CONTENT cobject TEMPLATE cobject TEXT cobject HTML cobject IMAGE cobject IMAGE_RESOURCE Menüs erstellen - Menü Objekte Objekt HMENU ObjektTMENU Objekt TMENUITEM (NO, ACT, CUR, etc.) Quelltextbeispiel: Textmenü mit TypoScript Userkonfiguration - cobjekt EDITPANEL 486 A Installation von XAMPP 491 A.1 XAMPP unter Windows 491 A.1.1 Installation 492 A.1.2 Deinstallation 492 A.1.3 Steuerung von XAMPP unter Windows 493 A.1.4 Konfiguration derxampp-komponenten unter Windows 493 A.1.5 Das XAMPP Control Panel

11 Inhalt A.2 В С D E 14 XAMPP A.2.1 A.2.2 A.2.3 A.2.4 XAMPP A.3.1 A.3.2 A.3.3 A.3.4 unter Linux 495 Installation 497 Deinstallation 497 Steuerung von XAMPP unter Linux 497 Konfiguration der XAMPP-Komponenten unter Linux A.3 unter Mac OS X 498 Installation 499 Deinstallation 499 Steuerung von XAMPP unter Mac OS 499 Konfiguration der XAMPP-Komponenten unter Mac OS 500 A.4 Konfiguration und Sicherheitseinstellungen 500 A.4.1 Konfiguration und Statusanzeige 500 A.4.2 Sicherheitseinstellungen 501 A.5 Dokumentation von XAMPP 503 TYP03-Installer 505 B.1 Typo3Winstaller (Windows) 505 B.2 TYP03 WAMP (Windows) 507 B.3 LAMP Testsite (Linux) 509 B.4 TYP Quickstart für OS X 511 Backup mit phpmyadmin C.1 Was ist phpmyadmin? C.1.1 Spracheinstellung von phpmyadmin C.2 Dump der TYP03-Datenbank mit phpmyadmin C.2.1 Export der vollständigen TYP03-Datenbank C.3 Wichtige Tabellen der TYP03-Datenbank C.3.1 Export einer einzelnen Datenbanktabelle am Beispiel tt_content C.4 Einlesen eines Datenbank-Dumps bei Installation Onlineressourcen D.1 Onlineressourcen zu TYP03 D.2 Weitere Onlineressourcen Inhalt der Begleit-DVD E.1 Installation E.1.1 Windows E.1.2 Linux E.1.3 MacOS E.2 Dokumentation

12 Inhalt der Begleit-DVD E.3 Erweiterungen 535 E.3.1 Template Auto-parser 535 E.3.2 Volltextsuche 535 E.3.3 News 535 E.3.4 TemplaVoilä 536 E.4 Dateien_zum_Buch 536 Index 537 Inhalt der Begleit-DVD Die Begleit-DVD enthält ausgewählte Video-Lektionen aus dem Video-Training»Einstieg in TYP03 4.0«von Thomas Kötter. Installation unter Linux 9:56 Grafische Menüs einbinden 8:41 Menüs mit Rollover-Effekt 6:37 Workspaces & Versionierung 10:53 Einfacher Redaktions-Workflow 7:12 Komplexe Inhaltselemente (1) 12:39 Komplexe Inhaltselemente (2) 5:26 15