Einstieg in T YPO3. Andreas StöckI Frank Bongers. Galileo Computing

Transkript

1 Andreas StöckI Frank Bongers 2008 AGI-Information Management Consultants May be used for personal purporses only or by libraries associated to dandelon.com network. Einstieg in T YPO3 Galileo Computing

2 Inhalt Vorwort 13 1 TYPO3 - ein Open Source-CAAS 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 Lokaler Probebetrieb des CMS TYPO3 als Web Content-Management-System Die Geschichte von TYPO Positionierung von TYPO Technische Kurzbeschreibung von TYPO Systemvoraussetzungen von TYPO Installation von TYPO Vergleich der Hostingmöglichkeiten für TYPO3 31,' Spezialisierter TYPO3-Hoster Einfacher Provider-Account mit PHP und MySQL 32 II TYPO3 auf eigenem Server 33 ig,. 2.2 Die lokale Testinstallation Phase 1: Installation des Webservers, von PHP und MySQL Phase 2: Wahl der geeigneten TYPO3-Installation Phase 3: Installation und Einrichtung von TYPO Vorgehen nach Abschluss des Installationsvorgangs Konfiguration der Testinstallation Das Install Tool im»normal mode« Die Meldungen des Install Tools Überprüfung der Grundkonfiguration»Basic Configuration« Installation von ImageMagick Den ImageMagick-Pfad an das Install Tool übergeben Konfiguration von ImageMagick Die Unterstützung der Dateiformate prüfen Die Grafikerzeugung im GIF-und PNG-Format prüfen 58 Inhalt 5

3 2.5.3 Prüfen der Bildskalierungsfunktionen Prüfen der Funktionen zur Bildkombination Prüfen der GDLib-Effekte Erforderliche Nacharbeiten 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 67 3 Aufbau von TYPO3: Das Backend Das Backend - der Wartungsbereich Login am Backend Die Bedienoberfläche des Backends Sprachauswahl mit dem Modul Setup Der modulare Aufbau des Backends Die Modulgruppe Web Die Modulgruppe File (Datei) Die Modulgruppe Doc (Dok.) Die Modulgruppe User (Benutzer) Die Modulgruppe Tools Die Modulgruppe Help (Hilfe) Die Modulgruppe Admin functions Arbeiten mit dem Seitenbaum Der Seitenbaum im Arbeitsbereich Das Kontextmenü des Seitenbaums Fragezeichensymbole - kontextsensitive Hilfe Anlegen von Seiten Seiten neu anlegen oder ändern Neue Seite ohne und mit Assistent Die Eingabemaske»Neue Seite» Die Seitentypen in TYPO Anlegen von Seiteninhalten Der Assistent für Seiteninhalte Die Eingabemaske für Seiteninhalte Der Texteditor für Seiteninhalte Arbeiten mit dem Modul Liste Arbeiten mit der Modulgruppe File Dateiverwaltung Ein Blick auf die Modulgruppe Tools Der Erweiterungs-Manager (Ext Manager) Das Modul Log-das Ereignisprotokoll Aufruf des Install Tools vom Backend Das Modul phpmyadmin Inhalt

4 Websiteplanung anhand eines Beispielprojekts Umriss für die Planung Zielsetzung des Online-Auftritts Zu kommunizierende Inhalte Zu erreichende Funktionalität Inhalte und deren Strukturierung Entwurfsphase Einsatz von Erweiterungen Redakteursstruktur 120 Erstellung von DesignvcrlagSR Das Konzept der Designvorlage Einbindung der Datensätze in eine HTML-Vorlage Platzhalter für Inhalte Marker-Positionsmarkierungen Subparts-Bereichsmarkierungen Subparts vs. Marker Die Rolle des Templates für die Designvorlage Eine Designvorlage für das Beispielprojekt Das Screendesign des Beispielprojekts Einbinden von Dateien in die Designvorlage Einfügen der Marker in den Screenentwurf Quelltextbeispiel: Designvorlage Templates mit TypoScript Das Konzept des TYPO3-Templates Der Begriff des Templates bei TYPO Anlegen und Verwalten von Templates Aufbau des Template-Datensatzes Template-Setup mit dem Setup-Feld Vererbung des Templates an Unterseiten Bearbeitung der Template-Einstellungen Einbinden von Template-Ressourcen Einbinden von Designvorlagen Ansprechen der Designvorlage Ablage der Vorlagendatei im Fileadmin-Bereich Ansprechen der Subpart-Marker Ansprechen der Marker Einsatz von statischen Templates Mehr über Content-Objekte 156 Inhalt 7

