Auf einen Blick Vorwort Einführung Architektur und Aufbau von TYPO3 Ressourcen zu TYPO3 Installation und Konfiguration Anpassen des Backends

Transkript

1

2 Auf einen Blick 1 Vorwort Einführung Architektur und Aufbau von TYPO Ressourcen zu TYPO Installation und Konfiguration Anpassen des Backends Aufbau von TYPO3-Sites TypoScript Extensions anwenden Mehrsprachige Websites mit TYPO Barrierefreie und standardkonforme Websites mit TYPO Eigene Extensions programmieren A CD-ROM B Zusätzliche Informationen C Glossar Index

3 Inhalt 1 Vorwort Für wen wurde dieses Buch geschrieben? Was befindet sich in diesem Buch? Was enthält die CD-ROM und die Referenzkarte? Die Website zum Buch Danke! TEIL I: GRUNDLAGEN 2 Einführung Grundlegendes Trennung von Inhalten und Darstellung Erweiterbarkeit Mehrsprachigkeit Weitere Funktionen Open Source Entstehung von TYPO Die TYPO3-Community Entwicklung von TYPO Neu in Version Pläne für die Zukunft Architektur und Aufbau von TYPO Systemaufbau Der Systemkern von TYPO Erweiterungen (Extensions) Datenbank MySQL Verwendung anderer Datenbanken mit TYPO Wichtige Tabellen in der TYPO3-Datenbank Dateinamen und Verzeichnisse Verzeichnisse einer Standard-Installation Wichtige Dateien

4 Inhalt 3.4 Performance Praktische Hinweise Performance-Steigerungen Ressourcen zu TYPO Dokumentationen Dokumentationen für Redakteure Quellcode-Dokumentation Websites, Foren und Mailinglisten Mailinglisten und Newsgroups TYPO3-Websites T3N das TYPO3-Newsmagazin TEIL II: TYPO3 VERWENDEN 5 Installation und Konfiguration Voraussetzungen zum Betrieb von TYPO Hardware und Betriebssystem Software Installation von TYPO Basic Configuration Database Analyzer Update-Wizard Image Processing All Configuration Installation mehrerer Sites auf einem TYPO3-System Ein Kern viele TYPO Ein TYPO3 viele Websites Erstellen multipler Sites mit Freesite Anbindung an bestehende IT-Strukturen (LDAP) Kurzbeschreibung LDAP Installation der LDAP-Extension Konfiguration der LDAP-Extension Kontaktaufnahme zum LDAP-Server Fehlersuche Konfiguration von TYPO Wo werden welche Bereiche von TYPO3 konfiguriert? Allgemeine Datensatzverwaltung im»root-record«

5 Inhalt 5.6 Backup und Migration von TYPO3-Sites Import/Export von t3d-dateien Sicherung von TYPO3-Installationen Anpassen des Backends Das AdminPanel Kategorien des AdminPanels Eingabe Vorschau Cache Veröffentlichen TypoScript Info Konfiguration des AdminPanels Anpassen des Backends mit TSconfig TSconfig TypoScript-Wizard Page TSconfig User TSconfig Beispiele zur Backend-Anpassung Rich Text Editor System-Extension RTE htmlarea RTE im Extension-Manager konfigurieren Standardkonfigurationen für htmlarea RTE Eine eigene Konfiguration für htmlarea RTE RTE-Transformationen Alternative Editoren für das Backend Konfiguration der Benutzeroberfläche des alten Standard-RTE (bis TYPO3-Version 3.8) Die Toolbar des Rich Text Editors pagetsconfig.txt Absatzarten und Zeichenarten begrenzen Klassen definieren und als Absatzart zuweisen Ausgabekonfiguration FCKeditor TinyMCE Eine Beispielkonfiguration für den htmlarea unter TYPO3 <

