Einstieg in TYPO3 4.2

Transkript

1 Andreas Stöckl, Frank Bongers Einstieg in TYPO3 4.2 Inkl. Einführung in TypoScript

2 Auf einen Blick 1 TYPO3 ein Open-Source-CMS Installation von TYPO Seiten anlegen 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 Workspaces und Versionierung Layout mit TemplaVoilà Übersicht: TYPO3-Backend TypoScript eine Kurzreferenz A Installation von XAMPP B TYPO3-Installer C Backup mit phpmyadmin D Onlineressourcen E Inhalt der Begleit-DVD

3 Inhalt Vorwort zur 3. Auflage TYPO3 ein Open-Source-CMS 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 Installation von TYPO Voraussetzungen für die Installation von TYPO Installation von TYPO Entpacken der TYPO3-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

4 Inhalt 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 Seiten anlegen Der TYPO3-Seitenbaum Der TYPO3-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

5 Inhalt 4 Einstieg in TypoScript Das Konzept des TYPO3-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 Seitenlayout mit TypoScript 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

6 Inhalt 6 Seiteninhalte anlegen 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 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

7 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 Menüs erstellen mit TypoScript 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 Templates automatisieren 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

8 Inhalt 10.4 Eine Sitemap für die Projektwebsite Ausgabe der Webseiten als XHTML Zusammenfassung und Ausblick Die mehrsprachige Website 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 Passwortgeschützte Bereiche 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 Integration von Erweiterungen 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

9 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 Zusammenfassung und Ausblick Rechtevergabe im Backend TYPO3 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 Mit neuen Rechten ins Backend Zusammenfassung und Ausblick Workspaces und Versionierung Workspaces Versionierung Zusammenfassung und Ausblick

10 Inhalt 16 Layout mit TemplaVoilà 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 Übersicht: TYPO3-Backend 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 eine Kurzreferenz TypoScript die Grundlagen Ähnlichkeiten und Unterschiede zu Programmiersprachen Operatoren in TypoScript

11 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 cobject COA cobject FILE 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 Anhang A Installation von XAMPP A.1 XAMPP unter Windows A.1.1 Installation A.1.2 Deinstallation A.1.3 Steuerung von XAMPP unter Windows A.1.4 Konfiguration der XAMPP-Komponenten unter Windows A.1.5 Das XAMPP Control Panel

12 Inhalt A.2 XAMPP unter Linux A.2.1 Installation A.2.2 Deinstallation A.2.3 Steuerung von XAMPP unter Linux A.2.4 Konfiguration der XAMPP-Komponenten unter Linux A.3 XAMPP unter Mac OS X A.3.1 Installation A.3.2 Deinstallation A.3.3 Steuerung von XAMPP unter Mac OS A.3.4 Konfiguration der XAMPP-Komponenten unter Mac OS A.4 Konfiguration und Sicherheitseinstellungen A.4.1 Konfiguration und Statusanzeige A.4.2 Sicherheitseinstellungen A.5 Dokumentation von XAMPP B TYPO3-Installer B.1 Typo3Winstaller (Windows) B.2 TYPO3 WAMP (Windows) B.3 LAMP Testsite (Linux) B.4 TYPO3 4.0 Quickstart für OS X C Backup mit phpmyadmin C.1 Was ist phpmyadmin? C.1.1 Spracheinstellung von phpmyadmin C.2 Dump der TYPO3-Datenbank mit phpmyadmin C.2.1 Export der vollständigen TYPO3-Datenbank C.3 Wichtige Tabellen der TYPO3-Datenbank C.3.1 Export einer einzelnen Datenbanktabelle am Beispiel tt_content C.4 Einlesen eines Datenbank-Dumps bei Installation D Onlineressourcen D.1 Onlineressourcen zu TYPO D.2 Weitere Onlineressourcen E Inhalt der Begleit-DVD E.1 Installation E.1.1 Windows E.1.2 Linux E.1.3 Mac OS E.2 Dokumentation

13 Inhalt der Begleit-DVD E.3 Erweiterungen E.3.1 Template Auto-parser E.3.2 Volltextsuche E.3.3 News E.3.4 TemplaVoilà E.4 Dateien_zum_Buch Index Inhalt der Begleit-DVD Die Begleit-DVD enthält ausgewählte Video-Lektionen aus dem Video-Training»Einstieg in TYPO3 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