5 6.3.2 Vorgefertigte Templates in TYP Content-Ausgabe mit CSS styled content Erzeugen der Content-Objekte für die Darstellung Einfügen von Beispielinhalt Darstellungstuning mit CSS styled content Der Constant Editor Der Object Browser Standardlayouts mit statischen Templates Statische Template-Einbindung-Include static Einsatz von Standard-Templates Menüs erstellen mit TypoScript Das Basisobjekt HMENU Die Menüzustände - NO, RO, ACT, CUR und IFSUB Das Property entrylevel von HMENU Das Property Special von HMENU Die Properties minltems und maxltems von HMENU Das Property exeludeuidlist von HMENU Das Property begin von HMENU Textmenüs mit dem Objekttyp TMENU Einfaches Textmenü Einfaches Textmenü mit Untermenü Die Properties der Zustände des Textmenüs Quelltextbeispiel: Das Menü im Beispielprojekt Die Subnavigation im Beispielprojekt Bildverarbeitung in TYPO Aufgaben der Bildverarbeitung in TYPO Bildverwaltung und -einbindung Bilder als Inhaltselemente einbinden Bilder über den Rieh Text Editor einbinden Dynamische Grafiken-Der GIFBUILDER Quelltextbeispiel: Seitentitel als GIFBUILDER-Grafik Quelltextbeispiel: Ein Grafikobjekt in eine Designvorlage einbinden Quelltextbeispiel: Das BOX-Objekt von GIFBUILDER Caching- das Gedächtnis von TYPO Grafik- und Layer-AAenüs Grafische Menüs Quelltextbeispiel: Einfaches grafisches Menü 205

6 9.1.2 Quelltextbeispiel: Grafisches Menü mit zwei Hierarchie-Ebenen Quelltextbeispiel: Grafisches Menü mit Hintergrundgrafik Quelltextbeispiel: Grafisches Menü mit Rollover-Effekt Mischung aus grafischem und textbasiertem Menü Layer-Menüs Quelltextbeispiel: Einstufiges Aufklappmenü Quelltextbeispiel: Einstufiges Aufklappmenü, formatiert Quelltextbeispiel: Mehrstufige Layer-Menüs Sitemaps Der Inhaltstyp»Sitemap« Editieren der Sitemap-Eigenschaften im Constant Editor Formatierung mit TypoScript Seiten und Seiteninhalte Seiten erstellen, bearbeiten, verschieben und verlinken Inhalte einfügen Die Inhaltstypen von TYPO Text Text mit Bild Bild Punkteliste - Aufzählung Tabelle Datensätze Erweiterungen (Plugins) PHP-Scripts Weitere Elemente Platzierung der Inhalte in Spalten Arbeiten im Rieh Text Editor Formulare erstellen Das Info-Modul Die Änderungshistorie - Changelog Der TSconfig-Browser Konfiguration des Backends Der TSconfig-Assistent Konfiguration des Rieh Text Editors Benutzerkonfiguration Das Administrator-Panel-Objekt Kontextmenüs verändern Mehrsprachigkeit Einrichtung weiterer Sprachen Anlegen der Sprachvariante in der Website 279 Inhalt 9