6 Inhalt 7 Aufbau von TYPO3-Sites Vorgehensweise Ziele und Zielgruppen festlegen Inhalte planen Funktionen festlegen Dokumententypen festlegen Sitemap/Struktur planen Designvorlagen vorbereiten Extensions auswählen Template-Struktur planen Designvorlagen einbinden Struktur anlegen Benutzergruppen/Benutzer Inhalte eingeben Designvorlagen (HTML-Templates) The old way: Templates per Hand vorbereiten The modern way: die Extension Template-Autoparser The futuristic way: die Extension TemplaVoila Benutzerverwaltung Frontend-Benutzerverwaltung Geschützten Bereich anlegen Login einbauen und anpassen Login-Layoutanpassung Backend-Benutzer Rechte und Rollen definieren Benutzergruppen anlegen Benutzergruppen Beispiele Einzelne Backend-Benutzer anlegen Backend-Benutzer Beispiel Seitenzugriff Benutzerrechte vergleichen Was sind Workflows? Einfacher Workflow ohne Extensions Das Modul Benutzer>Aufgaben Aktionen Extension Native Workflow System Workspaces Was sind Workspaces? Versionierung

7 Inhalt Arten von Workspaces Anlegen von Workspaces Arbeiten mit Workspaces Modul Benutzer>Workpace TypoScript Was ist TypoScript? TypoScript im engeren und im weiteren Sinne Grundlegende Konstrukte Arbeiten mit der TypoScript-Referenz (TSref) Begriffsdefinitionen und Syntax Operatoren in TypoScript TypoScript-Verschachtelungen mehrdimensionale PHP-Arrays TypoScript-Elemente Datentypen Funktionen Conditions Constants cobjects cobjects veraltet Content-Objekte kopieren und referenzieren Top-Level-Objekte TypoScript-Templates Templates erstellen TypoScript-Setup TypoScript-Constants Kaskadierung von Templates Standard-Templates (static templates) Basis-Templates eigene Standard-Templates Templates ab der nächsten Ebene (Templates on next Level) Root, Rootline und Rootline-Arrays Die Template Tools Template Tool: Info/Modify Template Tool: Template Analyzer Template Tool: TypoScript Object Browser Template Tool: Constant Editor Erstellen eigener Eingabemasken im Constant Editor Template Tool: CSS Styler

8 Inhalt Clear FE cache admin functions setup.txt und constants.txt TSconfig Der Rendering-Prozess TypoScript-Schnipsel/Praxisbeispiele Allgemeine Seitenkonfiguration TypoScript-Menüs Navigation aus Bildern der Mediafelder Ändern des Standard-<body>-Tag Auswählbare Wraps um den gesamten Inhalt der Spalte NORMAL Konfiguration der Standard-Überschrift (stdheader) Überschriftentyp in Abhängigkeit von der verwendeten Inhaltsspalte Keinen StdHeader für das Überschriften-Objekt verwenden Sitemap/Menü Login-Formular per TypoScript Ausblenden der erweiterten Suche der Extension»indexed search« Anzahl der Bilder des Mediafeldes erhöhen Mehrsprachigkeit Immer das aktuelle Jahr im Footer anzeigen Extensions anwenden Allgemeine Definition von Extensions Einteilung von Extensions Einteilung nach Bedeutung Einteilung nach Funktion Verwaltung von Extensions Extension Manager TYPO3-Online-Repository (TER2) Der Extension Kickstarter Wizard Anwendungsbeispiele von Extensions Extension: News (tt_news) Extension: News RSS Extension: TimTab Weblog (timtab) Extension RealURL (realurl) Komplette Beispielkonfiguration