14 Dieses Kapitel geht auf das Anlegen von Seiten und Unterseiten mittels des Web-Moduls ein: Erstellen, Kopieren, Verschieben von Seiten mittels Kontextmenü und Drag & Drop, Löschen und Wiederherstellen, Kopieren und Löschen von Zweigen des Seitenbaums. 3 Seiten anlegen Nachdem Sie jetzt über eine funktionierende TYPO3-Installation verfügen, ist es an der Zeit, einen vorsichtigen Blick ins Backend zu werfen, um erste Gehversuche in Richtung des Anlegens von Seiten zu unternehmen. 3.1 Der TYPO3-Seitenbaum Loggen Sie sich hierfür mit dem von Ihnen gewählten Usernamen und Passwort beim System ein, und wählen Sie in der Modulgruppe Web den Unterpunkt Seite aus. In der linken Hälfte des Arbeitsbereichs erscheint jetzt der Seitenbaum der zukünftigen Website. Ein Seitenbaum in TYPO3 entspricht den Webseiten, die in einer»herkömmlichen«webpräsenz in Form von HTML-Dokumenten abgelegt sind. Da TYPO3 nicht mit»realen«dateien arbeitet, brauchen keine Seiten physisch auf dem Server abgelegt zu werden. Stattdessen werden sie im CMS selbst als»virtuelle Seiten«erzeugt Der TYPO3-Seitenbaum als hierarchische Struktur Diese virtuellen Dokumente werden hierarchisch einem Startpunkt unterstellt, der dem Wurzelverzeichnis,»Root«, einer Webpräsenz entspricht. Das Symbol- Icon, das TYPO3 für diesen Startpunkt verwendet, ist die Weltkugel. Die Hierarchien unterhalb der Weltkugel sind vergleichbar mit den Ordnerstrukturen, die normale Websites zur Dateiablage verwenden. Auch virtuelle Dokumente lassen sich problemlos handhaben! Lassen Sie sich nicht dadurch irritieren, dass die»seiten«, mit denen Sie hantieren werden, gar nicht wirklich existieren. Sie werden sehen, dass der Umgang mit solchen Dokumenten genauso intuitiv ist wie der mit realen Dateien. 85

15 3 Seiten anlegen Da zu diesem Zeitpunkt noch keine Seiten angelegt sind, sehen Sie derzeit nur ein Weltkugel-Icon, neben dem der Name der zu erstellenden Website steht (Abbildung 3.1). Dieser lautet per Default 1»New TYPO3 site«. Abbildung 3.1 Das Wurzelelement der TYPO3-Site, die Weltkugel Die Filterfunktion für den Seitenbaum Oberhalb des Weltkugelsymbols sehen Sie sehr prominent ein Eingabefeld, das als Filter für die Ansicht des Seitenbaums dient. Hierbei wird innerhalb der Seitentitel nach dem eingegebenen Begriff gesucht, und Seiten, deren Titel diesen Begriff nicht enthalten, werden im Baum ausgegraut. (Interessant wird dieses Feature, sobald der Seitenbaum einen gewissen Umfang angenommen hat und beginnt, unübersichtlich zu werden.) Der Filter wirkt ab dem ersten eingegebenen Buchstaben. Ein Filterbegriff wird mit dem Button rechts im Textfeld gelöscht. (Mehr über den Seitenbaumfilter erfahren Sie ab Seite 109 in diesem Kapitel.) Abbildung 3.2 Der Filter für die Seitenbaumansicht Die Befehls-Icons für den Seitenbaum Oberhalb des Seitenbaumfilters befinden sich drei Icons, die Ihnen auch an anderen Stellen im Backend wieder begegnen werden. Deshalb sollen sie an dieser Stelle kurz erläutert werden. 1 Sie können den Websitebezeichner, falls Sie das wünschen, im Installationsdialog Basic Configuration ändern. Wechseln Sie hierzu in Tools Installation. Sie benötigen hierfür Ihr Installationspasswort. 86

