Auf einen Blick. 1 TYPO3 - ein Open-Source-CMS 21 2 Installation von TYPO Seiten anlegen Einstieg in TypoScript 117

Transkript

1 Auf einen Blick 1 TYPO3 - ein Open-Source-CMS 21 2 Installation von TYPO Seiten anlegen 87 4 Einstieg in TypoScript Seitenlayout mit TypoScript Seiteninhalte anlegen Backup von Seiten und Inhalten Einstieg in Designvorlagen Menüs erstellen mit TypoScript Templates automatisieren Die mehrsprachige Website Passwortgeschützte Bereiche Integration von Erweiterungen Rechtevergabe im Backend Layout mit TemplaVoilà Übersicht: TYPO3-Backend TypoScript - eine Kurzreferenz 439 A Installation von XAMPP 499 В TYPO3-Installer 513 C Backup mit phpmyadmin 521 D Onlineressourcen 535 E Inhalt der Begleit-DVD 539 Bibliografische Informationen digitalisiert durch

2 Vorwort zur 4. Auflage 17 шшшшязша 1.1 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 TYPO3 als Web Content Management System Geschichte von TYPO Positionierung von TYPO Technische Hintergründe von TYPO Systemvoraussetzungen von TYPO Vergleich der Hostingmöglichkeiten für TYPO Einfacher Provider-Account mit PHP und MySQL Spezialisierter TYPO3-Hoster TYPO3 auf eigenem Server 34 Installation von TYPO3 2.1 Voraussetzungen für die Installation von TYPO Installation von TYPO Entpacken der TYPC^-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 Instali Tool Konfiguration von ImageMagick Prüfung der Unterstützung der Dateiformate 63

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 UTF-8 im TYPO3 Backend und in der Datenbank Konfigurationsdateien direkt bearbeiten Datei in typo3conf betrachten oder bearbeiten Sicherungskopien im Install Tool erzeugen Ein Blick auf localconf.php Fehlerbehebung bei Start des Backend Änderung des Backend-Passwords Änderung des Passwords des Administrator-Accounts 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 Der ТУРОЗ-Seitenbaum Der ТУРОЗ-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 Die Kontexthilfe im Backend Modus»Kompletter Text«112

4 3.4.2 Modus»Nur Hilfesymbol anzeigen« Filtern der Seitenbaumansicht Eine Seite anzeigen Zusammenfassung Das Konzept des ТУРОЗ-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 TYPO3-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 167

5 5.2.4 Ausgabe des Inhaltselement in der Seite Erzeugen des Navigationsmenüs Einsatz von Konstanten zur Konfiguration Ein Exkurs in die statischen Designtemplates Ausblick Erzeugen einer Sitestruktur mit dem Modul»Funktionen« Einführung in die Seiteninhaltstypen von TYPO 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 Export eines Seiten-Backups Import eines Seiten-Backups Export und Import eines Inhaltselements Export und Import einer kompletten Site Sichern und Einspielen einer Site»von Hand« Erstellen eines SQL-Dumps Sichern der Projektdaten Zusammenfassung Von TypoScript zur HTML-Designvorlage Erzeugen einer HTML-Designvorlage Einbinden der Designvorlage Editieren der Vorlage im Fileadmin 257

6 8.1.4 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 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 279 ОнНМЯМЙВЕНЙнНВЙНшянЙ^ 9.1 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 303 1УДГПДДРШЯЯ1ВЯНЯ! Die neue Designvorlage Die neue Designvorlage in den Dateimanager laden 306

7 10.2 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 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 Frontend- Benutzer Anlegen von Frontend-Benutzern und Frontend- Benutzergruppen 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

8 .13; 1п$еете1)о&]^ 13.1 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 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 Zusammenfassung und Ausblick Benutzergruppen für das Beispielprojekt Erstellung von Verzeichnisfreigaben Festlegung der Gruppenrechte Einstellungen für die Gruppe»Redakteure« Die Einstellungen der anderen beiden Gruppen Anlegen der Einzelnutzer Den Zugriff auf den Seitenbaum erlauben Untergruppen und die Vermischung von Rechten Eine weitere Gruppe für die Seitenbaumrechte Eine neutrale Benutzergruppe kommt zu Hilfe Eigentumsverhältnisse neuer Seiten Zusammenfassung und Ausblick