9 Inhalt 10 Mehrsprachige Websites mit TYPO Unicode (UTF-8) Was ist Unicode? Technische Zusammenfassung TYPO3 als UTF-8 einrichten Überblick Sprachdateien, TypoScript und UTF Grundlagen zur Zeit Die Locales TypoScript-Einstellungen für einsprachige Seiten TypoScript-Einstellungen für mehrsprachige Seiten Ein Seitenbaum für jede Sprache (Multi-Tree-Ansatz) Ein Seitenbaum für alle Sprachen (Single-Tree-Ansatz) Barrierefreie und standardkonforme Websites mit TYPO Warum Sie barrierefrei entwickeln sollten Wie sieht eine barrierefreie Website aus? Inhalt und Präsentation trennen Logische Strukturen schaffen Nicht für bestimmte Geräte arbeiten Abwärtskompatible Seiten erstellen Alternativen bereitstellen Standards beachten Standardkonforme Seiten mit TYPO3 erstellen XHTML-Cleaning Sprungmarken à la XHTML HTML-Code optimieren mit Tidy Die Extension»Page Validator« Barrierefreie Websites mit TYPO Vorhandene Hilfsmittel TYPO3-Inhaltselemente barrierefrei gestalten Die Grundlage CSS Styled Content Überschrift und Text Text-Bild und Bilder Aufzählung (Punktliste) Tabelle Dateiliste Multimedia Sitemap/Menü

10 Inhalt HTML Mailformular Suchformular Anmeldeformular Plugins Barrierefreie Menüs mit TYPO Textmenüs Grafische Menüs Grafische Textmenüs Ein barrierefreier RTE Akronyme und Abkürzungen Kennzeichnung von Links Accessible Content Exkurs: Rendering von Content-Elementen Neues Rendering erstellen Die XCLASS Tabellen Formulare Probleme mit Plugins (bis Version 0.2) Weitere Entwicklung von»accessible Content« Empfehlung zur Wahl der Extensions für Barrierefreiheit TEIL III: TYPO3 ERWEITERN 12 Eigene Extensions programmieren Grundlagen Namenskonventionen Dateistruktur einer Extension Der Extension-Manager Die Datei ext_emconf.php Die Datei ext_localconf.php Die Datei ext_tables.php Drei Extensions als Beispiel Die Extension»Text w/ summary« Die Extension»Function Reference« Die Extension»Akronymmanager« Globale Variablen und Datenbankfunktionen Variablen Datenbankzugriffe mit dem DBAL Datenbanktabellen

11 Inhalt 12.4 Backend-Programmierung Eingabemasken Das Table Configuration Array $TCA $TCA-Beispiel: Extension»Function Reference« Context Sensitive Help (CSH) TCE und TCEforms Anlegen und Bearbeiten von Inhaltstypen Der Inhaltstyp»Plugin einfügen« Backend-Module Anlegen eines Moduls Ausgabeformatierungen in Modulen Einfügen eines Submoduls in das Menü Beispiel für Module der Akronymmanager Der Navigationsbereich Rechte von Backend-Usern abfragen Frontend-Programmierung Das Frontend-Rendering Objekte im $TSFE Standard-Rendering-Funktionen Ausgabe eigener Inhalte mittels USER, USER_INT, PHP_SCRIPT, PHP_SCRIPT_INT oder PHP_SCRIPT_EXT Neue Rendering-Funktionen anlegen stdwrap in Rendering-Funktionen Frontend-User und Sessions Eingabeformulare Beispiel für Eingabeformulare Pinboard für die»function Reference« HTML-Vorlagen für Templates CSS und JavaScript Plugins die Klasse tslib_pibase tslib_pibase Link-Methoden tslib_pibase Methoden für das Auflisten von Datensätzen tslib_pibase Methoden für Stylesheet und CSS tslib_pibase Methoden für das Frontend-Editing tslib_pibase Methoden für Mehrsprachigkeit und Lokalisation tslib_pibase Methoden für Datenbankabfragen tslib_pibase Methoden für Flexforms