16 Der TYPO3-Seitenbaum 3.1 Icon»neue Seite«Seitensymbol mit Pluszeichen im grünen Kreis Abbildung 3.3 Icon»neue Seite«Diese Schaltfläche dient zum Erzeugen eines neuen Seitenobjektes. Icon»Ansicht neu laden«grüne Pfeile (»Reload«) Abbildung 3.4 Icon»Ansicht neu laden«über dieses Icon forcieren Sie die Aktualisierung der Seitenbaumansicht, falls vorgenommene Änderungen dort nicht umgehend sichtbar werden. Icon»Kontexthilfe«Fragezeichen in grauem Kreis Abbildung 3.5 Icon»Kontexthilfe«Das Fragezeichen bietet bei Mouseover einen Tooltipp als kontextsensitive Hilfe in der jeweiligen Backend-Sprache. Benötigen Sie mehr Informationen, so öffnet ein Klick auf entweder das Icon oder den»mehr«-pfeil im Tooltipp ein Popup-Fenster mit der lokalen Hilfedatei (siehe Abbildung 3.6). Abbildung 3.6 Die Kontexthilfe in TYPO3 mit»mehr«-pfeil Icon und Bezeichner eines Seitenbaumelements Ein Element im TYPO3-Seitenbaum wird stets in Form eines Icons dargestellt. Dieses Icon steht für den Elementtyp wie beispielsweise die Weltkugel das Root-Element, den Ausgangspunkt der Site, symbolisiert. 87

17 3 Seiten anlegen Abbildung 3.7 Das Icon»Weltkugel«die Wurzel der TYPO3-Website Die verschiedenen Elemente, die im Seitenbaum vorkommen, besitzen deshalb unterschiedliche Icons. Es können, wie Sie später sehen werden, nicht nur virtuelle Dokumente, also»seiten«, Teil des Seitenbaums sein, sondern auch weitere Arten von Elementen, die andere Aufgaben übernehmen. Abbildung 3.8 Das Icon»Seite«ein virtuelles Dokument im Seitenbaum Rechts vom Stellvertreter-Icon steht der Bezeichner des Elements. Für das Root- Element ist dies der Sitename, für eine Seite ist es der Dokumenttitel. Sowohl Icon als auch Name sind klickbar und besitzen verschiedene Aufgaben: Ein Klick auf das Icon leitet eine Bearbeitung des Seitenbaums ein. Ein Klick auf den Bezeichner leitet eine Bearbeitung des Elements ein Anlegen von neuen Seiten über das Kontextmenü der Weltkugel Ein Klick auf das Weltkugel-Icon öffnet ein Kontextmenü 2 (siehe Abbildung 3.9). Es ist gleichgültig, ob Sie hierfür die linke oder die rechte Maustaste verwenden. Das Kontextmenü der Weltkugel besitzt fünf Menüpunkte. Wählen Sie von diesen den Befehl Neu, um eine neue Seite anzulegen. Anmerkung Der Kontextmenübefehl zeigt rechts zwar ein etwas anderes Symbol als das vorhin erläuterte Icon»neue Seite«, besitzt aber die gleiche Wirkung. In der rechten Hälfte des Arbeitsbereichs erscheint nun ein Dialog zum Erstellen eines neuen Datensatzes (neben Seiten können hier auch andere Arten von Elementen angelegt werden) wählen Sie die Option Seite (in), die das neuerstellte Seitenobjekt hierarchisch unterhalb (d. h.»in«) der Weltkugel einfügt. 2 Sie benötigen einen aktuellen Browser; mindestens Firefox 2.0 oder vergleichbar. Wenn Sie kein Kontextmenü sehen, unterstützt Ihr Browser die neue TYPO3-Version nicht entsprechend. 88

18 Der TYPO3-Seitenbaum 3.1 Abbildung 3.9 Seite anlegen mit dem Kontextmenü der Weltkugel Abbildung 3.10 Erzeugen einer neuen Seite unterhalb (»in«) der Weltkugel Die Erstellung einer neuen Seite erfordert einige Angaben, die in einem nun gezeigten Dialogfenster gemacht werden müssen (siehe Abbildung 3.11). Der Dialog ist, analog zu den Benutzereinstellungen, in mehrere Bereiche unterteilt, die in Form von Karteireitern organisiert sind. Uns interessiert an dieser Stelle nur der erste Reiter Allgemein. Hier ist zunächst ein Seitentitel zu vergeben. Obligatorische Angaben kennzeichnet TYPO3 durch ein gelbes Ausrufezeichen. Sie können den Dialog ohne Eingabe im Feld Seitentitel nicht verlassen. Nennen Sie die neuerstellte Seite»Seite 1«(Schritt 1 in Abbildung 3.11). Eine frische Seite ist immer zunächst»versteckt«, damit sie vor dem Abschluss der Bearbeitung von außen unsichtbar ist. Da dies für diese Vorübungen keine Rolle spielt, wählen Sie die entsprechende Checkbox Seite verstecken ab (Schritt 2). Alle anderen Eingabefelder können Sie vorläufig beiseitelassen. Beenden Sie den Dialog durch Klick auf das rechte Diskettenicon (»Speichern und Schließen«) am oberen Rand des Arbeitsfensters (Schritt 3 in Abbildung 3.11). Das linke Diskettenicon (jenes ohne Kreuz) speichert Ihre Eingaben, ohne aber den Dialog zu schließen. Sie können nachfolgend weitere Eingaben vornehmen. Das räumlich abgesetzte graue Icon mit dem Kreuz (ganz links) benötigen Sie nur, falls Sie den Dialog ohne Speichervorgang unmittelbar verlassen wollen. In diesem Fall wird jedoch keine neue Seite erzeugt. 89