9 MW Installation der Erweiterung TemplaVoilà 393 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 410 Arbeiten mit dem TemplaVoilà-Template Zuweisen dertemplavoilà-datenstrukturan die Startseite Einbinden der Stylesheet-Datei Einfügen der Inhalte 415 Flexible Content Elemente 416 Eine Quellenliste und eine Glossarliste als FCE Beginn des Mappingprozesses Wiederholbare Strukturen mit Section und Container Eine Glossarliste als zweites Content Element 426 Zusammenfassung und Ausblick 428 гт^з re 23B L T j ^Тш1 ^ч^^^^ ^^j^fa ННиЯВНННиЯННВВННИВННВНННИВИ^г^тХ*! Die Bereiche des Backends Die Modulleiste Der Arbeitsbereich 430 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

10 17.1 TypoScript - die Grundlagen Ähnlichkeiten und Unterschiede zu Programmiersprachen Operatoren in TypoScript 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 cobject COA cobjectfile cobject CONTENT cobject TEMPLATE cobject TEXT cobject HTML cobject IMAGE cobject IMAGE_RESOURCE Menüs erstellen - Menü Objekte Objekt HMENU Objekt TMENU Objekt TMENUITEM (NO, ACT, CUR, etc.) Quelltextbeispiel: Textmenü mit TypoScript Userkonfiguration -cobjekt EDITPANEL 494 A Installation von XAMPP 499 A.1 XAMPP unter Windows 499 A.1.1 Installation 500 A.1.2 Deinstallation 500

11 A.1.3 Steuerung von XAMPP unter Windows 501 A.1.4 Konfiguration der XAMPP-Komponenten unter Windows 501 A.1.5 Das XAMPP Control Panel 502 A.2 XAMPP unter Linux 503 A.2.1 Installation 504 A.2.2 Deinstallation 504 A.2.3 Steuerung von XAMPP unter Linux 504 A.2.4 Konfiguration der XAMPP-Komponenten unter Linux A.3 XAMPP unter Mac OS X 505 A.3.1 Installation 506 A.3.2 Deinstallation 506 A.3.3 Steuerung von XAMPP unter Mac OS 506 A.3.4 Konfiguration der XAMPP-Komponenten unter Mac OS 507 A.4 Konfiguration und Sicherheitseinstellungen 507 A.4.1 Konfiguration und Statusanzeige 507 A.4.2 Sicherheitseinstellungen 508 A.5 Dokumentation von XAMPP 510 В TYPO3-Installer 513 B.1 Typo3Winstaller (Windows) 513 B.2 TYPO3 WAMP (Windows) 515 B.3 LAMP Testsite (Linux) 517 B.4 t3[dmg] für Mac OS X 519 C Backup mit phpmyadmin 521 C.1 Was ist phpmyadmin? 521 C.1.1 Spracheinstellung von phpmyadmin 523 C.2 Dump der TYPOS-Datenbank mit phpmyadmin 523 C.2.1 Export der vollständigen TYPO3-Datenbank 525 C.3 Wichtige Tabellen der ТУРОЗ-Datenbank 528 C.3.1 Export einer einzelnen Datenbanktabelle am Beispiel tt_content 531 C.4 Einlesen eines Datenbank-Dumps bei Installation 533 D Onlineressourcen 535 D.1 Onlineressourcen zu TYPO3 535 D.2 Weitere Onlineressourcen 537 E Inhalt der Begleit-DVD 539 E.1 Installation 539 E.1.1 Windows 539 E.1.2 Linux 540 E.1.3 MacOS 540

12 der Begleit-DVD E.2 Dokumentation 540 E.3 Erweiterungen 543 E.3.1 Template Auto-parser 543 E.3.2 Volltextsuche 543 E.3.3 News 543 E.3.4 TemplaVoilà 544 E.4 Dateien_zum_Buch 544 Index 545 Inhalt der Begleit-DVD Die Begleit-DVD enthält unter anderem ausgewählte Video-Lektionen aus dem Video-Training»Einstieg in TYPO3 4.3«von Thomas Kötter. Installation unter Linux 10:44 Grafische Menüs einbinden 14:43 Menüs mit Rollover-Effekt 8:25 Arbeitsumgebungen 11:22 Einfacher Redaktions-Workflow 5:22 Komplexe Inhaltselemente 13:36