12 Inhalt 12.8 Flexforms Hello World mit Flexforms Flexform einbinden Flexforms gestalten Flexform Grundstruktur Flexform-Input-Felder Flexform dynamisch Auf Flexform-Daten zugreifen Mehrsprachigkeit Eigene Locallang-Dateien für einzelne Sprachen Extensions für die Arbeit mit Locallang-Dateien Ajax mit TYPO Installation der Tutorial-Extension Tutorial Weitere Themen der Extension-Entwicklung TypoScript in Extensions Static-Templates hinzufügen TypoScript einfügen Klassen erweitern XCLASS Hooks Services Sicher programmieren Der Extension Kickstarter Der Development Evaluator Dokumentation Ausblick: Moderne Extension-Programmierung in Model- View-Controller-Architektur Idee und Konzept Die Bibliotheken Beispielanwendung Articles Ausblick Ein Anwendungskonzept Anhang A CD-ROM A.1 Listings A.2 Dokumentationen A.2.1 Tutorials A.2.2 Installation A.2.3 Core Documentation

13 Inhalt A.2.4 References A.2.5 Extension Manuals A.3 Video-Tutorials A.4 TYPO3 4.0 zum Installieren A.5 Extensions A.6 TYPO3 4.0 Doxygen-Dokumentation A.7 Static Templates der CSS Styled Content A.8 Software A.9 Beispielwebsite_Dateien A.10 Infos zur Barrierefreiheit B Zusätzliche Informationen B.1 Caching-FAQ B.2 CSS Styled Content im Detail B.2.1 CONSTANTS: EXT:css_styled_content/static/ B.2.2 SETUP: EXT:css_styled_content/static/ B.3 Ein reines CSS-Menü (für Kapitel 11) C Glossar Index

14 Als wir die erste Ausgabe dieses Buches verfassten, waren wir uns nicht sicher, ob ein speziell auf Entwickler ausgerichtetes Buch genug Menschen interessieren würde. Das große Interesse und die vielen positiven Rückmeldungen haben uns daher sehr gefreut und bestärkt, auf diesem Weg weiterzugehen; und so haben wir die zweite Ausgabe des Buchs noch stärker auf die Interessen fortgeschrittener Anwender hin orientiert. 1 Vorwort 1.1 Für wen wurde dieses Buch geschrieben? Die meisten bisher erschienenen Bücher zielen in erster Linie auf TYPO3-Einsteiger, beschreiben die Redaktionsarbeit und Inhaltseingabe und die ersten Schritte bei der Arbeit mit TypoScript also alles, was Sie wissen müssen, um Ihre erste TYPO3-Site aufzubauen. Was aber kommt danach? Unser Buch richtet sich an Entwickler, die schon erste Erfahrungen mit TYPO3 gesammelt haben und nun mehr wissen möchten, und an fortgeschrittene PHP- Programmierer, die sich in die Entwicklung von TYPO3-Extensions (Erweiterungen der TYPO3-Funktionen) einarbeiten wollen. Einen großen Teil dieses Buchs nimmt das Kapitel 12, Eigene Extensions programmieren, ein dort geht es um die Entwicklung und Anpassung von Extensions für TYPO3. Hier sind PHP-Kenntnisse erforderlich. Wir haben uns ausführlich mit TypoScript befasst und präsentieren zahlreiche Lösungen für Probleme, die uns in der Anwendung von TYPO3 häufig begegnet sind. Den gesamten Bereich»Redaktionelle Arbeit«also das Pflegen einer Website mit TYPO3 haben wir bewusst herausgelassen, da es nicht nur den Rahmen dieses Buches gesprengt hätte, sondern auch in anderen Publikationen schon ausgezeichnet beschrieben ist.»das Handbuch für Redakteure«von Werner Altmann lässt hierzu kaum Fragen offen. Sie finden es auf der beiliegenden CD-ROM. 17