19 3 Seiten anlegen Abbildung 3.11 Titel und Sichtbarkeit der neuen Seite Tipp: Vergessen Sie nie das Speichern als Abschluss eines Dialogs! Die von den Eingabefeldern räumlich getrennte Anordnung der Speicherbuttons oberhalb des eigentlichen Eingabebereiches verleitet dazu, das Speichern zu vergessen, wenn man in Eile ist. Sobald Sie den Dialog jedoch ohne zu speichern verlassen (indem Sie beispielsweise in ein anderes Modul wechseln), sind Ihre Eingaben unwiederbringlich verloren. Gewöhnen Sie sich routinemäßiges Speichern an Eine weitere Seite anlegen Die neue Seite erscheint nun mit dem angegebenen Titel Seite 1 im Seitenbaum. Klicken Sie jetzt zur Abwechslung auf das Seitenerstellungsicon über dem Seitenbaumfilter, um eine weitere Seite anzulegen. Der Folgedialog rechts im Arbeitsfenster bietet für die neue Seite verschiedene Positionen im Seitenbaum an. Sie kann vor, nach (TYPO3 spricht von»hinter«) oder als Unterseite von»seite 1«(also»in«) eingefügt werden. Wählen Sie im Dialog den eingerückten Positionierungsbutton unter dem Eintrag»Seite 1«(siehe Abbildung 3.12), um die neue Seite als Unterseite einzufügen. Das nun folgende Prozedere gleicht dem der ersten Seite geben Sie als Titel»Unterseite 1«an, und blenden Sie die Seite durch Abwahl der Checkbox ein. Legen Sie, wie in Abbildung 3.13 gezeigt, noch zwei weitere Unterseiten»nach«der 90

20 Der TYPO3-Seitenbaum 3.1 eben erstellten Seite an. Sie müssen diesmal zuvor nicht nochmals auf das Neuerstellungsicon klicken, da Sie unmittelbar in den Positionierungsdialog gelangen. Abbildung 3.12 Erstellen und Positionieren einer weiteren Seite Beachten Sie, dass als Ausgangspunkt für den Positionierungsdialog die jeweils zuletzt erstellte Seite gewählt wird: Um Folgeseiten auf gleicher Hierarchieebene zu erstellen, klicken Sie auf den Button unter dem Icon der aktuellen Seite. Abbildung 3.13 Anlegen einer Folgeseite auf gleicher Hierarchieebene Änderungen der Seiteneigenschaften Ein einmal gewählter Seitentitel ist nicht festgeschrieben. Alle Seiteneigenschaften können nachträglich geändert werden. Wollen Sie beispielsweise den Titel von»seite 1«in»Hauptseite 1«ändern, klicken Sie die Seite im Seitenbaum an (diesmal den Bezeichner der Seite, nicht ihr Icon). Wählen Sie im rechts erscheinenden Dialogfeld (Abbildung 3.14) den Button Seiteneigenschaften bearbeiten. Sie gelangen in den gleichen Dialog wie bei der Neuerstellung einer Seite. Überschreiben Sie den Seitentitel mit»hauptseite 1«, und speichern Sie Ihre Eingabe. Sie sehen, dass Ihre Änderung sofort im Seitenbaum sichtbar wird. 91