7 Anlegen der Sprachvariante einer Seite Die Eingabemaske für eine alternative Sprache Die Definition der Sprachauswahl im Template Mehrsprachige Menüs Ein PHP-Script für die Sprachauswahl Konfiguration im Haupttemplate Unterdrücken der nicht übersetzten Seiten Benutzerverwaltung und Zugriffsrechte TYPO3 - ein Mehrbenutzer-System Das Modul»Benutzer Administrator« Datensätze für Benutzer Benutzerund Benutzergruppen Benutzergruppe anlegen Benutzergruppen sind auch Datensätze Die Option»Include Access lists« Benutzer anlegen Benutzer anlegen im Beispielprojekt Die Gruppe»Newsredakteure«im Beispielprojekt Backend-Anpassung für Newsredakteure Die Ansicht»Benutzerrechte« Bearbeiten der Nutzerrechte Mit neuen Rechten ins Backend Dateifreigaben für Nutzer Dateifreigaben einrichten und zuordnen Frontend Editing Auswahl zwischen Frontend-und Backend-Login Aktivieren des Administrator-Panels Anpassen der Frontend-Editing-Rechte über TypoScript Das Administrator-Panel vollständig aktivieren Gleichzeitige Benutzerzugriffe Kein Locking-Mechanismus, sondern Zugriffswarnung Frontend-Benutzer anlegen - passwortgeschützte Bereiche Einrichten eines Systemordners für Frontend-Benutzer Anlegen von Frontend-Benutzern und-gruppen Erfassungsmaske für Frontend-Benutzer Ansicht des Systemordners im List-Modul Definieren der Zugriffsbeschränkung Das Login-Formular für Frontend-Benutzer Bearbeitungsworkflows Erweiterungen für die Workflow-Gestaltung Definieren eines Workflows Beispiel für einen Workflow Inhalt

8 13 Erweiterungsmodule Der Erweiterungs-Manager Beispiel News Volltextsuche Installation der Erweiterung Indexed Search Engine Anlegen einer Seite für die Suchresultate Einfügen eines Seiteninhalts vom Typ Erweiterung: Indexsuche Einschalten der Indexierung im Template Überprüfung der Indexierung Spracheinstellung Formatierung der Ausgabe Anbindung des Suchformulars der HTML-Designvorlage Externe Dateien indexieren Beispiel Newsletter Konfiguration des Moduls Template und Designvorlage des Newsletters Versand eines Newsletters Newsletter-Anmeldung Beispiel Forum Dia-Show/Slideshow Verwendung des Auto-parser-Erweiterungsmoduls Page Template Selector Statistische Auswertungen Einige weitere TYPO3-Erweiterungen Das Online-Shop-Modul Gästebuch Eine Seite an einen Freund weiterempfehlen Entwicklung eigener Erweiterungen TypoScript - eine Einführung TypoScript - die Grundlagen Ähnlichkeiten und Unterschiede zu Programmiersprachen Operatoren in TypoScript 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 Das Objekt PAGE 418 Inhalt

9 14.4 Erzeugen von Framesets - Frame-Objekte Das Objekt FRAMESET Das Objekt FRAME Quelltextbeispiel: Frameset mit TypoScript Inhalt einbinden - Content-Objekte Das cobject COA Das cobject FILE Das cobject CONTENT Das cobject TEXT Das cobject HTML Das cobject IMAGE Das cobject IMAGE_RESOURCE Das cobject CLEARGIF Dynamische Grafiken - GIFBUILDER Das Objekt GIFBUILDER Das Objekt TEXT (von GIFBUILDER) Das Objekt BOX (von GIFBUILDER) Das Objekt IMAGE (von GIFBUILDER) Menüs erstellen - Menü-Objekte Das Objekt HMENU Das Objekt TMENU Das Objekt TMENUITEM (NO, ACT, CUR, etc.) Quelltextbeispiel: Textmenü mit TypoScript Objekt GMENU Das Objekt GMENUJ.AYERS Quelltextbeispiel: Layermenü-Objekt Userkonfiguration - Objekt EDITPANEL 479 A Online-Ressourcen 483 A.1 Onlineressourcen zu TYPO3 483 A.2 Weitere Onlineressourcen 485 B Inhalt der CD 487 B.1 Packages (Verzeichnis Installation) 487 B.2 Dateien zum Buch (Verzeichnisse Kapitel2 bis Kapitell3) 487 B.3 Videodokumentation (Verzeichnis Videos) 487 B.4 UltraEdit 488 Index Inhalt