15 1 Vorwort Für TYPO3-Einsteiger ist unser Buch sicher schwere Kost wir empfehlen daher, sich zunächst mit den Einsteiger-Dokumentationen zu befassen, die auf typo3.org im Bereich Tutorials der Dokumentationen zu finden sind (Linkcode 078), die wir aber auch auf der beiliegenden CD-ROM im Verzeichnis Dokumentationen/Tutorials mitliefern. Alternativ können Sie das Buch»Einstieg in TYPO3«von Andreas Stöckl und Frank Bongers lesen, das ebenfalls bei Galileo Press erschienen ist. 1.2 Was befindet sich in diesem Buch? Dieses Buch hat drei Teile (plus Anhang). Im ersten Teil gehen wir grundlegend auf den Aufbau von TYPO3 die Systemarchitektur ein und befassen uns mit der Installation (auf einem Linux-System). Im zweiten Teil gehen wir auf die Verwendung der von TYPO3 zur Verfügung gestellten Funktionen ein: die Anpassung des Backends, die Benutzerverwaltung sowie das Erstellen von Websites mit Dateivorlagen (HTML-Templates) und TypoScript. Die in TYPO3 integrierte Konfigurationssprache TypoScript nimmt dabei einen breiten Raum ein, und wir zeigen verschiedene Beispielanwendungen. Ferner geben wir Hinweise, wie sich mit TYPO3 moderne barrierefreie Websites erstellen lassen. Der dritte Teil widmet sich der Erweiterung von TYPO3 mit Hilfe von in PHP programmierten Extensions, die sich über eine vorhandene Schnittstelle in TYPO3 integrieren lassen. Dabei behandeln wir das Thema aus Sicht des Praktikers, realisieren ein kleines Beispielprojekt und geben Hinweise zu Themen wie Internationalisierung und Performance-Steigerung durch gezieltes Caching. Neue Entwicklungen in TYPO3 (wie Flexforms) werden ebenfalls besprochen. Dieses Buch bezieht sich auf die Version 4.0 von TYPO Was enthält die CD-ROM und die Referenzkarte? Die diesem Buch beiliegende CD-ROM enthält die Beispiellistings, die wir im Buch besprechen, sowie die offizielle Dokumentation zu TYPO3, Video-Tutorials und TYPO3 in der aktuellen Version 4.0. Ferner liefern wir zwei Extensions für barrierefreie Websites mit (den»akronymmanager«und»accessible Content«). Die Referenzkarte enthält die wichtigsten Datentypen, TypoScript-Objekte und Eigenschaften zur täglichen Verwendung. 18

16 6 Anpassen des Backends 6.1 Das AdminPanel Über das AdminPanel lassen sich Bearbeitungsfunktionen des Backends in das Frontend einblenden, was für Redakteure mit nur geringen TYPO3-Kenntnissen hilfreich sein kann. Es wird am Fuße der Website eingeblendet und kann für verschiedene Benutzer unterschiedlich konfiguriert werden. Über das Installations-Tool kann man im Bereich»All configuration«einstellen, welches Interface beim Login zur Verfügung stehen soll. Im Bereich»[interfaces]«steht defaultmäßig»backend«. Wenn Sie»backend, Frontend«eingeben, erscheint beim Login ein Auswahlmenü mit den Optionen, im Backend oder im Frontend zu arbeiten. Abbildung 6.1 interfaces und loginlabels im Install-Tool Im Bereich»[loginLabels]«haben Sie die Möglichkeit, die Bezeichnungen zu ändern, die beim Login für»username«,»password«,»interface«,»log In«,»Log Out«,»Backend«und»Frontend«verwendet werden (Abbildung 6.1). Aktiviert wird das AdminPanel über die Anweisung page.config.admpanel = 1 im Setup des Templates. Um es auch für Benutzer ohne Administrationsrechte zu aktivieren, muss es im User TSconfig des einzelnen Benutzers oder einer Benutzergruppe eingerichtet werden. Damit das AdminPanel im Frontend erscheint, muss der Benutzer im Backend eingeloggt sein. Alle anderen Website-Besucher sehen das AdminPanel nicht. Die Anweisung admpanel.enable.all = 1 im User TSconfig blendet das vollständige AdminPanel ein. 101