21 3 Seiten anlegen Abbildung 3.14 Nachträgliche Änderungen der Seiteneigenschaften Zur Erhöhung der Übersichtlichkeit erlaubt es TYPO3, Teile des Seitenbaumes einzuklappen (Abbildung 3.15). Hierzu dienen die Plus- und Minus-Symbole am Ausgangspunkt jedes Zweigbaumes als Schalter. Das Verfahren ist intuitiv und braucht nicht weiter erläutert zu werden. Es sollte damit aber deutlich werden, warum TYPO3 von Unterseiten als»in«einer Hauptseite befindlich spricht. Abbildung 3.15 Aus- und Einklappen eines Zweigs des Seitenbaums 3.2 Kontextmenüs und Shortcut-Buttons Das Kontextmenü eines Seitenelements Genau wie die Weltkugel besitzt auch jede Seite im Seitenbaum ein Kontextmenü. Dieses wird ebenfalls per Klick auf das Icon eingeblendet, ist aber umfangreicher als das Weltkugelmenü: Neben dem Erstellen weiterer Seiten und verschiedenen anderen Optionen sind auch das Ausschneiden, Kopieren, Seite verschieben oder Löschen einer Seite möglich. Die Option Weitere Einstellungen öffnet ein zusätzliches, untergeordnetes Kontextmenü, das über sechs weitere Befehle verfügt (Abbildung 3.16). Der Grund für die Auslagerung besteht darin, dass diese Aktionen zum Teil seltener benötigt werden, zum anderen aber auch durch Drag-and-Drop-Operationen oder über die gleich beschriebenen Shortcut-Befehlsbuttons zugänglich sind. 92

22 Kontextmenüs und Shortcut-Buttons 3.2 Abbildung 3.16 Kontextmenü und Sub-Kontextmenü Kontextmenüs vs. Shortcut-Buttons Was TYPO3-Einsteiger anfänglich irritiert, ist eine gewisse»tendenz zur Überfrachtung«der Systemoberfläche durch redundant auftauchende Schaltflächen, Icons und Eingabemöglichkeiten. (Verglichen mit vorhergehenden Versionen ist TYPO3 4.2 in dieser Beziehung schon ein wenig zurückhaltender gestaltet.) Viele Wege führen nach Rom Es ist eines der Grundmerkmale von TYPO3, zu jeder Zeit verschiedene Alternativen zum Aufrufen einer gewünschten Funktionalität zu bieten, um jedem Benutzer seine bevorzugte Arbeitsmethode zu ermöglichen. Sicher ist Ihnen bereits die graue Leiste am oberen Rand des Arbeitsbereichs zur Seitenbearbeitung aufgefallen (siehe Abbildung 3.17), auf der sich zwei Gruppen von Shortcut-Buttons befinden. Die linke Icon-Gruppe dient dem Direktzugriff auf Befehle, die analog über das Kontextmenü des Seitenbaums erreichbar sind. Die Zusammenhänge verdeutlicht Abbildung Abbildung 3.17 Die Shortcut-Buttons im Bereich»Seite bearbeiten«93

23 3 Seiten anlegen In der Gruppe rechts korrespondiert lediglich ein Icon mit dem Kontextmenü, die anderen zwei sind mit Zusatzfunktionen belegt (dazu später). Beachten Sie auch die Pfadangabe unter der Buttonreihe, die Sie über Name und Position der augenblicklich bearbeiteten Seite informiert. Das Icon in diesem Pfad ist ebenfalls klickbar und öffnet, wie sein Pendant im Seitenbaum, das Kontextmenü. Abbildung 3.18 Kontextmenüs und korrespondierende Shortcut-Buttons Eine weitere Funktionsgleichheit ist zu den Klickbuttons des Seitenbearbeitungsbereiches festzustellen (siehe Abbildung 3.19). Abbildung 3.19 Shortcut-Buttons vs. Klickbuttons (Ansicht»Spalten«) Die Shortcut-Buttons In den meisten Fällen kann man bei TYPO3 davon ausgehen, dass mit gleichen Icons jeweils die gleiche Funktion gesteuert wird. Dies gilt (mit einer Ausnahme) auch für die Shortcut-Buttons und die gleichwertigen Befehle des Kontextmenüs. Der Seitenicon-Button Der Seitenicon-Button 3 entspricht in seiner Funktion dem Icon der aktuellen Seite im Seitenbaum. Er öffnet dasselbe Kontextmenü. 3 Dieser Button existiert vornehmlich deshalb, weil für kleine Bildschirme auch eine Arbeitsansicht ohne eingeblendeten Seitenbaum möglich ist (Benutzereinstellungen: Schmale Ansicht). 94