17 6 Anpassen des Backends Abbildung 6.2 Modifizierte Login-Maske Kategorien des AdminPanels Es besteht aus sechs Kategorien, hinter denen sich die im Folgenden beschriebenen Backend-Optionen verbergen. Jeder Bereich lässt sich zum Bearbeiten aufklappen. Alternativ zum vollständigen Einblenden können Sie die Bereiche auch einzeln einblenden. Wie das geht, wird weiter unten beschrieben. Abbildung 6.3 Das komplette Admin-Panel Eingabe Der interessanteste Bereich für Redakteure ist die Kategorie»Eingabe«. Hier stehen die aus dem Backend bekannten Bearbeitungstools zur Verfügung. Ist»Bearbeitungssymbole anzeigen«aktiviert, wird hinter jedem einzelnen Inhaltselement ein kleines»stift«-icon eingeblendet, über das man den Datensatz bearbeiten kann. Die Option»Bearbeitungsleiste anzeigen«blendet die»backend«-icons zum»datensatz bearbeiten«,»datensatz nach oben/unten verschieben«,»daten- 102

18 Das AdminPanel 6.1 satz aus- und einblenden«,»datensatz nach diesem anlegen«und»datensatz löschen«ein. Wird»Eingabeformular auf Webseite«aktiviert, wird die Backend-Eingabemaske unterhalb des entsprechenden Datensatzes im Frontend integriert. Anderenfalls öffnet sich die Eingabemaske in einem Popup-Fenster. Wird»Kein Popup-Fenster«aktiviert, öffnet sich die Eingabemaske ohne die Frontend-Ausgabe im gleichen Browserfenster. Nach dem Schließen gelangt man zurück zur Frontend-Ansicht. Die Bearbeitungs-Icons bieten weitere Möglichkeiten:»Neues Inhaltselement anlegenseite verschiebenneue Seite anlegenseitenheader bearbeiten«außerdem lässt sich auch das Modul>Liste aus dem AdminPanel heraus aufrufen und ein Änderungsverlauf der Seite anzeigen. Über den Link»TYPO3 Backend öffnen«verlässt man den Bereich des Frontend-Editings und wechselt zum Arbeiten in das Backend Vorschau Über die Vorschau lassen sich auch die versteckten Seiten und Datensätze einblenden, um diese zu bearbeiten. Wenn mit»start«- und»stop«-zeiten zum Einblenden der Inhalte gearbeitet wird, können hier verschiedene Zeitpunkte simuliert und das Ergebnis so überprüft werden. Für benutzerorientierte Seiten können verschiedene Benutzergruppen simuliert werden. Abbildung 6.4 Optionen im Bereich»Vorschau«6.1.4 Cache In der Kategorie»Cache«kann das Caching komplett deaktiviert werden, was in der Entwicklung das ständige»caches löschen«erspart. Es wird angezeigt, welche»cache Einträge«vorhanden sind, und man kann wählen, über wie viele Ebenen die Seitencaches gelöscht werden sollen. 103

19 6 Anpassen des Backends Abbildung 6.5 Optionen im Bereich»Cache«6.1.5 Veröffentlichen Sie können Ihre TYPO3-Seiten auch als statische HTML-Seiten auf Ihrem Server speichern. Hierfür muss im Installations-Tool im Bereich»All Configuration«ein Verzeichnispfad für»[publish_dir]«angegeben werden, in dem die Seiten abgelegt werden können. Beim Aufruf Ihrer Website entfällt dadurch die Datenbankabfrage. Die Seiten sind schneller abrufbar als die gecachten Inhalte. Nach jeder Seitenänderung müssen die veröffentlichten (statischen) Seiten jedoch aktualisiert werden, was Sie im Bereich»Veröffentlichungen«des AdminPanels vornehmen können. Abbildung 6.6 Optionen im Bereich»Veröffentlichungen«6.1.6 TypoScript Die Kategorie»TypoScript«bietet eine Reihe von Analysemöglichkeiten der Rendering-Prozesse. Dieser Bereich des Frontend-Editings ist weniger für Redakteure gedacht als für Administratoren. Abbildung 6.7 Optionen im Bereich»TypoScript«104

20 Das AdminPanel 6.1 In der Baumdarstellung können Sie die Reihenfolge der einzelnen Prozesse nachvollziehen und Rendering-Zeiten ablesen Info Der Bereich»Info«liefert Informationen der aktuellen Seite zu UID, Seitentyp, ob»kein Caching«für diese Seite eingestellt wurde, ob die Seite Frontend-Benutzern zugewiesen wurde und über die Gesamtzeit des Generierens. Abbildung 6.8 Optionen im Bereich»Info«6.1.8 Konfiguration des AdminPanels Das AdminPanel lässt sich für alle Benutzer individuell konfigurieren. Sie können einzelne Bereiche ein- oder ausblenden. admpanel.enable.edit = 1 würde beispielsweise nur den Bereich»Eingabe«im AdminPanel bereitstellen. Analog dazu kann man die anderen Bereiche einblenden. Bereichsname Vorschau Cache Veröffentlichen Eingabe TypoScript Info TypoScript-Key preview cache publish edit tsdebug info Tabelle 6.1 Konfiguration des AdminPanels Es besteht aber auch die Möglichkeit, das AdminPanel nicht anzuzeigen, sondern lediglich ein»stift«-icon neben den einzelnen Inhaltselementen. Beim Klick auf den Stift öffnet sich die Eingabemaske des entsprechenden Elements und der Seiteninhalt kann so bequem bearbeitet werden. admpanel { enable.edit = 1 module.edit.forcedisplayfieldicons = 1 hide = 1 } 105

21 6 Anpassen des Backends Abbildung 6.9 Frontend-Editing 6.2 Anpassen des Backends mit TSconfig Das Backend von TYPO3 bietet vielfältige Anpassungsmöglichkeiten. Zum einen können Sie die Arbeitsumgebung für einzelne Benutzer oder Benutzergruppen individuell gestalten, sodass Redakteure nur denjenigen Teil des Seitenbaums sehen, der von ihnen bearbeitet werden darf, und nur die Module im Backend zur Verfügung haben, die für ihre Arbeit relevant sind. Darüber hinaus kann man die Optionen der Backend-Eingabemasken auch an die individuellen Anforderungen der Website anpassen TSconfig Verwendet werden dafür ebenfalls TypoScript-Anweisungen (TSconfig). Unterschieden werden: Page TSconfig für allgemeine Backend-Konfigurationen im TSconfig-Feld des Seitendatensatzes (page record) einer Seite. User TSconfig für benutzerspezifische Site-Konfigurationen im TSconfig-Feld des Benutzers oder der Benutzergruppe. 106

22 Gerade komplexe Sites müssen gut geplant werden. Das erspart Ihnen sehr viel Arbeit, die Sie sonst im Nachhinein erledigen müssen. Lesen Sie in diesem Kapitel deshalb, wie Sie Ihre Website von Anfang an gut konzipieren und strukturieren. Außerdem zeigen wir die drei Arten, mit denen Sie in TYPO3 HTML-Dateivorlagen einbinden und dynamisieren, sowie die Einrichtung der späteren Benutzer. 7 Aufbau von TYPO3-Sites 7.1 Vorgehensweise Die Vorgehensweise bei der Erstellung einer mit TYPO3 betriebenen Website unterscheidet sich nicht grundlegend vom Produktionsprozess für andere CMSgesteuerte Sites oder von der Erstellung statischer Websites: 1. Ziele und Zielgruppen festlegen 2. Inhalte planen 3. Funktionen festlegen 4. Dokumententypen festlegen 5. Sitemap/Struktur planen 6. Designvorlagen vorbereiten (HTML-Prototypen) 7. Extensions auswählen* 8. Template-Struktur planen* 9. Designvorlagen einbinden* 10. Struktur anlegen* 11. Benutzergruppen/Benutzer anlegen* 12. Inhalte eingeben* Mit einem * sind die Phasen markiert, in denen der Ablauf von der Erstellung einer statischen Site abweicht. Wir werden den Prozess anhand einer Beispiel-Website einmal vollständig durchlaufen. Dabei werden wir die allgemein gültigen Abschnitte eher kurz halten. Ein sehr gutes (englischsprachiges) Buch, das den Prozess einer Website- 163

23 7 Aufbau von TYPO3-Sites Produktion detailliert beschreibt, ist»web Redesign«von Kelly Goto und Emily Cotler (inzwischen in der zweiten Auflage bei New Riders erschienen) Ziele und Zielgruppen festlegen Im Normalfall werden Ziele und Zielgruppen vom Auftraggeber in Form eines Briefings vorgegeben (je konkreter, desto besser). Auch wenn Sie im eigenen Auftrag tätig sind, sollten Sie sich die Mühe machen, Ziele und Zielgruppen vorab schriftlich festzulegen. In unserem Beispiel handelt es sich um die»moos Shop GmbH«, dem deutschlandweit einzigen Online-Anbieter von Moosen und Flechten zu floristischen, Dekorations- und Heilzwecken. Dieses kleine Familienunternehmen möchte eine Website mit angebundenem Shop erstellen, mit der die Angebote eines vorhandenen Ladengeschäfts auch online weltweit vertrieben werden können. Als Ziele sind angepeilt: 1. Verkauf der angebotenen Produkte in den Kategorien Gartenbedarf, Dekomaterialien und Naturheilkunde 2. Kundenpflege mit Stammkunden 3. Neukundengewinnung durch Anbieten fachlicher Informationen zu Moosen und Flechten 4. Bekanntheit der Geschäftstätigkeit generell steigern Die Zielgruppen sind: 1. Stammkunden 2. Dekorateuere und Modellbauer 3. Gärtner und Floristen 4. Naturheilkundler Um Missverständnissen vorzubeugen: Der Webauftritt mit allen seinen Inhalten ist rein fiktional, die genannte Firma gibt es unseres Wissens nach nicht und alle Informationen zum Thema Moos sind frei erfunden Inhalte planen Die Planung der Inhalte erfolgt in Form eines»content Delivery Plans«einer Auflistung aller Inhalte mit Angabe des Medientyps, einer kurzen Beschreibung des Inhalts, des Umfangs, der verantwortlichen Person und des Zeitpunkts der 164

24 Vorgehensweise 7.1 benötigten Lieferung. Da wir nur eine Demonstrationswebsite erstellen, sparen wir uns diesen Schritt. Unser kleiner»moos-shop«wird eine Sektion»Über uns«besitzen, einen Produktbereich, eine Kontaktseite und eine Informationssektion mit Fakten zu Moosen und Flechten. Neue Produkte werden über eine»news«-funktion kommuniziert. In einem eigenen Blog berichtet der Inhaber aus der»moos-szene«. Besucher können diese Artikel kommentieren Funktionen festlegen Neben der Anzeige von Inhalten in Seitenform benötigen wir folgende Funktionen: Geschlossener Bereich mit Login Formular zur Kontaktaufnahme Auch das Blog und die News-Anzeige sind Sonderfunktionen Dokumententypen festlegen Als Dokumententypen bezeichnen wir Seiten mit unterschiedlichem Layout. Wir benötigen: Startseite Inhaltsseite mit Fließtext (ggf. mit Bild) Kontaktformular Bloglisting/Newslisting Blogbeitrag/News Kommentarformular Die Planung von Dokumententypen ersetzt bei CMS-basierten Websites das Zählen der Einzelseiten für die Aufwandsschätzung. Da einzelne Seiten eines Templates ja ohne weiteren Aufwand über das CMS erzeugt werden (es fällt natürlich noch solcher für die Eingabe der Inhalte an), beeinflusst nur die Anzahl der unterschiedlichen Dokumententypen den Entwicklungsaufwand Sitemap/Struktur planen Fürs Erste wird die Site überschaubar sein wir haben fünf Sektionen und einen News-Bereich geplant. Dank TYPO3 können wir unsere Site bei Bedarf wachsenden Anforderungen anpassen. 165