+ All Categories
Home > Documents > Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von...

Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von...

Date post: 25-Sep-2020
Category:
Upload: others
View: 9 times
Download: 0 times
Share this document with a friend
68
Andreas Stöckl, Frank Bongers Einstieg in TYPO3 4.5 Inkl. Einführung in TypoScript
Transcript
Page 1: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Andreas Stöckl, Frank Bongers

Einstieg in TYPO3 4.5Inkl. Einführung in TypoScript

Page 2: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Auf einen Blick

1 TYPO3 – ein Open-Source-CMS ......................................... 19

2 Installation von TYPO3 ....................................................... 33

3 Seiten anlegen .................................................................... 85

4 Einstieg in TypoScript ......................................................... 125

5 Seitenlayout mit TypoScript ............................................... 167

6 Seiteninhalte anlegen ......................................................... 197

7 Backup von Seiten und Inhalten ......................................... 257

8 Einstieg in Designvorlagen ................................................. 273

9 Menüs erstellen mit TypoScript ......................................... 305

10 Templates automatisieren .................................................. 329

11 Die mehrsprachige Website ............................................... 349

12 Passwortgeschützte Bereiche ............................................. 365

13 Integration von Erweiterungen .......................................... 387

14 Rechtevergabe im Backend ................................................ 427

15 Layout mit TemplaVoilà ...................................................... 449

16 Übersicht: TYPO3-Backend ................................................ 483

17 TypoScript – eine Kurzreferenz ........................................... 495

A Installation von XAMPP ..................................................... 555

B TYPO3-Installer .................................................................. 567

C Backup mit phpMyAdmin ................................................... 573

D Online-Ressourcen ............................................................. 587

E Inhalt der Begleit-DVD ....................................................... 591

Page 3: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Inhalt

Vorwort zur 5. Auflage .............................................................................. 15

1 TYPO3 – ein Open-Source-CMS .......................................... 19

1.1 Aufgaben eines Content Management Systems ....................... 191.2 Kommerzielles Produkt vs. Open Source ................................. 20

1.2.1 Hosting des CMS ..................................................... 211.2.2 Installation, Wartung und Erweiterbarkeit des

Systems .................................................................... 221.2.3 Dokumentation des Systems .................................... 221.2.4 Unterstützung durch Dienstleister ............................ 231.2.5 Möglichkeit des lokalen Probebetriebs des CMS ....... 23

1.3 TYPO3 als Web Content Management System ........................ 241.3.1 Geschichte von TYPO3 ............................................. 241.3.2 Positionierung von TYPO3 ....................................... 251.3.3 Technische Hintergründe von TYPO3 ....................... 26

1.4 Systemvoraussetzungen von TYPO3 ........................................ 271.5 Vergleich der Hostingmöglichkeiten für TYPO3 ...................... 28

1.5.1 Einfacher Provider-Account mit PHP und MySQL...... 281.5.2 Spezialisierter TYPO3-Hoster ................................... 291.5.3 TYPO3 auf eigenem Server ....................................... 30

2 Installation von TYPO3 ....................................................... 33

2.1 Voraussetzungen für die Installation von TYPO3 ..................... 332.2 Installation von TYPO3 ........................................................... 34

2.2.1 Entpacken der TYPO3-Archive ................................. 352.2.2 Starten des Installationsvorgangs ............................. 362.2.3 Vorgehen nach Abschluss des Installations-

vorgangs .................................................................. 422.3 Konfiguration der Testinstallation ........................................... 45

2.3.1 Die Meldungen des Install Tools .............................. 482.3.2 Überprüfung der Grundkonfiguration

»Basic Configuration« ............................................... 492.4 Installation von GraphicsMagick ............................................. 56

2.4.1 Übergeben des ImageMagick-Pfads an das Install Tool ............................................................... 58

2.5 Überprüfung von GraphicsMagick ........................................... 60

5

Page 4: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Inhalt

2.5.1 Prüfung der Unterstützung der Dateiformate............. 612.5.2 Prüfen der Grafikerzeugung im GIF- und

PNG-Format ............................................................ 632.5.3 Prüfen der Bildskalierungsfunktionen ....................... 642.5.4 Prüfen der Funktionen zur Bildkombination ............. 652.5.5 Prüfen der GDLib-Effekte ......................................... 66

2.6 Finetuning mit »All Configuration« .......................................... 662.6.1 Beispiel: Anpassung eines Wertes für

ImageMagick ........................................................... 672.7 Konfigurationsdateien direkt bearbeiten ................................. 68

2.7.1 Datei in typo3conf betrachten oder bearbeiten......... 692.7.2 Sicherungskopien im Install Tool erzeugen ............... 702.7.3 Ein Blick auf localconf.php ....................................... 72

2.8 Fehlerbehebung bei Start des Backends .................................. 742.8.1 Änderung des Install-Tool-Passwords ....................... 752.8.2 Änderung des Passwords des Administrator-

Accounts .................................................................. 782.9 Einstellung der deutschen Benutzeroberfläche ........................ 79

2.9.1 Wahl der Backend-Sprache in den Benutzereinstellungen .............................................. 79

2.9.2 Download des Sprachpakets über den Extension Manager .................................................. 80

2.9.3 Überprüfung und Installation der Sprachpakete ........ 802.10 Sprachwechsel auf Benutzerebene .......................................... 83

3 Seiten anlegen ..................................................................... 85

3.1 Der TYPO3-Seitenbaum .......................................................... 853.1.1 Der TYPO3-Seitenbaum als hierarchische Struktur .... 853.1.2 Anlegen von neuen Seiten über das Kontextmenü

des Root-Icons ......................................................... 893.1.3 Neue Seite mit Drag & Drop .................................... 913.1.4 Änderungen der Seiteneigenschaften ....................... 93

3.2 Kontextmenüs und Shortcut-Buttons ...................................... 953.2.1 Das Kontextmenü eines Seitenelements ................... 953.2.2 Untermenü »Seitenaktionen« ................................... 963.2.3 Untermenü »Teilbereichsaktionen« .......................... 983.2.4 Ein- und Ausklappen von Seitenbaumzweigen .......... 100

3.3 Manipulation des Seitenbaums ............................................... 1013.3.1 Kopieren über das Kontextmenü .............................. 1023.3.2 Kopieren und Verschieben per Drag & Drop ............. 106

6

Page 5: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Inhalt

3.3.3 Löschen per Drag & Drop und Wiederherstellen von Seiten ............................................................... 107

3.3.4 Löschen per Kontextmenü ...................................... 1083.3.5 Der Bearbeitungsverlauf – Wiederherstellen

einer gelöschten Seite .............................................. 1083.3.6 Rekursives Löschen und Kopieren ............................ 1113.3.7 Kontextmenüs vs. Shortcut-Buttons ......................... 1143.3.8 Lesezeichen ............................................................. 1183.3.9 Pfadangabe zum bearbeiteten Objekt ...................... 120

3.4 Filtern der Seitenbaumansicht ................................................. 1213.5 Eine Seite anzeigen ................................................................. 1233.6 Zusammenfassung .................................................................. 124

4 Einstieg in TypoScript ......................................................... 125

4.1 Das Konzept des TYPO3-Templates ........................................ 1254.1.1 Anlegen und Verwalten von Templates .................... 1264.1.2 Aufbau des Template-Datensatzes ........................... 1294.1.3 Template-Setup mit dem Konfigurationsfeld ............. 1314.1.4 Erste Gehversuche in TypoScript .............................. 1324.1.5 Die eingebaute TypoScript-Referenz ........................ 1344.1.6 Das wrap-Prinzip des TEXT-Objekts ......................... 1364.1.7 Mehr Komplexität durch Content-Object-Array

COA ........................................................................ 1394.1.8 Kopieren, Referenzieren und Löschen von

Objekten in TypoScript ............................................ 1414.1.9 Der Quelltext einer TYPO3-Seite .............................. 147

4.2 Vererbung eines TypoScript-Templates ................................... 1484.2.1 Erweiterungs-Templates auf Unterseiten .................. 150

4.3 Der TypoScript-Objekt-Browser .............................................. 1534.3.1 Wechsel in den TypoScript-Objekt-Browser ............. 1534.3.2 Arbeit mit dem TypoScript-Objekt-Browser ............. 153

4.4 Einsatz von Konstanten ........................................................... 1574.4.1 Was versteht man unter Konstanten? ....................... 1574.4.2 Einsatz von Konstanten ............................................ 1584.4.3 Der Konstanten-Editor (Constant Editor) .................. 159

4.5 Die Template-Analyse ............................................................. 1614.5.1 Die Ansichtsmöglichkeiten in der

Template-Analyse .................................................... 1634.6 Löschen von Templates oder Erweiterungs-Templates ............ 163

4.6.1 Löschen über das Modul Web � Template ................ 1644.6.2 Löschen über das Modul Web � Liste ....................... 165

7

Page 6: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Inhalt

5 Seitenlayout mit TypoScript ............................................... 167

5.1 Einbindung von Grafikressourcen ............................................ 1675.2 Erzeugen eines Div-Layouts .................................................... 170

5.2.1 Hinzufügen von CSS-Angaben .................................. 1715.2.2 Textressourcen – der Inhalt der Fußzeile als

externe Datei ........................................................... 1745.2.3 Anlegen eines Inhaltselements ................................. 1775.2.4 Ausgabe des Inhaltselements in der Seite ................. 181

5.3 Erzeugen des Navigationsmenüs ............................................. 1835.4 Einsatz von Konstanten zur Konfiguration ............................... 1885.5 Ein Exkurs in die statischen Design-Templates ........................ 1925.6 Ausblick ................................................................................. 195

6 Seiteninhalte anlegen .......................................................... 197

6.1 Erzeugen einer Sitestruktur mit dem Modul »Funktionen« ...... 1976.2 Einführung in die Seiteninhaltstypen von TYPO3 .................... 200

6.2.1 Seiteninhalt »Normaler Text« (CType: text) ............... 2006.2.2 Setzen von Links im Seiteninhalt .............................. 2086.2.3 Seiteninhalt »Aufzählung« (CType: bullet) ................. 2146.2.4 Seiteninhalt »Text mit Bild« (CType: textpic) ............. 2166.2.5 Seiteninhalt »Bild« (CType: image) ........................... 2246.2.6 Seiteninhalt »Tabelle« (CType: table) ........................ 2316.2.7 Seiteninhalt »HTML« (CType: html) .......................... 2356.2.8 Seiteninhalt Trenner (CType: div) ............................. 2376.2.9 Seiteninhalt »Dateilinks« (CType: uploads) ............... 2376.2.10 Erstellen eines Kontaktformulars .............................. 2406.2.11 Seiteninhalte sortieren, kopieren, löschen,

referenzieren ............................................................ 2476.2.12 Referenzen mit Seiteninhalt »Datensatz einfügen«..... 251

6.3 Zusammenfassung und Ausblick .............................................. 255

7 Backup von Seiten und Inhalten ......................................... 257

7.1 Export eines Seiten-Backups ................................................... 2577.2 Import eines Seiten-Backups ................................................... 2617.3 Export und Import eines Seiteninhaltselements ....................... 2657.4 Export und Import einer kompletten Site ................................ 2677.5 Sichern und Einspielen einer Site »von Hand« ......................... 270

7.5.1 Erstellen eines SQL-Dumps ...................................... 271

8

Page 7: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Inhalt

7.5.2 Sichern der Projektdaten .......................................... 2717.6 Zusammenfassung .................................................................. 272

8 Einstieg in Designvorlagen ................................................. 273

8.1 Von TypoScript zur HTML-Designvorlage ................................ 2738.1.1 Erzeugen einer HTML-Designvorlage ....................... 2748.1.2 Einbinden der Designvorlage .................................... 2768.1.3 Editieren der Vorlage im Fileadmin .......................... 2818.1.4 Anlegen und Bearbeiten einer Vorlage im

HTML-Editor ............................................................ 2828.1.5 Platzhalter für Inhalte ............................................... 2838.1.6 Marker – Positionsmarkierungen .............................. 2848.1.7 Subparts – Bereichsmarkierungen ............................. 2848.1.8 Subparts vs. Marker ................................................. 2868.1.9 Die Rolle des Templates für die Designvorlage .......... 288

8.2 Einbinden der Inhalte per TypoScript ...................................... 2908.2.1 Ablage der Vorlagendatei im Fileadmin-Bereich ....... 2908.2.2 Ein Subpart für den zu bearbeitenden Bereich........... 2918.2.3 Einbinden des Stylesheets in die Designvorlage......... 2938.2.4 Ansprechen der Marker ........................................... 2948.2.5 Zuweisen der Content-Objekte an Subparts

und Marker .............................................................. 2958.2.6 Einfügen des Menüs in einen Marker ....................... 2978.2.7 Neues von CSS Styled Content ................................. 2988.2.8 Die Verwendung von styles.content.get ................... 2998.2.9 Zuweisen der Inhalte des Seitenfußes ....................... 301

8.3 Zusammenfassung und Ausblick .............................................. 303

9 Menüs erstellen mit TypoScript .......................................... 305

9.1 Anpassung der Websitestruktur des Beispielprojekts ............... 3069.2 Das Basisobjekt HMENU ......................................................... 306

9.2.1 Das Property entryLevel von HMENU ...................... 3079.3 Textmenüs mit dem Objekttyp TMENU .................................. 308

9.3.1 Einfaches Textmenü ................................................. 3089.3.2 Textmenü mit Untermenü ........................................ 3099.3.3 Weitere Zustände der Textmenü-Items .................... 3139.3.4 Eine Seite aus dem Menü ausblenden ...................... 319

9.4 Erzeugen des Rootline-Menüs ................................................ 3239.4.1 Das Property special von HMENU ............................ 3249.4.2 Das Property special.range von HMENU .................. 324

9

Page 8: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Inhalt

9.4.3 Gezielte Darstellung über Optionsplit ...................... 3269.4.4 Entfernen des Links für die aktuelle Seite ................. 326

9.5 Zusammenfassung und Ausblick .............................................. 327

10 Templates automatisieren .................................................. 329

10.1 Die neue Designvorlage .......................................................... 32910.1.1 Die neue Designvorlage in den Dateimanager

laden ....................................................................... 33010.2 Installation des Template Auto-parser ..................................... 33110.3 Einsatz des Template Auto-parsers .......................................... 337

10.3.1 Konfiguration des Template Auto-parsers ................ 33710.3.2 Konfiguration des PAGE-Objekts .............................. 33810.3.3 Die Quelltextausgabe des Template Auto-parsers...... 33910.3.4 Zuweisung bestehender Inhalte an die generierten

Subparts .................................................................. 34010.3.5 Zuweisung weiterer Subparts ................................... 340

10.4 Eine Sitemap für die Projektwebsite ........................................ 34210.5 Ausgabe der Webseiten als XHTML ........................................ 34510.6 Zusammenfassung und Ausblick .............................................. 347

11 Die mehrsprachige Website ................................................ 349

11.1 Einrichtung weiterer Sprachen ................................................ 34911.1.1 Anlegen der Sprachvariante in der Website über

das Listen-Modul ..................................................... 34911.1.2 Anlegen der Sprachvariante einer Seite .................... 35111.1.3 Die Eingabemaske für eine alternative Sprache.......... 35211.1.4 Inhalte zweisprachig anlegen ................................... 35811.1.5 Die Definition der Sprachauswahl im Template ......... 359

11.2 Mehrsprachige Menüs ............................................................ 36011.2.1 Konfiguration im Haupt-Template ............................ 360

11.3 Zusammenfassung und Ausblick .............................................. 364

12 Passwortgeschützte Bereiche ............................................. 365

12.1 Website-Benutzer und -Benutzergruppen ............................... 36512.1.1 Einrichten eines Systemordners für Frontend-

Benutzer .................................................................. 36612.1.2 Anlegen von Frontend-Benutzern und

Frontend-Benutzergruppen ...................................... 36712.1.3 Erfassungsmaske für Frontend-Benutzergruppen ....... 368

10

Page 9: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Inhalt

12.1.4 Erfassungsmaske für Frontend-Benutzer ................... 36912.1.5 Ansicht des Systemordners im Modul »Liste« ............ 37112.1.6 Konfiguration im TypoScript-Template ..................... 37112.1.7 Definieren der Zugriffsbeschränkung ........................ 37212.1.8 Das Login-Formular für Frontend-Benutzer .............. 374

12.2 Einsatz von Untergruppen ...................................................... 37712.3 Ein Login-Formular auf allen Seiten ........................................ 382

12.3.1 Ein Login-Formular in einem SysOrdner ................... 38312.3.2 Einfügen des Login-Formulars in das Seitenlayout ..... 384

12.4 Zusammenfassung und Ausblick .............................................. 385

13 Integration von Erweiterungen ........................................... 387

13.1 Newsmeldungen mit »tt_news« .............................................. 38713.1.1 Import und Installation des News-Moduls ............... 38813.1.2 Anlegen des SysOrdners für Newsbeiträge ............... 39013.1.3 Anlegen von Datensätzen im News-Ordner .............. 39113.1.4 Anlegen eines Newsdatensatzes ............................... 39213.1.5 Einbindung des statischen Templates ....................... 39713.1.6 Einfügen des News-Plugins in die Startseite ............. 39813.1.7 Seiten für Newsübersicht und Einzelmeldung............ 40213.1.8 Das Newsarchiv für ältere Meldungen ...................... 40313.1.9 Mehrsprachige Newsmeldungen .............................. 408

13.2 Volltextsuche mit »Indexed Search« ........................................ 41413.2.1 Die Erweiterung Indexed Search .............................. 41513.2.2 Die Konfiguration der Ergebnisseite »Suche«............. 41613.2.3 Einschalten der Indexierung im Template ................. 41913.2.4 Anbindung des Suchformulars der HTML-

Designvorlage .......................................................... 41913.2.5 Überprüfung der Indexierung ................................... 42113.2.6 Spracheinstellung ..................................................... 42213.2.7 Formatierung der Ausgabe ....................................... 42313.2.8 Externe Dateien indexieren ...................................... 424

13.3 Zusammenfassung und Ausblick .............................................. 426

14 Rechtevergabe im Backend ................................................. 427

14.1 Benutzergruppen für das Beispielprojekt ................................. 42714.1.1 Erstellung von Verzeichnisfreigaben ......................... 429

14.2 Festlegung der Gruppenrechte ................................................ 43014.2.1 Einstellungen für die Gruppe »Redakteure« .............. 43014.2.2 Die Einstellungen der anderen beiden Gruppen ........ 436

11

Page 10: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Inhalt

14.3 Anlegen der Einzelnutzer ........................................................ 43814.4 Den Zugriff auf den Seitenbaum erlauben ............................... 440

14.4.1 Untergruppen und die Vermischung von Rechten ..... 44314.5 Eine weitere Gruppe für die Seitenbaumrechte ....................... 444

14.5.1 Eine neutrale Benutzergruppe kommt zu Hilfe .......... 44514.5.2 Eigentumsverhältnisse neuer Seiten ......................... 446

14.6 Zusammenfassung und Ausblick .............................................. 447

15 Layout mit TemplaVoilà ...................................................... 449

15.1 Installation der Erweiterung TemplaVoilà ................................ 44915.2 Einbinden einer HTML-Designvorlage mit TemplaVoilà .......... 451

15.2.1 Vorarbeiten – Anlegen eines SysOrdners und neuer Seiten ............................................................ 452

15.2.2 Einbinden von TemplaVoilà ins TypoScript-Template ................................................................. 453

15.3 Mapping der Dokumentvorlage .............................................. 45415.3.1 Mapping des Dokumentkörpers ............................... 45615.3.2 Erstellen eines weiteren Bereichs ............................. 45915.3.3 Speichern des Mappings und Betrachten der

Datenstruktur .......................................................... 46215.3.4 Fortführen des Mapping-Vorgangs ........................... 467

15.4 Arbeiten mit dem TemplaVoilà-Template ............................... 47115.4.1 Zuweisen der TemplaVoilà-Datenstruktur an

die Startseite ............................................................ 47115.4.2 Einbinden der Stylesheet-Datei ................................ 47115.4.3 Einfügen der Inhalte ................................................. 473

15.5 Flexible Content Elemente ...................................................... 47415.6 Zusammenfassung und Ausblick .............................................. 480

16 Übersicht: TYPO3-Backend ................................................. 483

16.1 Die Modulleiste ...................................................................... 48316.1.1 Der modulare Aufbau des Backends ......................... 48416.1.2 Die Modulgruppe Web ............................................ 48416.1.3 Die Modulgruppe Datei (File) .................................. 48616.1.4 Die Modulgruppe Benutzerwerkzeuge (User Tools) ... 48616.1.5 Die Modulgruppe Adminwerkzeuge ......................... 48716.1.6 Die Modulgruppe Hilfe (Help) .................................. 489

16.2 Das globale Menü des Arbeitsbereichs .................................... 49016.2.1 Logout des aktuellen Nutzers – Wechsel des

Nutzerprofils ............................................................ 490

12

Page 11: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Inhalt

16.2.2 Verwaltung von Lesezeichen und Shortcuts .............. 49016.2.3 Die Cache-Funktionen in der Arbeitsfensterleiste ...... 49216.2.4 Das Workspace-Menü in der Arbeitsfensterseite ....... 49316.2.5 Das Suchfeld ............................................................ 494

17 TypoScript – eine Kurzreferenz ........................................... 495

17.1 TypoScript – die Grundlagen ................................................... 49617.1.1 Ähnlichkeiten und Unterschiede zu

Programmiersprachen .............................................. 49617.1.2 Operatoren in TypoScript ......................................... 49617.1.3 Bedingungen (Conditions) ........................................ 49817.1.4 Datentypen in TypoScript ........................................ 502

17.2 Die Objektmetapher von TypoScript ....................................... 50317.2.1 Einteilung der Objekttypen ...................................... 50317.2.2 Wertzuweisung an Objekt-Propertys ........................ 50417.2.3 Bildung von Objektinstanzen ................................... 50517.2.4 Objektzugehörige Arrays .......................................... 509

17.3 Seiten definieren – das PAGE-Objekt ...................................... 50917.3.1 TL-Objekt PAGE ....................................................... 510

17.4 Erzeugen von Framesets – FRAME-Objekte ............................. 51817.4.1 TL-Objekt FRAMESET .............................................. 52017.4.2 TL-Objekt FRAME .................................................... 52117.4.3 Quelltextbeispiel: Frameset mit TypoScript .............. 522

17.5 Inhalt einbinden – Content-Objekte ....................................... 52317.5.1 cObject COA ............................................................ 52517.5.2 cObject FILE ............................................................ 52617.5.3 cObject CONTENT ................................................... 52817.5.4 cObject TEMPLATE .................................................. 53017.5.5 cObject FLUIDTEMPLATE ........................................ 53317.5.6 cObject TEXT ........................................................... 53417.5.7 cObject HTML ......................................................... 53517.5.8 cObject IMAGE ........................................................ 53517.5.9 cObject IMAGE_RESOURCE ..................................... 537

17.6 Menüs erstellen – Menüobjekte ............................................. 53717.6.1 Objekt HMENU ....................................................... 53717.6.2 Objekt TMENU ........................................................ 54217.6.3 Objekt TMENUITEM (NO, ACT, CUR etc.) ............... 54317.6.4 Quelltextbeispiel: Textmenü mit TypoScript ............. 549

17.7 Userkonfiguration – cObject EDITPANEL ................................ 550

13

Page 12: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Inhalt

Anhang ....................................................................................... 553

A Installation von XAMPP .................................................................... 555A.1 XAMPP unter Windows .......................................................... 555A.2 XAMPP unter Linux ................................................................ 559A.3 XAMPP unter Mac OS X ......................................................... 561A.4 Konfiguration und Sicherheitseinstellungen ............................ 563A.5 Dokumentation von XAMPP ................................................... 566

B TYPO3-Installer ................................................................................. 567B.1 TYPO3Winstaller (Windows) .................................................. 567B.2 LAMP Testsite (Linux) ............................................................. 569B.3 t3[dmg] für Mac OS X ............................................................. 571

C Backup mit phpMyAdmin ................................................................. 573C.1 Was ist phpMyAdmin? ........................................................... 573C.2 Dump der TYPO3-Datenbank mit phpMyAdmin ..................... 575C.3 Wichtige Tabellen der TYPO3-Datenbank ............................... 580C.4 Einlesen eines Datenbank-Dumps bei Installation ................... 585

D Online-Ressourcen ............................................................................ 587D.1 Online-Ressourcen zu TYPO3 ................................................. 587D.2 Weitere Online-Ressourcen .................................................... 589

E Inhalt der Begleit-DVD ...................................................................... 591E.1 Installation ............................................................................. 592E.2 Dokumentation ...................................................................... 593E.3 Erweiterungen ........................................................................ 595E.4 Dateien zum Buch .................................................................. 596

Index ......................................................................................................... 597

14

Page 13: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Dieses Kapitel geht auf das Anlegen von Seiten und Unterseiten mit-hilfe der Modulgruppe Web ein: Erstellen, Kopieren, Verschieben von Seiten mittels Kontextmenü und Drag & Drop, Löschen und Wiederher-stellen sowie Kopieren und Löschen von Zweigen des Seitenbaums.

3 Seiten anlegen

Nachdem Sie jetzt über eine funktionierende TYPO3-Installation verfügen, ist esan der Zeit, einen vorsichtigen Blick ins Backend zu werfen, um erste Gehversu-che 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 Passwortim 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 derzukünftigen Website.

Ein Seitenbaum in TYPO3 entspricht den Webseiten, die in einer »herkömmli-chen« Webpräsenz in Form von HTML-Dokumenten abgelegt sind. Da TYPO3nicht mit »realen« Dateien arbeitet, müssen keine Seiten physisch auf dem Serverabgelegt werden. Stattdessen werden sie im CMS selbst als »virtuelle Seiten«erzeugt.

3.1.1 Der TYPO3-Seitenbaum als hierarchische Struktur

Diese virtuellen Dokumente werden hierarchisch einem Startpunkt unterstellt,der dem Wurzelverzeichnis, Root, einer Webpräsenz entspricht. Das Symbol, dasTYPO3 für diesen Startpunkt verwendet, ist ein kleines TYPO3-Logo. Die Hierar-chien unterhalb dieses Root-Icons 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 wer-den, gar nicht wirklich existieren. Sie werden sehen, dass der Umgang mit solchenDokumenten genauso intuitiv ist wie der mit realen Dateien.

85

Page 14: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Da zu diesem Zeitpunkt noch keine Seiten angelegt sind, sehen Sie derzeit nurdas kleine TYPO3-Logo, neben dem der Name der zu erstellenden Website steht(siehe Abbildung 3.1). Dieser lautet per Default1 New TYPO3 site.

Abbildung 3.1 Das Root-Icon der TYPO3-Site

Die Filterfunktion für den Seitenbaum

Oberhalb des Root-Icons sehen Sie ein kleines Trichtersymbol, das eine Filter-funktion für die Ansicht des Seitenbaums öffnet. Hierbei wird innerhalb der Sei-tentitel nach dem in das Textfeld eingegebenen Begriff gesucht.

Abbildung 3.2 Der Filter für die Seitenbaumansicht

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 hier-für Ihr Installationspasswort.

86

Page 15: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Der TYPO3-Seitenbaum 3.1

Seiten, deren Titel diesen Begriff nicht enthalten, werden im Baum ausgegraut.(Interessant wird dieses Feature, sobald der Seitenbaum einen gewissen Umfangangenommen hat und beginnt, unübersichtlich zu werden.) Der Filter wirkt abdem ersten eingegebenen Buchstaben. Ein Filterbegriff wird mit dem Buttonrechts im Textfeld gelöscht. (Mehr über den Seitenbaumfilter erfahren Sie abSeite 121 in diesem Kapitel.)

Die Befehls-Icons für den Seitenbaum

Oberhalb des Seitenbaumfilters befinden sich zwei weitere Icons, die Ihnen auchan anderen Stellen im Backend wieder begegnen werden. Deshalb werden wir siean dieser Stelle kurz erläutern.

� Icon »neue Seite« – Seitensymbol mit Pluszeichen im grünen Kreis

Diese Schaltfläche dient zum Erzeugen eines neuen Seitenobjekts.

Abbildung 3.3 Icon »neue Seite«

� Icon »Ansicht neu laden« – Grüne Pfeile (»Reload«)

Über dieses Icon forcieren Sie die Aktualisierung der Seitenbaumansicht, fallsvorgenommene Änderungen dort nicht umgehend sichtbar werden.

Abbildung 3.4 Icon »Ansicht neu laden«

� Icon »Kontexthilfe« – Fragezeichen in grauem Kreis

Das Fragezeichen (eines dieser Symbole sehen Sie im Arbeitsbereich rechts)bietet bei Mouseover einen Tool-Tipp als kontextsensitive Hilfe in der jeweili-gen Backend-Sprache. Benötigen Sie mehr Informationen, öffnet ein Klick aufden »Mehr«-Pfeil im Tool-Tipp ein Popup-Fenster mit der lokalen Hilfedatei(siehe Abbildung 3.6).

Abbildung 3.5 Icon »Kontexthilfe«

87

Page 16: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

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 das Root-Icon den Aus-gangspunkt der Site symbolisiert.

Abbildung 3.7 Das Root-Icon – die Wurzel der TYPO3-Website

Die verschiedenen Elemente, die im Seitenbaum vorkommen, besitzen deshalbunterschiedliche Icons. Es können, wie Sie später sehen werden, nicht nur virtu-elle Dokumente, also »Seiten«, Teil des Seitenbaums sein, sondern auch weitereArten 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 anklickbar 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.

88

Page 17: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Der TYPO3-Seitenbaum 3.1

3.1.2 Anlegen von neuen Seiten über das Kontextmenü des Root-Icons

Ein Klick auf das Root-Icon öffnet ein Kontextmenü (siehe Abbildung 3.9)2. Es istgleichgültig, ob Sie hierfür die linke oder die rechte Maustaste verwenden. Die-ses Kontextmenü besitzt fünf Menüpunkte. Wählen Sie von diesen den BefehlNeu, um eine neue Seite anzulegen.

Abbildung 3.9 Seite anlegen mit dem Kontextmenü des Root-Icons

In der rechten Hälfte des Arbeitsbereichs erscheint nun ein Dialog zur Positionie-rung der neuen Seite. Normalerweise können Sie zwischen einer Position »nach«dem aktuellen Objekt (unterer Pfeil) oder »in« dem aktuellen Objekt (oberer ein-gerückter Pfeil) wählen. Zu diesem Zeitpunkt sind beide Optionen gleichwertig.

Abbildung 3.10 Erzeugen einer neuen Seite unterhalb (»in«) der Site-Root

Die Erstellung einer neuen Seite erfordert einige Angaben, die in einem nungezeigten Dialogfenster gemacht werden müssen (siehe Abbildung 3.11). DerDialog ist, analog zu den Benutzereinstellungen, in mehrere Bereiche unterteilt,die in Form von Karteireitern organisiert sind. Uns interessiert an dieser Stellezunächst der erste Reiter Allgemein. Hier ist der Seitentitel einzugeben.

2 Sie benötigen einen aktuellen Browser; mindestens Firefox 2.0 oder vergleichbar. Wenn Sie kein Kontextmenü sehen, unterstützt Ihr Browser die aktuelle TYPO3-Version nicht ent-sprechend.

89

Page 18: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Abbildung 3.11 Titel der neuen Seite

Obligatorische Angaben kennzeichnet TYPO3 durch ein gelbes Ausrufezeichen.Sie können den Dialog ohne Eingabe im Feld Seitentitel nicht speichern. Nen-nen Sie die neu erstellte Seite »Seite 1«.

Abbildung 3.12 Sichtbarkeit der neuen Seite

Eine frische Seite ist immer zunächst »versteckt«, damit sie vor dem Abschlussder Bearbeitung von außen unsichtbar ist. Da dies für diese Vorübungen keineRolle spielt, wählen Sie im Reiter Zugriff die entsprechende Checkbox Deakti-

90

Page 19: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Der TYPO3-Seitenbaum 3.1

vieren ab (siehe Abbildung 3.12). Alle anderen Reiter und Eingabefelder könnenSie vorläufig außer Acht lassen.

Beenden Sie den Dialog durch Klick auf das rechte Disketten-Icon (»Speichernund Schließen«) am oberen Rand des Arbeitsfensters (siehe Abbildung 3.13). Daslinke Disketten-Icon (jenes ohne Kreuz) speichert Ihre Eingaben, ohne aber dabeiden Dialog zu schließen. Sie können nachfolgend weitere Eingaben vornehmen.

Abbildung 3.13 Icons zum Speichern und Beenden des Dialogs

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 die-sem Fall würde jedoch keine neue Seite erzeugt werden.

3.1.3 Neue Seite mit Drag & Drop

Die neue Seite erscheint nun mit dem angegebenen Titel »Seite 1« im Seiten-baum. Klicken Sie jetzt zur Abwechslung auf das Seitenerstellungs-Icon nebendem Seitenbaumfilter, um eine weitere Seite anzulegen. Unter dem Icon klappteine Button-Reihe auf, die verschiedene Typen zu erstellender Seiten symbolisiert(siehe Abbildung 3.14, links). Wir interessieren uns in diesem Fall zunächst nurfür das Icon ganz links, das eine »herkömmliche« neue Seite repräsentiert. Siekönnen jedes der Icons einfach mit der Maus anfassen und in den Seitenbaumziehen (siehe Abbildung 3.14, rechts).

Abbildung 3.14 Icons für neue Seiten, Einleitung Drag & Drop

Tipp: Vergessen Sie nie das Speichern als Abschluss eines Dialogs!

Die von den Eingabefeldern räumlich getrennte Anordnung der Speicher-Buttons ober-halb des eigentlichen Eingabebereichs verleitet dazu, das Speichern zu vergessen, wennman in Eile ist. Sobald Sie den Dialog jedoch ohne zu speichern verlassen (indem Siebeispielsweise in ein anderes Modul wechseln), sind Ihre Eingaben unwiederbringlichverloren. Gewöhnen Sie sich daher routinemäßiges Speichern an.

91

Page 20: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Ziehen Sie das Icon nun auf die im Seitenbaum bereits bestehende Seite mit demTitel »Seite 1«, und lassen Sie es dort fallen (siehe Abbildung 3.15, links). AchtenSie auf das hellblaue Avatar-Icon – es zeigt ein kleines Symbol mit einem einzel-nen Ordner und bedeutet »Einfügen in«. Die neue Seite wird hierarchisch derbestehenden Seite untergeordnet (siehe Abbildung 3.15, rechts).

Abbildung 3.15 Neue Seite per Drag & Drop »in« bestehender Seite

Dieses Procedere soll nun gleich wiederholt werden (praktischerweise bleibt dieIcon-Leiste zur Seitenerstellung offen, bis sie durch einen weiteren Klick auf denNeuerstellen-Button geschlossen wird). Ziehen Sie das Icon »Neue Seite« erneutin den Seitenbaum, diesmal allerdings auf die neue Seite, die noch den Titel[Standard-Titel] trägt. Diesmal soll jedoch eine Folgeseite auf der gleichen Hier-archieebene, also »nach« der bestehenden Seite erzeugt werden.

Abbildung 3.16 Neue Seite per Drag & Drop »nach« bestehender Seite

Beachten Sie das Avatar, das diesmal ein wenig anders aussieht. Es verändert seinAussehen je nach Zielposition der zu erstellenden Seite.

Abbildung 3.17 Avatar für »Einfügen in«

92

Page 21: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Der TYPO3-Seitenbaum 3.1

Abbildung 3.18 Avatar für »Einfügen nach«

Dies ist die wohl intuitivste Methode der Seitenerstellung – trotzdem gibt es hier-für noch weitere Möglichkeiten, die wir uns gleich ansehen werden. Zurzeitbesitzen die neuen Seiten immer noch Standardtitel, die lediglich als Platzhalterzu verwenden sind. Sie müssen also geändert werden. Außerdem sind die beidenneuen Seiten noch »versteckt«, was Sie am Icon erkennen können, das ein rotesWarnsymbol trägt. Im nächsten Schritt sollen sowohl die Seitentitel als auch dieSichtbarkeitseigenschaften der neuen Seiten angepasst werden.

Abbildung 3.19 Icon für eine »versteckte« Seite

3.1.4 Änderungen der Seiteneigenschaften

Das Ändern des Titels ist ebenso intuitiv möglich wie das Erstellen der Seite. Siebrauchen lediglich einen Doppelklick auf den zu bearbeitenden Titel auszuführenund können ihn dann einfach überschreiben. Ändern Sie den Titel der erstenneuen Seite in »Unterseite 1«.

Abbildung 3.20 Ändern des Seitentitels unmittelbar im Seitenbaum

Fast ebenso einfach gestaltet sich das Einblenden einer Seite: Klicken Sie hierfürauf deren Icon im Seitenbaum. Es öffnet sich ein Kontextmenü. Wählen Sie hierden Befehl Aktivieren, und schon sind Sie fertig (siehe Abbildung 3.21).

93

Page 22: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Abbildung 3.21 Aktivieren einer Seite über das Kontextmenü

Mit der zweiten Seite könnten Sie im Prinzip ebenso verfahren. Da die Möglich-keit dazu besteht, soll diesmal jedoch ein anderer Weg gewählt werden. KlickenSie diesmal auf den Seitentitel (siehe Abbildung 3.22, Schritt 1). Rechts nebendem Seitenbaum wechselt nun die Ansicht des Arbeitsbereichs, um ein Bearbei-ten der angewählten Seite zu ermöglichen – allerdings mit der Zielsetzung, derSeite Inhalte hinzuzufügen. Das soll jetzt noch nicht geschehen, sondern es sollendie Seiteneigenschaften bearbeitet werden. Klicken Sie auf das Icon Seiteneigen-

schaften bearbeiten am oberen Rand des Arbeitsbereichs (siehe Abbildung 3.22,Schritt 2).

Abbildung 3.22 Bearbeiten der Eigenschaften einer Seite

Sie gelangen in den gleichen Dialog wie bei der Neuerstellung einer Seite. Über-schreiben Sie den Seitentitel mit »Unterseite 2«, und speichern Sie Ihre Eingabe.Sie sehen, dass Ihre Änderung sofort im Seitenbaum sichtbar wird. Stellen Sie dieSeite im Bereich Zugriff durch Abwahl der Checkbox Deaktivieren auf sichtbar.In diesem Dialogmodus sind auch beliebige weitere Änderungen an den Seiten-eigenschaften möglich.

94

Page 23: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Kontextmenüs und Shortcut-Buttons 3.2

3.2 Kontextmenüs und Shortcut-Buttons

An dieser Stelle ist es angebracht, die Kontextmenüs des Root-Icons und norma-ler Seiten miteinander zu vergleichen. Grundsätzlich besitzt jedes Objekt, das Teildes Seitenbaums ist, ein solches Kontextmenü.

3.2.1 Das Kontextmenü eines Seitenelements

Genau wie das Root-Icon besitzt auch jede Seite im Seitenbaum ein Kontext-menü. Dieses wird ebenfalls per Klick auf das Icon eingeblendet, ist aber von derZahl der Befehle her umfangreicher als dasjenige des Root-Icons.

Abbildung 3.23 Kontextmenüs des Root-Icons (links) und einer Seite (rechts)

Die Befehle, aus denen sich ein Menü zusammensetzt, richten sich nach demObjekt, dem das Kontextmenü gehört. Das Root-Icon besitzt die Optionen Anse-

hen, Neu, Verlauf/Rückgängig, Exportieren in .t3d und Importieren aus .t3d.Wofür genau die jeweiligen Befehlen stehen, werden wir in Kürze erarbeiten.

Das Kontextmenü einer Seite zeigt (mit zwei Ausnahmen) andere Befehle. Auchhier existieren zwar die Optionen Ansehen und Verlauf/Rückgängig – dieanderen drei Befehle Deaktivieren, Bearbeiten und Info sind nur für Seitenob-jekte verfügbar. Des Weiteren befindet sich hinter den beiden Menüpunkten Sei-

tenaktionen und Teilbereichsaktionen noch je ein weiteres Untermenü.Betrachten wir zunächst kurz die Befehle der ersten Ebene.

� Befehl »Ansehen« – Seitensymbol mit AugeDieser Befehl öffnet die aktuelle Seite zum Betrachten in einem neuen Brow-serfenster. Vom Root-Icon aus angewandt, öffnet es die Einstiegsseite derWebsite.

95

Page 24: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Abbildung 3.24 Icon des Befehls »Ansehen«

� Befehl »Aktivieren« – ausgeschaltete GlühlampeDieser Befehl macht die aktuelle Seite sichtbar, wenn sie ausgeblendet ist,bzw. blendet sie aus, wenn sie sichtbar ist. Welcher Befehl angezeigt wird,hängt vom jeweiligen Zustand der Seite ab. Die Anweisung entspricht derCheckbox Deaktivieren im Bereich Zugriff der Seiteneigenschaften.

Abbildung 3.25 Icon des Befehls »Aktivieren«

� Befehl »Bearbeiten« – Stiftsymbol Dieser Befehl öffnet den Dialog zur Bearbeitung der Seiteneigenschaften.

Abbildung 3.26 Icon des Befehls »Bearbeiten«

� Befehl »Info« – Weißes »i« auf blauem SchildDieser Befehl öffnet ein Popup-Fenster mit Informationen über das aktuelleObjekt (Typ, Titel, letzte Aktualisierung etc.).

Abbildung 3.27 Icon des Befehls »Info«

3.2.2 Untermenü »Seitenaktionen«Im Kontextmenü sind Ihnen sicher die beiden Menüpunkte Seitenaktionen undTeilbereichsaktionen aufgefallen, die selbst nicht anklickbar sind. Stattdessenöffnen Sie jeweils ein weiteres Untermenü. Öffnen Sie das Unterkontextmenüausgehend von »Seite 1«, sehen Sie, dass es drei Befehle enthält (siehe Abbildung3.28). Sie können, ausgehend von dieser Position im Seitenbaum, eine neue Seiteanlegen, die aktuelle Seite ausschneiden oder kopieren. Diese Befehle werdenwir in Abschnitt 3.3 »Manipulation des Seitenbaums«, behandeln.

96

Page 25: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Kontextmenüs und Shortcut-Buttons 3.2

Abbildung 3.28 Untermenü »Seitenaktionen«, Wurzelseite eines Zweigs

An dieser Stelle soll etwas anderes gezeigt werden. Öffnen Sie nun das gleicheUntermenü erneut, diesmal ausgehend von »Unterseite 1«. Sie sehen, dass dasUntermenü jetzt vier Befehle umfasst – und zwar ist die Option, die aktuelle Seitezu löschen, hinzugekommen. Der Grund hierfür ist, dass es sich bei »Unterseite 1«um eine sogenannte Blattseite im Seitenbaum handelt, also um eine Seite, dieselbst nicht über Unterseiten verfügt.

Eine solche Seite darf gelöscht werden, da keine von ihr abhängigen Seitendaten-sätze existieren. TYPO3 geht hingegen davon aus, dass das Löschen einer Seite,die (wie »Seite 1«) über eine oder mehrere Unterseiten verfügt, reglementiertwerden muss: Für solche Seiten wird daher eine Löschoption von vornhereinnicht angeboten (wir werden noch sehen, wie sich das ändern lässt).

Abbildung 3.29 Untermenü »Seitenaktionen«, Blattseite eines Zweigs

97

Page 26: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

� Befehl »Löschen« – Mülltonnensymbol Dieser Befehl löscht das aktuelle Objekt aus dem Seitenbaum. Dies ist ohneKonfigurationsänderung nur möglich für Objekte, die keine Unterobjektebesitzen (sogenannte Leaf- oder Blattseiten eines Zweigs).

Abbildung 3.30 Icon des Befehls »Löschen«

Zum Löschen können Sie ein Objekt jedoch einfacher auch an den unteren Randdes Seitenbaumbereichs ziehen (siehe Abbildung 3.31). Auch dies ist nur fürLeaf-Seiten möglich, für andere Seiten erscheint das Drop-Target nicht.

Abbildung 3.31 Löschen einer Seite per Drag & Drop

3.2.3 Untermenü »Teilbereichsaktionen«

TYPO3 bezeichnet einen Zweig des Seitenbaums als Teilbereich. Nicht alle Aktio-nen, die im Seitenbaum möglich sind, beziehen sich direkt auf Seitenobjekte.Manche sind für mehrere Seiten gleichzeitig gültig, die im Rahmen eines Baum-zweigs zusammengefasst sind, betreffen also beispielsweise eine Hauptseite undgleichzeitig alle ihre Unterseiten. Solche Aktionen werden als Teilbereichsaktio-nen bezeichnet.

Diese Aktionen sind über ein eigenes Untermenü erreichbar, wobei es keineRolle spielt, ob die betreffende Seite selbst über Unterseiten verfügt (ist dies nichtder Fall, besteht der »Teilbereich« eben nur aus der aktuellen Seite).

98

Page 27: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Kontextmenüs und Shortcut-Buttons 3.2

Abbildung 3.32 Untermenü »Teilbereichsaktionen«

� Befehl »Als Startpunkt für den Seitenbaum festlegen«Dieser Befehl macht die aktuelle Seite zur Wurzelseite eines temporären Sei-tenbaums. Dies ist praktisch, sobald der vollständige Seitenbaum auf eineunübersichtliche Größe angewachsen ist und man vorübergehend mehr Über-sicht benötigt: Alle Zweige neben und Seiten hierarchisch oberhalb der aktu-ellen Seite werden ausgeblendet. Der temporäre Startpunkt kann per Klick ein-fach wieder aufgehoben werden (siehe Abbildung 3.34).

Abbildung 3.33 Icon des Befehls »Als Startpunkt für den Seitenbaum festlegen«

Abbildung 3.34 Temporären Startpunkt aufheben

99

Page 28: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

� Befehl »Exportieren in .t3d«Dieser Befehl exportiert die Daten der aktuellen Seite oder, je nach Einstel-lung, des gesamten aktuellen Zweigs in Form eines TYPO3-Dumps. Dies istTeil der Backup-Strategie von TYPO3, die wir in Kapitel 7, »Backup von Seitenund Inhalten«, ausführlicher behandeln werden. Lassen Sie diesen und denfolgenden Befehl einstweilen also noch außer Acht.

Abbildung 3.35 Icon des Befehls »Exportieren in .t3d«

� Befehl »Importieren aus .t3d«Als Gegenstück zum eben erwähnten Exportbefehl gibt diese Anweisung dieMöglichkeit, einen TYPO3-Dump mit der aktuellen Seite als Einstiegspunkt zuimportieren. Auch hierauf gehen wir in Kapitel 7 näher ein.

Abbildung 3.36 Icon des Befehls »Importieren aus .t3d«

3.2.4 Ein- und Ausklappen von Seitenbaumzweigen

Zur Erhöhung der Übersichtlichkeit erlaubt es TYPO3, Teile des Seitenbaums ein-zuklappen (siehe Abbildung 3.37). Hierbei dienen die schwarzen Dreiecke amAusgangspunkt jedes Zweigbaums als klickbare Schalter. Das Verfahren ist intui-tiv und braucht nicht weiter erläutert zu werden. Es sollte damit aber deutlichwerden, warum TYPO3 von Unterseiten als »in« einer Hauptseite befindlichspricht.

Abbildung 3.37 Aus- und Einklappen eines Zweigs des Seitenbaums

100

Page 29: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Manipulation des Seitenbaums 3.3

Dieselbe Aktion lässt sich auch über das Kontextmenu der Stammseite einesZweigs erledigen. Klicken Sie auf das Seiten-Icon, und öffnen Sie das UntermenüTeilbereichsaktionen. Hier finden Sie, neben den soeben vorgestellten Befeh-len, auch die Optionen, diesen Teilbereich ein- oder auszuklappen.

Abbildung 3.38 Aus- und Einklappen eines Seitenbaumzweigs (Kontextmenü)

3.3 Manipulation des Seitenbaums

Wir befassen uns nun mit den Möglichkeiten, die TYPO3 bietet, den Seitenbaumund damit die Struktur einer zu erzeugenden Website zu bearbeiten. Da, wie wirspäter sehen werden, das Navigationsmenü der Site aus den Namen und denPositionen der Seiten im Seitenbaum abgeleitet wird, ist es wichtig, Seiten ein-fach umbenennen, verschieben, kopieren oder löschen zu können. Einen Teildieser Möglichkeiten haben wir bereits gestreift. Nun gehen wir die Thematiksystematischer an und betrachten zum Schluss auch das Kopieren und Löschenganzer Zweige.

Benennen Sie zunächst »Seite 1« in »Hauptseite 1« um, und erzeugen Sie eineweitere »Unterseite 3« in »Hauptseite 1« (siehe Abbildung 3.39).

101

Page 30: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Abbildung 3.39 Erzeugen des Ausgangsseitenbaums für diesen Abschnitt

3.3.1 Kopieren über das Kontextmenü

Wie einfach es ist, eine neue Seite per Drag & Drop zu erzeugen, haben wirbereits in diesem Kapitel behandelt. Eben wurde nochmals das Erzeugen einerSeite per Kontextmenü demonstriert. Sie sehen, dass TYPO3 verschiedene Wegebietet, um dieselbe Aktion durchzuführen. Diese Redundanz ist durchaus beab-sichtigt und gibt Ihnen die Möglichkeit, Ihre Arbeitsmethoden nach Ihren per-sönlichen Vorlieben zu gestalten.

Abbildung 3.40 Kopieren und Einfügen einer Seite per Kontextmenü

102

Page 31: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Manipulation des Seitenbaums 3.3

Auch für das Kopieren einer bereits existierenden Seite bietet TYPO3 mehrere Ansatz-punkte. Betrachten wir zunächst das Kopieren und Einfügen per Kontextmenü.

Klicken Sie das Icon der betreffenden Seite an, und wählen Sie im sich daraufhinöffnenden Kontextmenü die Option Seitenaktionen � Kopieren (siehe Abbildung3.40, links). Wir wollen auf diesem Weg eine Kopie von »Hauptseite 1« erstellen.

Die kopierte Seite muss nun im Seitenbaum platziert werden – klicken Sie hierfürauf das Icon derjenigen Seite, der die kopierte Seite als Folge- oder Unterseitezugeordnet werden soll (siehe Abbildung 3.40, Mitte; in diesem speziellen Fall istdies zweimal die gleiche Seite).

Abbildung 3.41 Icon »Kopieren«

Sie sehen, dass das Untermenü Seitenaktionen nun weitere Befehle aufweist, diein dem Moment hinzukommen, in dem sich ein kopiertes Seitenobjekt in derZwischenablage befindet.

Sie haben demnach zwei Möglichkeiten zur Verfügung, das kopierte Objekt rela-tiv zur aktuellen Seite (bezeichnen wir sie als Zielseite) in den Seitenbaum einzu-fügen:

� Zum Einfügen der kopierten Seite als Folgeseite der Zielseite (auf gleicher Hie-rarchiestufe) wählen Sie Seitenaktionen � Einfügen nach.

Abbildung 3.42 Icon »Einfügen nach«

� Zum Einfügen der kopierten Seite als Unterseite der Zielseite wählen SieSeitenaktionen � Einfügen in.

Abbildung 3.43 Icon »Einfügen in«

Manche Befehlsoptionen werden erst sichtbar, wenn sie benötigt werden

Die Menüpunkte Einfügen nach und Einfügen in sind im Kontextmenü nur dann sicht-bar, wenn zuvor ein Seitenobjekt zum Kopieren ausgewählt wurde.

103

Page 32: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Der Kopierbefehl hingegen ist einstweilen blockiert, was sich in einem roten Ver-botsschild auf dem Icon niederschlägt (siehe Abbildung 3.44). Dieses Icon sehenSie nur, wenn sich die Seite, von der aus das Kontextmenü geöffnet wurde, bereitsin der Zwischenablage befindet. Sie könnten zwar dennoch eine andere Seitekopieren, doch würde dabei das ursprünglich kopierte Objekt in der Zwischen-ablage ersetzt.

Abbildung 3.44 Icon »Kopieren blockiert«

Die Kopie von »Hauptseite 1« soll auf gleicher Ebene als deren Folgeseite erschei-nen. Wählen Sie daher Einfügen nach (siehe Abbildung 3.40, Mitte). Dieerstellte Kopie platziert sich nun als Folgeseite von »Hauptseite 1« im Seitenbaum(siehe Abbildung 3.40, rechts). Gleich einer neu erstellten Seite ist sie zunächstversteckt, weshalb sie ein anderes Icon mit einem roten Warnsymbol erhält.Auch im Seitentitel ist die neue Seite als Kopie gekennzeichnet: »Hauptseite 1(Kopie 1)«.

Abbildung 3.45 Icon einer im Seitenbaum versteckten Seite

Die neue Seite muss nun durch Änderung ihrer Seiteneigenschaften eingeblendetwerden (im Kontextmenü: Aktivieren). Danach können Sie noch den Seitentitelvon »Hauptseite 1 (Kopie 1)« in »Hauptseite 2« ändern.

Analog gehen Sie beim Kopieren und Einfügen einer Unterseite vor (siehe Abbil-dung 3.46) – hier wird als Beispiel »Unterseite 1« von »Hauptseite 1« kopiert undals Unterseite von »Hauptseite 2« abgelegt.

Auch in diesem Fall wird zunächst die Quellseite kopiert und anschließend dasIcon der Zielseite angewählt – allerdings muss in diesem Fall die Option Einfü-

gen in verwendet werden (siehe Abbildung 3.46, Mitte). Wie bereits gewohnt,ist die neu erstellte Unterseite zunächst versteckt. Blenden Sie sie daher über dasKontextmenü mit dem Befehl Aktivieren ein (siehe Abbildung 3.47).

Zweige des Seitenbaums werden nicht automatisch kopiert

Beachten Sie, dass in diesem Fall nur die Seite selbst, nicht aber der ihr untergeordneteSeitenzweig mit den Unterseiten kopiert wurde!

104

Page 33: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Manipulation des Seitenbaums 3.3

Abbildung 3.46 Kopieren und Einfügen als Unterseite

Abbildung 3.47 Seite aktivieren per Kontextmenü

Analog können Sie eine Seite auch jederzeit wieder ausblenden (»deaktivieren«).Das Kontextmenü bietet stets den jeweils zum Zustand der Seite passendenBefehl an (siehe Abbildung 3.47, Mitte). Eine verborgene Seite kann eingeblen-det, eine bereits sichtbare Seite verborgen werden.

105

Page 34: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Abbildung 3.48 Icon »Deaktivieren« (leuchtende Glühbirne)

3.3.2 Kopieren und Verschieben per Drag & Drop

Eleganter und intuitiver lässt sich der Seitenbaum mittels Drag & Drop-Operatio-nen manipulieren. Ziehen Sie einfach die Quellseite auf die Zielseite, und lassenSie sie dort fallen. Probieren Sie es mit »Unterseite 2« von »Hauptseite 1«, undziehen Sie sie auf »Unterseite 1« von »Hauptseite 2« (siehe Abbildung 3.49).

Abbildung 3.49 Seite verschieben mit Drag & Drop

Auf diesem Wege verschieben Sie »Unterseite 2« in »Hauptseite 2«. Beachten Sie:Eine verschobene Seite nimmt ihre bisherigen Eigenschaften mit. Da »Unterseite2« bereits sichtbar war, behält sie diesen Status dementsprechend auch nach derVerschiebung bei.

In »Hauptseite 1« fehlt nun die Unterseite. Macht nichts – kopieren wir sie ein-fach dorthin zurück. Auch dies geht ganz einfach per Drag & Drop. Der einzigeUnterschied zur vorigen Aktion besteht darin, die (Strg)-Taste gedrückt zu hal-ten, während Sie die Seite mit der Maus bewegen.

Ziehen Sie nun bei gedrückter (Strg)-Taste »Unterseite 2« aus »Hauptseite 2« auf»Unterseite 1« in »Hauptseite 1«. Sie sehen, dass sich das Avatar der bewegtenSeite verändert hat und nun ein Plussymbol auf grünem Kreis zeigt. Dies bedeu-tet, dass dem Seitenbaum an der durch die Querlinie angedeuteten Stelle einObjekt hinzugefügt wird (siehe Abbildung 3.50, Mitte). An dieser Position wirddie Seitenkopie abgelegt. Die neue Seite muss, wie gehabt, anschließend nocheingeblendet werden.

106

Page 35: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Manipulation des Seitenbaums 3.3

Abbildung 3.50 Seite kopieren mit Drag & Drop

3.3.3 Löschen per Drag & Drop und Wiederherstellen von Seiten

Kopieren Sie nun ebenfalls per Drag & Drop »Unterseite 3« aus »Hauptseite 2« in»Hauptseite 2«. Diese Seite soll probeweise gelöscht, aber gleich darauf wieder-hergestellt werden. Die intuitive Löschmethode per Drag & Drop haben Siebereits kennengelernt. Ziehen Sie »Unterseite 3« einfach an die untere Kante desSeitenbaumbereichs, und lassen Sie sie im dann erscheinenden Löschbereich fal-len (achten Sie auf das Avatar, das vor dem Löschen ein Mülltonnensymbol zeigt).Fertig! Die Seite ist gelöscht.

Abbildung 3.51 Löschen per Drag & Drop, Wiederherstellung

Unmittelbar nach einem derartigen Löschvorgang ist eine Wiederherstellung ausdem Lösch-Target heraus möglich: Klicken Sie dazu auf den Button Zum Wieder-

herstellen hier klicken, während das Target noch sichtbar ist (siehe Abbildung3.51, rechts). Die Seite erscheint wieder im Seitenbaum.

Eine solche Wiederherstellung ist allerdings wirklich nur direkt nach einemLöschen per Drag & Drop möglich. Warten Sie zu lange (oder haben Sie die Seiteauf anderem Wege gelöscht), ist diese Option nicht mehr zugänglich. Dies stellt,wie gleich gezeigt werden wird, jedoch kein ernsthaftes Problem dar.

107

Page 36: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

3.3.4 Löschen per Kontextmenü

Ein anderer, bereits angesprochener Weg, ein Seitenobjekt zu löschen, ergibt sichüber das Kontextmenü. Nun soll die eben gelöschte und wiederhergestellte»Unterseite 3« aus »Hauptseite 2« über ihr Kontextmenü gelöscht werden. Wäh-len Sie dort die Option Seitenaktionen � Löschen.

Abbildung 3.52 Löschen einer Seite über das Kontextmenü

Nach Bestätigen einer Sicherheitsabfrage, die ähnlich einer Lightbox über einemOverlay gezeigt wird, ist die Seite gelöscht und verschwindet daraufhin aus demSeitenbaum (siehe Abbildung 3.52).

3.3.5 Der Bearbeitungsverlauf – Wiederherstellen einer gelöschten Seite

An dieser Stelle ist die Frage angebracht, was zu tun ist, wenn eine Seite auf die-sem Wege versehentlich gelöscht wurde. Einen Wiederherstellungs-Button wiebeim Drag & Drop-Löschvorgang hat man nicht zur Verfügung. Einen Papierkorb,aus dem man die gelöschte Seite zurückholen könnte, gibt es auch nicht.3

3 Es lässt sich aber in der Tat ein Element vom Typ »Papierkorb« im Seitenbaum einrichten, das einem vergleichbaren Zweck dient – wenn es auch nicht hundertprozentig funktions-identisch zu seinem Betriebssystem-Pendant ist: Löschen per Kontextmenü legt eine Seite nicht automatisch im Papierkorb ab; dies ist aber durch Verschieben per Drag & Drop möglich.

108

Page 37: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Manipulation des Seitenbaums 3.3

Wenn Sie gut beobachtet haben, werden Sie allerdings im Kontextmenü dieOption Verlauf/Rückgängig bemerkt haben. Mithilfe dieses Befehls lassen sichBearbeitungsschritte gewissermaßen »rückwärts« abspulen – ein versehentlichvorgenommener Löschvorgang also rückgängig machen.

Abbildung 3.53 Icon »Verlauf/Rückgängig«

Die Aufzeichnung des Bearbeitungsverlaufs erfolgt gewissermaßen bei derjeweils übergeordneten Seite – in diesem Fall also bei »Hauptseite 2«. Wählen Sieden Befehl daher über deren Kontextmenü an.

Abbildung 3.54 Wechsel in den Bearbeitungsverlauf, Wahl des Arbeitsschritts

In der Tabelle des Bearbeitungsverlaufs sehen Sie die in diesem Zweig des Seiten-baums erfolgten Arbeitsschritte, deren Zeitpunkt und die seither verstricheneZeit, den Bearbeiter, die betroffene Seite und die Art des erfolgten Schritts.

Die Liste beschränkt sich nicht auf die aktuelle Login-Periode, sondern greift(beliebig) weiter zurück in die Bearbeitungshistorie. In dieser Demonstration istdie Liste noch recht übersichtlich und umfasst lediglich zwei Punkte – Einfügenund Löschen von »Unterseite 3« (siehe Abbildung 3.54).

109

Page 38: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Widerrufen eines Arbeitsschritts im Erstellungsverlauf

Um einen Arbeitsschritt rückgängig zu machen, klicken Sie auf das Pfeil-Iconlinks neben dem Eintrag (siehe Abbildung 3.55).

Abbildung 3.55 Icon »Arbeitsschritt rückgängig«

Im folgenden Dialog haben Sie die Wahl, entweder einen einzelnen (den ange-wählten) oder alle aktuell aufgelisteten Schritte rückgängig zu machen.

Abbildung 3.56 Icon »Einzelnen Eintrag rückgängig machen«

Abbildung 3.57 Icon »Alle gezeigten Änderungen rückgängig machen«

Dies ist in diesem Beispiel ebenfalls nur ein Schritt (siehe Abbildung 3.58).

Abbildung 3.58 Einzelnen Arbeitsschritt rückgängig machen

110

Page 39: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Manipulation des Seitenbaums 3.3

Der unauffällige Klick-Button unterhalb der Tabelle dient im Bedarfsfall dazu, zurvorher gezeigten Gesamttabelle zurückzukehren, falls Sie mit der getroffenenAuswahl nicht einverstanden sein sollten (siehe Abbildung 3.59).

Abbildung 3.59 Icon »Zurück zur Gesamtansicht«

In diesem Fall erfolgt keine Rücknahme des Arbeitsschritts. Entscheiden Sie sichjedoch für eine Rücknahme, wird dies als neuer Arbeitsschritt gewertet, und die-ser wird daraufhin der Liste hinzugefügt (siehe Abbildung 3.60).

Abbildung 3.60 Ein rückgängig gemachter Arbeitsschritt in der Übersicht

Die vorhin gelöschte Seite ist nun im Seitenbaum wieder aufgetaucht, die Rück-nahme steht als Arbeitsschritt einfügen am Anfang der Verlaufstabelle. EinArbeitsschritt wird also nicht gelöscht, sondern mit umgekehrtem Vorzeichenwiederholt – was den Vorteil hat, auch die Rücknahme gegebenenfalls widerru-fen zu können.

3.3.6 Rekursives Löschen und Kopieren

Nun könnte auch der Wunsch entstehen, eine Seite zu löschen, die selbst Unter-seiten besitzt. Wie eben gezeigt, akzeptiert TYPO3 die Löschung einer Seite ohneuntergeordnete Seiten widerspruchslos. Dies ist jedoch nicht der Fall, wenn Sie

111

Page 40: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

beispielsweise »Hauptseite 2« per Kontextmenü zu löschen versuchen, da dieseSeite mehrere Unterseiten besitzt: Ein entsprechender Befehl ist in ihrem Kon-textmenü schlicht nicht enthalten. Auch das Löschen per Drag & Drop scheitert,da kein Target-Bereich für den Löschvorgang erscheint.

Dennoch mag es wünschenswert sein, auch Seiten mitsamt ihren Unterseitenlöschen zu können (darauf, dass dies ein Risiko darstellt und bei der Wieder-herstellung zu unübersichtlichen Verhältnissen führen kann, sei an dieserStelle jedoch hingewiesen – man sollte mit dieser Option nicht leichtfertigumgehen).

Erlauben des rekursiven Löschens in den Benutzereinstellungen

Um die gewünschte Aktion zu ermöglichen, ist zunächst eine Änderung in denBenutzereinstellungen vorzunehmen. Wechseln Sie hierfür nach Benutzerwerk-

zeuge � Einstellungen. Durch Anwählen der entsprechenden Checkbox Rekur-

sives Löschen, wie der Löschvorgang für komplette Zweige bezeichnet wird, imBereich Bearbeiten und erweiterte Funktionen gestatten Sie die entsprechendeOption (siehe Abbildung 3.61).

Abbildung 3.61 Erlauben von rekursiven Operationen auf Benutzerebene

Erlauben des rekursiven Kopierens in den Benutzereinstellungen

Rekursives Kopieren, also das Mitkopieren der Unterseiten einer kopierten Seite,erlauben Sie, indem Sie im Texteingabefeld Rekursives Kopieren die Anzahl dermitzukopierenden Hierarchiestufen angeben. Wollen Sie also nur die erste Ebene

112

Page 41: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Manipulation des Seitenbaums 3.3

der Unterseiten mitkopieren, geben Sie hier die »1« ein. Wollen Sie tiefereKopien, muss eine größere Zahl eingetragen werden. Platzhalter, im Sinne von»beliebig«, sind nicht möglich.

Anwendung des rekursiven Kopierens und Löschens

Nach Setzen der Optionen – in diesem Fall wurde rekursives Kopieren zweierSublevel erlaubt (also der ersten beiden untergeordneten Hierarchieebenen) –kann »Hauptseite 1« mit Unterseiten kopiert und als Folgeseite nach »Hauptseite2« eingefügt werden (siehe Abbildung 3.62). Wie gehabt, ist die kopierte Seiteselbst ausgeblendet, ihre mitkopierten Unterseiten sind es jedoch nicht.

Abbildung 3.62 Rekursives Kopieren mit einem Sublevel

Dass nun auch rekursives Löschen gestattet ist, haben Sie daran bemerken kön-nen, dass während des Kopierens von »Hauptseite 1« im Kontextmenü nun auchdie Option Löschen sichtbar war (siehe Abbildung 3.62, links). Folglich lässt sichauch der gerade kopierte Zweig ebenso leicht wieder löschen. Vorsicht – den Ein-trägen Kopieren, Einfügen, Löschen im Kontextmenü sieht man nicht an, dasssie nun über rekursive Operationen auch Unterseiten mit einbeziehen.

Klicken Sie auf die eben kopierte »Hauptseite 1 (Kopie 1)«, um sie zu löschen. Eserfolgt beim Löschen keine Meldung, dass nun eine rekursive Aktion stattfindet.Das bedeutet, der unveränderte Warndialog bietet keinen Hinweis darauf, dasshier ebenfalls vorhandene Unterseiten entfernt werden (siehe Abbildung 3.63,Mitte).

113

Page 42: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Abbildung 3.63 Rekursives Löschen inklusive aller Sublevel

Auch eine rekursive Aktion lässt sich mittels des Bearbeitungsverlaufs rückgängigmachen. Dies erfordert jedoch mehrere Schritte. Wollen Sie beispielsweise densoeben erfolgten Löschvorgang zurücknehmen, müssen Sie zunächst die Haupt-seite mithilfe des Bearbeitungsverlaufs der Site-Root rekonstruieren und anschlie-ßend über den Bearbeitungsverlauf der wiederhergestellten Hauptseite derenUnterseite.

3.3.7 Kontextmenüs vs. Shortcut-Buttons

Was TYPO3-Einsteiger anfänglich irritiert, ist eine gewisse Redundanz in der Sys-temoberfläche durch mehrfach auftauchende Icons. Verglichen mit vorhergehen-den Versionen, ist TYPO3 4.5 in dieser Beziehung sehr zurückhaltend gestaltet.Es ist jedoch nach wie vor ein Grundmerkmal von TYPO3, oft verschiedene Alter-nativen zum Aufruf einer gewünschten Funktionalität zu bieten, um jedemBenutzer die bevorzugte Arbeitsmethode zu ermöglichen.

Sicher ist Ihnen bereits die graue Leiste am oberen Rand des Arbeitsbereichs auf-gefallen, auf der, sobald Sie sich im Bearbeitungsmodus einer Seite befinden,zwei Gruppen von Shortcut-Buttons zu sehen sind.

Gehen Sie behutsam bei der Erlaubnis rekursiver Operationen vor!

Beachten Sie, dass rekursive Operationen eine heikle Angelegenheit sind. Obwohl prak-tisch, können sie auch eine Menge Verdruss verursachen. Überlegen Sie daher, welchemBenutzer Sie die entsprechenden Einstellungsmöglichkeiten zugestehen wollen.

114

Page 43: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Manipulation des Seitenbaums 3.3

Abbildung 3.64 Shortcut-Buttons im Bereich »Seite bearbeiten«

Die linke Icon-Gruppe dient dem Direktzugriff auf Befehle, von denen alle bis aufeinen analog über das Kontextmenü des Seitenbaums oder durch Drag & Drop-Aktionen erreichbar sind. Die Icons der rechten Gruppe sind hingegen mitZusatzfunktionen belegt. Für sie findet sich im Kontextmenü kein Pendant, da sieentweder nicht streng einem Seitenobjekt zuzuordnen sind oder Funktionalitätaußerhalb des Seitenbaums bieten. All diese Icons werden wir Ihnen im Folgen-den kurz vorstellen.

Die linke Gruppe der Shortcut-Buttons

In den meisten Fällen kann man bei TYPO3 davon ausgehen, dass mit gleichenIcons jeweils die gleiche Funktion illustriert und gesteuert wird. Dies gilt ebensofür die Shortcut-Buttons und die gleichwertigen Befehle des Kontextmenüs. Dielinke Gruppe der Shortcuts umfasst sechs Icons.

� Der Seitenerstellungs-ButtonEr öffnet den Assistenten zur Seitenerstellung und gleicht in der Wirkung demBefehl Neu des Bereichs Seitenaktionen des Kontextmenüs. Sie können überdieses Icon, anders als über das identisch aussehende Icon oberhalb des Sei-tenbaums, allerdings nur Datensätze vom Typ »Standardseite« erstellen.

Abbildung 3.65 Der Seitenerstellungs-Button

115

Page 44: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

� Der »Seiteninhalt erstellen«-ButtonEr öffnet einen Dialog zum Erstellen von Inhaltselementen (also Seiteninhal-ten wie Textblöcken etc.), die dann der aktuellen Seite zugeordnet werden.Dieses Icon hat keine Entsprechung im Kontextmenü.

Abbildung 3.66 Der »Seiteninhalt erstellen«-Button

� Der Betrachten-ButtonEr öffnet eine Browsersicht der aktuellen Seite in einem neuen Fenster. DerButton entspricht dem Befehl Ansehen im Kontextmenü.

Abbildung 3.67 Der Betrachten-Button

� Der »Seiteneigenschaften bearbeiten«-ButtonDieser Button öffnet den Dialog zur Bearbeitung der Seiteneigenschaften. Erentspricht dem Befehl Bearbeiten des Kontextmenüs. Die Funktion kannalternativ per Klick auf den Seitentitel im Seitenbaum und anschließendesAnwählen des Buttons Seiteneigenschaften bearbeiten im Arbeitsbereichaufgerufen werden.

Abbildung 3.68 Der »Seiteneigenschaften bearbeiten«-Button

� Der Verschieben-ButtonDieser Button öffnet einen Dialog zum Verschieben der aktuellen Seite an eineneue Position. Hierzu gibt es keine Entsprechung im Kontextmenü. Sie gelan-gen unmittelbar in einen Dialog, in dem Sie die Seite im Seitenbaum neu posi-tionieren können. Hierbei können Sie auch angeben, dass die Seite stattdessenkopiert werden soll. Als Alternative können Sie mit Drag & Drop arbeiten.

Abbildung 3.69 Der Verschieben-Button

116

Page 45: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Manipulation des Seitenbaums 3.3

� Der Bearbeitungsverlauf-ButtonDieser Button öffnet den Bearbeitungsverlauf-Dialog. Er ist wirkungsgleichdem Befehl Verlauf/Rückgängig im Kontextmenü.

Abbildung 3.70 Der Bearbeitungsverlauf-Button

Die rechte Gruppe der Shortcut-Buttons

Etwas abgesetzt am rechten Rand der oberen Button-Leiste, befinden sich dreiweitere Buttons. Sie dienen nicht unmittelbar zum Bearbeiten des aktuellenDatensatzes, sondern bieten andere in seinem Kontext benötigte Funktionen anbzw. schalten die Arbeitsansicht um.

� Der Listen-ButtonEr öffnet eine Listenansicht der untergeordneten Datensätze der aktuellenSeite. Diese umfasst unter anderem Seiteninhalte, gegebenenfalls Unterseitenund zugeordnete Template-Datensätze (Vorlagen). Die Ansicht entspricht demAufruf des Moduls Liste in der Modulgruppe Web des TYPO3-Hauptmenüs.(Wir werden uns mit diesem Modul im weiteren Verlauf dieses Buches nochgenauer auseinandersetzen.)

Abbildung 3.71 Der Listen-Button

� Der Cache-ButtonEr löscht den Datenbank-Cache der aktuellen Seite. Dies kann erforderlichsein, falls sich erfolgte Änderungen nicht unmittelbar im Frontend zeigen. Einähnliches Icon in Gestalt eines Blitzes finden Sie am oberen Rand des Arbeits-fensters – dessen Befehle wirken jedoch global auf das gesamte System.

Abbildung 3.72 Der Cache-Button

� Der Lesezeichen-ButtonDieses Icon erstellt ein sogenanntes Lesezeichen in der Lesezeichenliste desaktuellen Benutzers. Dies dient dazu, eine Sprungmarke zur aktuellen Arbeits-

117

Page 46: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

ansicht zu speichern, wobei sowohl der aktuell bearbeitete Datensatz als auchdas Modul und dessen Ansicht gespeichert werden, mit dem die Bearbeitungerfolgt. Hierzu ist eine kurze Zwischenerläuterung angebracht.

Abbildung 3.73 Der Lesezeichen-Button

3.3.8 Lesezeichen

Die Navigation innerhalb von TYPO3 ist gelegentlich ein wenig umständlich undverlangt erstens die Auswahl eines Moduls in der Modulleiste, zweitens mögli-cherweise die eines Arbeitsmodus dieses Moduls, und drittens muss der zu bear-beitende Datensatz festgelegt werden. Dies kann ein Objekt im Seitenbaum sein,aber auch ein Benutzerdatensatz oder ein beliebiges anderes Objekt.

Ein Lesezeichen hilft dabei, direkt in eine bestimmte Arbeitsansicht des Backendszu springen und erspart somit mühsames Suchen in den Menüs. Über den ebenvorgestellten Button ist ein Lesezeichen einfach zu erstellen (siehe Abbildung3.74) – es gilt dann für die aktuelle Ansicht des Arbeitsplatzes in Verbindung mitdem bearbeiteten Datensatz.

Abbildung 3.74 Ein Lesezeichen erstellen

Ebenso einfach ist die Verwendung der Lesezeichen. Rechts vom Logout-Buttonfinden Sie, als Icon in Form eines gelben Sterns, das Lesezeichenmenü (sieheAbbildung 3.75). Es enthält sämtliche Einträge, die über das Icon Lesezeichen

hinzufügen erstellt wurden.

Abbildung 3.75 Das Lesezeichenmenü

Um dies zu demonstrieren, sollen ein paar Lesezeichen erstellt werden. Navigie-ren Sie zunächst in das Modul Benutzerwerkzeuge � Einstellungen. Hier haben

118

Page 47: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Manipulation des Seitenbaums 3.3

wir schon öfter Änderungen am Benutzerkonto vorgenommen. Sie finden hierebenfalls ein Icon zum Erstellen eines Lesezeichens. Wenn Sie darauf klicken,erhalten Sie einen Zwischendialog, in dem Sie gefragt werden, ob ein »Shortcut«erzeugt werden soll. Bestätigen Sie dies.

Abbildung 3.76 Ein neues Lesezeichen im Lesezeichenmenü

Das Lesezeichenmenü trägt nun einen Eintrag, der zwar das Icon des Moduls Ein-

stellungen trägt, aber den wenig erklärenden Namen »Shortcut« hat. Dies lässtsich leicht ändern – klicken Sie hierfür auf den Bearbeiten-Stift, der bei Mouse-over im Lesezeichen erscheint.

Abbildung 3.77 Das Lesezeichen wird bearbeitet.

Geben Sie in das obere Textfeld einen neuen Namen für das Lesezeichen ein, bei-spielsweise »Einstellungen Admin«, und bestätigen Sie dies mit Ok. Das Lesezei-chen wird daraufhin umbenannt.

Erstellen Sie nun noch ein Lesezeichen für die Übersetzungsansicht des Erweite-rungs-Managers, und nennen Sie den Shortcut »Übersetzungen«. Wechseln Sie indas Modul Web � Seite, und erstellen Sie zwei weitere Shortcuts auf beliebige Sei-ten. In diesem Fall brauchen Sie das Lesezeichen nicht benennen, es wird auto-matisch der Seitentitel eingesetzt. Die beiden letzten Lesezeichen sollen nuneiner Gruppe zugeordnet werden. Öffnen Sie sie hierfür nacheinander zur Bear-beitung, und wählen Sie im Pulldown-Menü jeweils den Eintrag »Seite« alsGruppe (siehe Abbildung 3.78). Auf diese Weise lassen sich die Lesezeichen über-sichtlich gruppieren.

Sie sehen, dass hier fünf Gruppen existieren (Seiten, Datensätze, Dateien,Werkzeuge und Verschiedenes). Jede dieser Gruppen ist ein weiteres Mal mitdem Präfix Global: vorhanden.

119

Page 48: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Abbildung 3.78 Das Lesezeichen wird einer Gruppe zugeordnet.

Dies hat folgenden Hintergrund: Zwar sind Lesezeichen prinzipiell an den jewei-ligen Benutzer gebunden, stehen also auch nur ihm persönlich zur Verfügung.Allerdings können Administratoren (und wir sind derzeit als Administrator ein-geloggt) Teile ihrer Lesezeichen auch anderen Nutzern zur Verfügung stellen,indem sie diese einer der globalen Gruppen zuordnen. Mehr darüber erfahrenSie in Kapitel 14, »Rechtevergabe im Backend«.

Abbildung 3.79 Lesezeichenmenü mit gruppierten Lesezeichen

Dieser kurze Einblick in die Lesezeichen soll hier fürs Erste genügen. Nehmen Sievon diesem Exkurs mit, dass Lesezeichen schnell erstellt sind und sich als extremnützlich erweisen, wenn Sie einen entlegenen Winkel des TYPO3-Systems wie-derholt aufsuchen müssen. (Die übungshalber erstellten Lesezeichen können Sienun wieder löschen.)

3.3.9 Pfadangabe zum bearbeiteten Objekt

Ein weiteres Feature des Arbeitsbereichs, auf das hingewiesen werden muss,besteht in der Pfadangabe, die Sie am rechten Rand unter der Button-Leistesehen. Diese informiert Sie über Name, Position und ID der augenblicklich bear-beiteten Seite (der ID steht in eckigen Klammern am Ende des Pfades). Dies ist

120

Page 49: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Filtern der Seitenbaumansicht 3.4

praktisch, weil aus der Ansicht des Seitenbaums allein nicht immer ersichtlich ist,welcher Datensatz gerade aktuell bearbeitet wird.

Abbildung 3.80 Pfade zu »Hauptseite «1 und »Unterseite 1«

Das Icon in diesem Pfad spiegelt nicht nur die Art des Objekts wider, sondern istebenfalls anklickbar und öffnet daraufhin ein Kontextmenü, das sogar nochwesentlich umfangreicher ist als sein Pendant im Seitenbaum (siehe Abbildung3.81).

Abbildung 3.81 Kontextmenü des Pfad-Icons

3.4 Filtern der Seitenbaumansicht

Inzwischen befinden sich ausreichend Seiten im Seitenbaum, um einen zweitenBlick auf die Filterfunktion der Seitenbaumansicht zu werfen. Klappen Sie dazudas Eingabefeld auf, und geben Sie einen Filterbegriff in das Feld ein. Alle Seiten,in deren Titel die eingegebene Zeichenkette nicht enthalten ist, werden in derBaumansicht ausgeblendet. Die Filterung erfolgt ab dem ersten eingegebenen

121

Page 50: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

Zeichen, wobei Groß- oder Kleinschreibung keine Rolle spielt. Sobald ein Filter-begriff eingegeben wurde, erscheint rechts im Feld der Lösch-Button, mit demdie Filterung wieder aufgehoben werden kann.

Abbildung 3.82 Aktivieren der Filterfunktion, Filtern der Seitenbaumansicht

Die eingegebene Zeichenfolge »Hau« reduziert dementsprechend den Seitenbaumauf »Hauptseite 1« und »Hauptseite 2« (siehe Abbildung 3.82, rechts). Analog zeigtdie Eingabe von »Unt« alle sechs Unterseiten. Geben Sie die Ziffer »2« in das Feldein, erscheinen »Hauptseite 2« und die beiden Seiten mit Namen »Unterseite 2«.

Es spielt für die Filterfunktion keine Rolle, ob in der zugrunde liegenden Bauman-sicht einzelne Zweige eingeklappt, potenzielle Fundstellen also nicht von vornher-ein sichtbar sind. Durch Klick auf das Kreuz im blauen Feld oberhalb des gefiltertenSeitenbaums lässt sich die Filterung aufheben (siehe Abbildung 3.83, rechts).

Abbildung 3.83 Filtern der Seitenbaumansicht, Aufheben der Filterung

122

Page 51: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Eine Seite anzeigen 3.5

3.5 Eine Seite anzeigen

Um eine in TYPO3 angelegte Seite zu betrachten, gibt es mehrere Wege. Der ersteerfolgt aus dem Bearbeitungsmodus Web � Seite heraus über das Augensymbol4

am oberen Seitenrand des Arbeitsbereichs oder über das Kontextmenü des Ele-ments (Befehl Ansehen) im Seitenbaum. In beiden Fällen wird die aktuell bear-beitete Seite in einem neuen Browserfenster geöffnet.

Der zweite Weg besteht in der Wahl des Betrachtungsmodus – hierfür wählen Siedas Modul Web � Anzeigen. Im Unterschied zur vorigen Methode wird die Sei-tenansicht jedoch nicht in einem neuen Fenster, sondern im Arbeitsbereichrechts neben dem Seitenbaum geöffnet.

Abbildung 3.84 Anzeigemodus per Menü, per Kontext oder per Augensymbol

� Wählen Sie die Anzeige per Augensymbol oder Kontextmenü, wenn Sie dieSeite in einem neuen Fenster öffnen wollen. Sie halten den Bearbeiten-Dialoggeöffnet und können die Seite gleichzeitig im Backend weiterbearbeiten.

� Wählen Sie die Option Web � Anzeigen, wenn Sie die Ansicht zwischen ver-schiedenen Seiten schnell per Seitenbaum wechseln wollen.

4 Das Augensymbol dient allgemein zum Wechsel in den Ansichtsmodus. Es wird Ihnen im Backend von TYPO3 noch an weiteren Stellen begegnen.

Achtung

Beachten Sie, dass sich die Anzeige im Arbeitsbereich wegen des geringeren verfügba-ren Platzes auf die Darstellung des Layouts auswirken kann.

123

Page 52: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Seiten anlegen3

3.6 Zusammenfassung

Sie haben nun gelernt, wie Sie eine Seite im Seitenbaumbereich des Backendsanlegen, kopieren, verschieben oder löschen und wie Sie ihre Eigenschaftenbearbeiten können.

Wenn Sie jedoch zu diesem Zeitpunkt eine Seite zum Betrachten auswählen,erhalten Sie eine Fehlermeldung, die darauf zurückzuführen ist, dass der Seitezunächst noch ein sogenanntes Template zugeordnet werden muss. Wie diesgeschieht und was TYPO3 überhaupt unter einem »Template« versteht, ist Themades nun folgenden Kapitels 4, »Einstieg in TypoScript«.

124

Page 53: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Im Gegensatz zu den in Kapitel 13 vorgestellten Extensions dient Templa-Voilà nicht der Erweiterung der Funktionalität bestehender TYPO3-Sites, sondern ist ein Werkzeug, das auf die Erhöhung der Produktivität und die Vereinfachung der Erstellung von TYPO3-Sites abzielt.

15 Layout mit TemplaVoilà

TemplaVoilà stellt so etwas wie eine »aufgebohrte Oberfläche« zum Einbindenvon HTML-Dokumentvorlagen dar – das Arbeitsprinzip läuft unter der Bezeich-nung Mapping. Das Ziel besteht darin, die Handhabung von Dokumentvorlagenzu vereinfachen, wobei ein anderer Weg als der automatisierte des TemplateAuto-parsers eingeschlagen wird: Bereiche der Vorlage, die Inhalte aufnehmensollen, brauchen nicht mit Markern oder Subparts bzw. (wie für den Auto-parsererforderlich) mit id-Attributen versehen werden, sondern können in der grafi-schen Oberfläche von TemplaVoilà einfach per »Point & Click« markiert werden.

15.1 Installation der Erweiterung TemplaVoilà

So einfach die Handhabung sich prinzipiell anhört, gibt es doch einige anfängli-che Hürden. Die erste besteht darin, dass TemplaVoilà als Erweiterung installiertwerden muss.1 Die zweite besteht in der nicht gerade selbsterklärenden Handha-bung – die Erweiterung bringt zwar einen Wizard mit, dessen Flexibilität aller-dings zu wünschen lässt (wenn er auch zur Verdeutlichung des Arbeitsprinzipsgute Dienste leistet).

Sie installieren TemplaVoilà wie beschrieben über den Erweiterungsmanager.Alle hier in Folge benötigten Erweiterungsmodule finden Sie auch als t3x-Dateien auf der Begleit-DVD im Verzeichnis Erweiterungen. Zuvor muss jedocheine weitere Erweiterung installiert sein, nämlich »Static Info Tables«. Falls Sie esnicht bereits im Rahmen von Kapitel 13, »Integration von Erweiterungen«, getanhaben, holen Sie dies nun bitte nach. Die Reihenfolge der Installation ist dabeivon Bedeutung.

1 Ursprünglich war TemplaVoilà bereits für TYPO3 4.0 als integraler Bestandteil vorgesehen – die Integration wird allerdings voraussichtlich erst mit kommenden Versionen erfolgen.

449

Page 54: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Layout mit TemplaVoilà15

1. Installieren Sie »Static Info Tables« (static_info_tables). Sie finden diese Erwei-terung als static_info_tables_2.2.0.t3x auf der Begleit-DVD.

2. Vergessen Sie nicht, das Update der Datenbankstruktur, da TemplaVoilà sonsteinige der benötigten Tabellen nicht vorfindet.

3. Installieren Sie nun TemplaVoila! (templavoila). Diese Erweiterung findenSie als templavoila_1.5.4.t3x auf der Begleit-DVD.

4. Machen Sie erneut ein Update der Datenbankstruktur, um die TemplaVoilà-Tabellen anzulegen.

5. Nehmen Sie am besten gleich eine Aktualisierung der Backend-Übersetzungvor, um auch TemplaVoilà mit dem deutschen Sprachpaket zu versorgen. Lee-ren Sie den Cache, und loggen Sie sich neu ein – Sie finden nun ein leicht ver-ändertes Menü im Backend vor (siehe Abbildung 15.2, rechts).

Abbildung 15.1 Aktivieren des alten Moduls »Seite«

Achtung – altes Modul »Seite« beibehalten

Da wir in einer gemischten Site arbeiten werden, in der TemplaVoilà-gestützte Seitenund »herkömmliche« Seiten nebeneinander existieren, soll das alte Modul Seite weiter-betrieben werden. Wählen Sie im Verlauf der Installation die Checkbox Enable the clas-

sic page module an (siehe Abbildung 15.1).

450

Page 55: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Einbinden einer HTML-Designvorlage mit TemplaVoilà 15.2

Wie Sie sehen, ist ein eigenes Modul TemplaVoilà hinzugekommen. Über dembisherigen Modul Seite hat sich außerdem ein Modul Seite (TV) eingefügt.

Abbildung 15.2 Das erweiterte Modul »Web« (vorher/nachher)

15.2 Einbinden einer HTML-Designvorlage mit TemplaVoilà

Da TemplaVoilà eine Designvorlage verarbeitet, muss zunächst eine solche zurVerfügung gestellt werden, die, mit allen beteiligten Dateien, wieder im Filead-min im Verzeichnis template/ abgelegt wird.

Sie finden die benötigten Dateien auf der Begleit-DVD im Unterordner Templa-Voila/ im Verzeichnis Kapitel_15/. Das Design kommt Ihnen vielleicht schonbekannt vor. Sie benötigen eigentlich nur die HTML-Seite 15_dateivorlage.htmlund die CSS-Datei 15_screen.css, die im Ordner css abzulegen ist. Im Ordnerimg befinden sich noch drei Dateien bg_contentXXX.gif, die ebenfalls benötigtwerden.

In TemplaVoilà sollen die bisherigen Inhaltsbereiche weiterverwendet werden.Im Screenshot sehen Sie sie nochmals markiert (siehe Abbildung 15.3). DieDokumentvorlage selbst sieht im Inhaltsbereich etwas anders aus. Hier sind wei-ter unten mehrere Versionen mit mehrspaltigem Layout hinzugefügt. DieseBereiche werden auch in der CSS-Datei berücksichtigt.

451

Page 56: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Layout mit TemplaVoilà15

Abbildung 15.3 Schema der Designvorlage mit Planung der Bereiche

15.2.1 Vorarbeiten – Anlegen eines SysOrdners und neuer Seiten

TemplaVoilà benötigt zur Verwaltung der Template-Daten einen SysOrdner imSeitenbaum, den wir Allgemeine Datensatzsammlung nennen wollen. Legen Sieihn am unteren Ende des Seitenbaums unter dem SysOrdner Allgemeine Inhaltean.

Abbildung 15.4 Der neue SysOrdner im Seitenbaum

452

Page 57: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Einbinden einer HTML-Designvorlage mit TemplaVoilà 15.2

Der in Kapitel 12, »Passwortgeschützte Bereiche«, erstellte Zweig »TYPO3 Club«soll im weiteren Verlauf dieses Kapitels ein TemplaVoilá-Template erhalten.

Wählen Sie die Seite »TYPO3 Club«, und wechseln Sie in den Modus zur Bearbei-tung der Seiteneigenschaften. Wichtig ist ein Formularfeld, das Sie im Bearbei-tungsdialog Ressourcen finden: Allgemeine Datensatzsammlung (siehe Abbil-dung 15.5). Klicken Sie auf das Ordnersymbol rechts neben diesem Feld, undwählen Sie im Seitenbaum den vorhin erstellten SysOrdner gleichen Namens aus.Hiermit ist dieser als Ordner als Speicherplatz für TemplaVoilà-Datensätze inZusammenhang mit dieser Seite und ihren Unterseiten festgelegt.

Abbildung 15.5 Die Datensatzsammlung dem SysOrdner zuordnen

15.2.2 Einbinden von TemplaVoilà ins TypoScript-Template

Nun soll die eigentliche Arbeit für TemplaVoilà beginnen, nämlich das Einbindender Dokumentvorlage. Hierfür muss noch ein Erweiterungs-Template für dieSeite »TYPO3 Club« angelegt werden. Wechseln Sie in das Modul Web � Temp-

late, und legen Sie per Klicken Sie hier um ein Erweiterungstemplate zu

erstellen ein solches Template an. Gehen Sie über das Dropdown-Menü in denBereich Info/Bearbeiten, und klicken Sie das Stiftsymbol bei Setup an.

Das TypoScript-Setup muss ein wenig geändert werden, um TemplaVoilà mit derVerwaltung des Templates zu betrauen. Geben Sie daher folgendes TypoScriptein:

453

Page 58: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Layout mit TemplaVoilà15

# Anpassen des Objekts page.10 für TemplaVoila:page.10 = USERpage.10.userFunc = tx_TemplaVoila_pi1->main_page

Prüfen Sie in der Template-Analyse, ob sich auch das statische Template »css_styled_content« im Template-Pfad befindet (dies sollte eigentlich der Fall sein,siehe Abbildung 15.6).

Abbildung 15.6 Die Template-Erweiterung in der Template-Analyse

15.3 Mapping der Dokumentvorlage

TemplaVoilà muss nun mitgeteilt bekommen, mit welcher Dokumentvorlage eszu arbeiten hat und wie die Inhaltsbereiche definiert werden sollen. Der ersteSchritt ist etwas ungewöhnlich: Die Vorlagendatei muss nämlich im Fileadminausgewählt werden. Wechseln Sie zu Datei � Dateiliste, und wählen Sie den Ord-ner Templates an, in dem die Vorlagendateien verstaut wurden. Klicken Sie nundas Icon der HTML-Vorlage an (siehe Abbildung 15.7). Sie sehen, dass das Kon-textmenü einen neuen Eintrag TemplaVoilà besitzt. Dieser Befehl öffnet die Vor-lage für den Mapping-Vorgang.

454

Page 59: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Index

A

Administrator 427Switch User 441

B

BackendAlle Caches löschen 492Cache-Funktionen 492Konfigurations-Cache löschen 492Logout-Button 490Modul Arbeitsumgebung 485Modul Aufgaben 487Modul Benutzer 487Modul Dateiliste 486Modul DB-Überprüfung 488Modul Einstellungen 487Modul Erweiterungen 488Modul Funktionen 486Modul Info 485Modul Installation 488Modul Konfiguration 488Modul Liste 485Modul Log 488Modul Seite 485Modul Template 486Modul Über Module 489Modul Zugriff 486Modulgruppe Adminwerkzeuge 487Modulgruppe Benutzerwerkzeuge 486Modulgruppe Datei 486Modulgruppe Hilfe 489Modulgruppe Web 484Modulgruppen 484Modulleiste 483Seiten-Cache löschen 492TypoScript-Hilfe 489

Backend-Benutzer 427Backend-Sprache 79

Translation handling 80Umstellung 79

BackupInhaltselement 265

Seite 257Website 267

BenutzerAccount, Start 440Account, Stopp 440Admin-Checkbox 439Arbeitsumgebung 439Benutzername 439Dateioperationen, Berechtigung von 440Datenbankfreigabe 440Domain, Beschränkung auf 440E-Mail 439erstellen 438Freigaben, Übernahme von 440Gruppe 439inaktiv 439IP-Einschränkung, Deaktivierung 440Kennwort 439Module 439Mountpoints 440Name (real name) 439Passwort 439Seitenbaum 440Sprache, Beschränken auf 439Standardsprache 439Switch User 441TSconfig 440Username 439Verzeichnisfreigaben 440Workspace 439

Benutzereinstellungenrekursives Kopieren zulassen 112rekursives Löschen zulassen 112

Benutzergruppe 427Ausschlussfelder 432Beschreibung 428Datenbankfreigaben 435erstellen 427Feldwerte 434Freigaben 435Freigaben und Arbeitsumgebungen 430Gruppenname 428Gruppenrechte 430inaktiv 428

597

Page 60: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Index

Inhaltstypen, Verbot von 434Module 432Mountpoints 435Seitentypen 432Tabellen (ändern) 432Tabellen (anzeigen) 432Untergruppe 429Verzeichnisfreigaben 429, 435Zugriffsrechte 430Zugriffsrechte einschließen 430

Bildverarbeitungsfunktionen 60

C

cache_ 581clear_rte_cache 493COA 525

Positionsobjekt 525wrap 526

cObjects 136, 523COA 139, 525CONTENT 182, 528CONTENT table 182CONTENT, select.orderBy 182EDITPANEL 550FILE 174, 526FLUIDTEMPLATE 533HMENU 183, 537HTML 535IMAGE 169, 535IMAGE_RESOURCE 537Objekttypen 524TEMPLATE 276, 530TEXT 136, 534TEXT, wrap 136TMENU 184, 542TMENUITEM 543

Conditions 498AND 500ELSE 499END 499GLOBAL 499Object Browser 502OR 500Set Conditions 501Simulation 501

config 345doctype 346htmlTag_langKey 346

language 346locale_all 346metaCharset 346xmlprologue 346

Constants 130CONTENT 528

renderObj 530select 528select.orderBy 529select.where 529table 528wrap 530

Content-Object-Array � cObjects 139Content-Objekte 296, 299CSS Styled Content 298

D

Datenbankfreigaben 440Datensätze

Einfügen 253Deinstallation, Windows 557

E

EDITPANELallow 551label 550line 551newRecordFromTable 551

ENABLE_INSTALL_TOOL 37, 75Erweiterungen

aktive Erweiterungen 331aktivieren 334deaktivieren 334Extension Key 334Extension Key, Look Up 334Full List 334Indexed Search 414Installation, Aktivierung 336Installation, Dateiimport 335Installation, Datenbankupdate 337Installation, Download 335Installation, Repository 334Installation, Retrieve/Update 335lokal verfügbar 333Look Up 334News 387

598

Page 61: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Index

Erweiterungsmanager 331, 387Backend (Rubrik) 332Backend-Module (Rubrik) 332Dienste (Rubrik) 333Display shy extensions 332Frontend (Rubrik) 333Frontend-Plug-Ins (Rubrik) 333Import Extensions 334Import extensions 388Install Extensions 333Loaded Extensions 331Retrieve/Update 335t3x-Dateien 387Verschiedenes (Rubrik) 333

Erweiterungstemplate � Template, Erweiterungs-Template 150

ExportAusschluss zurücksetzen 268Dateiausschlüsse 258Dateiformat 259Dateinamen 270Download auf lokalen Rechner 260Ebenentiefe 257Erweiterter Baum 257, 267Exportebenen 257Exportkonfiguration 257Exportliste 258Fileadmin, Ablage in den 260Inhaltselement 265Metadaten 268Seite 257Website 267, 270

ExtensionsStatic Info Tables 450TemplaVoilà 449

F

fe_ 581FILE 526

file 526wrap 527

Fileadmin 225Datei-Upload 227Datei-Upload, Überschreiben zulassen 228Ordner erzeugen 227t3d-Importdatei ablegen 260t3d-Importdatei auswählen 262

Zugriff auf den Fileadmin 226Fileadmin-Bereich 225Flash Uploader 277FLUIDTEMPLATE 533FRAME

obj 522params 522

FRAME-Objekt 518FRAMESET

cols 520params 521rows 520

FRAMESET-Objekt 520FreeType-Bibliothek 52Frontend-Benutzer 367

anlegen 369Domainbindung 369Login-Formular 374Zugriff 369

Frontend-Benutzergruppen 367, 368anlegen 368Beschreibung 368deaktivieren 368Untergruppen 368

G

GD-Bibliothek 52Grafikerzeugung

GIF 61PNG 61

GrafikressourceMiniaturvorschau 168

GraphicsMagick 27

H

HMENU 306ACT 538begin 542CUR 538entryLevel 307, 539excludeUidList 319, 341, 541Hierarchieebene 538IFSUB 538includeNotInMenu 320maxItems 541minItems 541

599

Page 62: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Index

NO 538RO 538special 323, 539special = directory 539special = keywords 541special = list 540special = rootline 540special = updated 540special.range 324special=rootline 324wrap 325, 542

HTML 535value 535

HTML-Designvorlagen 273HTML-Grundgerüst 303

I

IMAGE 535alttext 536file 536params 536wrap 536

IMAGE_RESOURCE 537file 537

ImageMagick 27, 54Dateiformattest 61

ImportBezugspunkt des Imports 262Dateiendungen, verbotene 263Datensätze aktualisieren 262, 267Datensätze, Unterschiede 263Fileadmin, aus dem 262Importdatei auswählen 262Inhaltselement 267Protokollierung 263Seitendatensatz 261UID-Werte erzwingen 263Vorschau 262

Indexed Search 414Aktivierung 416Als allgemeines Plug-In 416Dokumentation 416Ergebnisliste 418Ergebnisseite 416Excel-Dateien indexieren 424Externe Dateien indexieren 424Indexierung, Aktivieren 419

Indexierung, Überprüfung 421PDF-Dateien indexieren 424PowerPoint-Dateien indexieren 424Spracheinstellung 422Sprachmodulimport 417Suchergebnisse, Ausgabe 423Suchformular einbinden 419Word-Dateien indexieren 424

Indexed Search Engine 419Installation

Create new database 40Database-Dump 42Datenbankverbindung 38Einlesen eines Datenbank-Dumps 585Erzeugen der Datenbank 39FreeType-Fehler 52ImageMagick, Pfad 58Import database 42No pages are found on the rootlevel 44Please select a database dump 42, 586Select an existing EMPTY Database 39TYPO3 Install Tool 36Update localconf.php 59

Installationsbereich 45

K

Konfigurationsdatei 45Konfigurationssprache 126Konfigurationsverzeichnis 74Konstanten 130

L

LAMP Testsite 567Linux

LAMP Testsite 567localconf.php 67Logout 490Logout-Button 490

M

Mehrsprachigkeit 349Menü

HMENU 183linkWrap 184Normalzustand NO 184

600

Page 63: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Index

text-based menu 184TMENU 184

Menüerzeugung 305grafische Menüs 305hierarchisches Menü 306HMENU 306HMENU, entryLevel 307HMENU, excludeUidList 319, 341HMENU, includeNotInMenu 320HMENU, special 323HMENU, special.range 324HMENU, special=rootline 324HMENU, wrap 325Layer und Aufklappmenüs 305Rollover-Zustand 313textbasierte Menüs 305, 308TMENU 308TMENUITEM 308TMENUITEM, ACT 313, 317TMENUITEM, after 314TMENUITEM, afterImg 314TMENUITEM, afterROImg 314TMENUITEM, afterWrap 314TMENUITEM, allWrap 313TMENUITEM, ATagParams 314TMENUITEM, ATagTitle 314TMENUITEM, before 314TMENUITEM, beforeImg 314TMENUITEM, beforeROImg 314TMENUITEM, beforeWrap 314TMENUITEM, CUR 313, 314TMENUITEM, doNotLinkIt 314, 326TMENUITEM, linkWrap 309, 313TMENUITEM, NO 309TMENUITEM, RO 314TMENUITEM, stdWrap 313TMENUITEM, wrapItemAndSub 311, 313,

314Zustand des TMENUITEM 313Zustand kopieren 315Zustand kopieren, absolut 315Zustand kopieren, relativ 315

ModulDateiliste 226Funktionen (Web) 197Template 126Web, Funktionen 197Zugriff 442

MySQLDatenbankbenennung 40Root-Passwort 38, 565

N

News 387Ansicht im Modul Liste 395Ansicht im Modul Seite 395Ansicht Latest 398Ansicht List 402Ansicht Single 403Ansichten 400Bilder in News 394Erweiterung der Datenbankstruktur 389Import der Erweiterung 388Installation der Erweiterung 388News anlegen 392Plug-In als Seiteninhalt 398Statisches Template 397SysOrdner für Newsbeiträge 390Zurück-Link 401

O

Objektkopieren 142löschen 146referenzieren 143

Optionsplit 326

P

PAGE 510bodyTag 511bodyTagMargins 512config 512config.baseURI 514config.doctype 513config.xhtml_cleaning 514config.xmlprologue 513frameSet 518headerData 516IncludeCSS 515includeLibs 516meta 514Positionobjekt 517stylesheet 515

601

Page 64: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Index

typeNum 511PAGE-Objekt 509pages 582Passwortgeschützte Bereiche 365PHP 50php.ini-Datei 50phpMyAdmin 573

Backup Einzeltabelle 583Exportformate 577Export-Optionen 577Spracheinstellung 574SQL-Dump 575

Pipe-Symbolals Trennzeichen 341Maskierung 341

Planer 489Platzhalter 284

R

Report 489RTE-Cache leeren 493

S

Schattenwurf 66Seite

ansehen 123Bearbeitungsverlauf 109Bearbeitungsverlauf rückgängig machen

110Betrachtungsmodus 123Drag & Drop, Seite erstellen 91Drag & Drop, Seite kopieren 106Drag & Drop, Seite verschieben 106Kontextmenü 95Kontextmenü, Bearbeitungsverlauf 109Kontextmenü, kopieren 103Kontextmenü, löschen 108löschen mit Unterseiten 111Nach Anmeldung verbergen 375rekursives Kopieren 111rekursives Kopieren, Hierarchie 112rekursives Löschen 111Zugriffsrechte, Beschränkung 372

Seite bearbeitenBearbeitungsverlauf-Button 117Betrachten-Button 116

Button-Leiste 114Cache-Button 117Lesezeichen-Button 117Listen-Button 117Rücknahme Bearbeitungsschritt 111Seiteneigenschaften-Button 116Seitenerstellungs-Button 115Seiteninhalt erstellen-Button 116Verschieben-Button 116

Seitenbaum 85, 485Besitzer 442Gruppenrechte 442Gruppenrechte, pauschal 446Gruppenrechte, per TypoScript 446Gruppenrechte, Vergabe 443Icon 88Kontextmenü 89Kontextmenü, Neu 89Root-Icon 86Zugriff über Hilfsgruppe 445

Seitenbaumrechte 442Seitenelement

Anmeldeformular 374Anmeldeformular, Zielseite 374

SeitenerstellungSeite verstecken 91Seitentitel 89

Seiteninhaltanlegen 177Assistent 178Aufzählung 214Ausschneiden (Kontextmenü) 249Bild 224bullet (cType) 214Dateilinks 237Dateilinks, Ressourcenauswahl 239Datensatz einfügen 251Datensatz einfügen, aus Zwischenablage

254Datensatz einfügen, Objekte 252Datenspalten 178Einblenden 248E-Mail-Formular 240E-Mail-Formular, Antwortseite 245E-Mail-Formular, Empfängeradresse 246E-Mail-Formular, Formular 241E-Mail-Formular, Formularassistent 242HTML 235

602

Page 65: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Index

html (cType) 235image (cType) 224Kopieren 247Kopieren (Kontextmenü) 249Löschen 247Menü/Sitemap (cType) 342Normaler Text 178, 200Normaler Text, Dateilink 240Position auswählen 178Position Normal 178Referenzieren 251Sitemap 342Sortieren von Seiteninhalten 249Tabelle 231Tabelle, Barrierefreiheit 234Tabelle, CSV-Daten 233Tabelle, Layout 235Tabelle, Spaltenzahl 232Tabelle, Table wizard 231table (cType) 231text (cType) 200Text mit Bild 216Text mit Bild, Ausgabeformat 221Text mit Bild, Bearbeitungseffekte 222Text mit Bild, Bei Klick vergrößern 218Text mit Bild, Bildabmessungen 221Text mit Bild, Bildposition 219Text mit Bild, Bildqualität 221Text mit Bild, Bildspalten 223Text mit Bild, Generierte Bilddatei 220Text mit Bild, Kein Umbruch 219Text mit Bild, Mehrere Bilder 222textpic (cType) 216Überschrift 179uploads (cType) 237Verbergen 248Verborgene Inhalte anzeigen 248Verschieben (Kontextmenü) 249

Seitenobjektim Menü verbergen 319

SeitentypShortcut, TYPO3-Element-Browser 185Shortcut, Verweis auf Seite 185

Skårhøj, Kasper 24Softwarevoraussetzungen 27SQL-Dump 575static_ 582Steffen Kamper 493

Switch User 441sys_ 582SysOrdner 366

Enthält Plug-In 390Frontend-Benutzerdaten 372

Systemvoraussetzungen 27

T

TEMPLATE 530markerWrap 533marks 532subparts 532template 531template.file 531workOnSubpart 532

Template 126Add Object Property 155Anweisungen überschreiben 151Clear Object 155Constants 130CSS Styled Content 182Edit Object 154Edit Property 154Erweiterungs-Template anlegen 150HELLO WORLD! 128Include static (from extensions) 183löschen 163New text resource 177No TypoScript Template found! 125, 149Object Tree 153Ressource 167Ressourcenliste 170Setup 130, 131Template für neue Website erstellen 127Template Object Browser 153Template-Erstellung 126Template-Erweiterung 150Template-Information 129Template-Modul 182Template-Modul static 182Template-Name 127Template-Tools 129Textressource 174Textressource editieren 175Textressource kopieren 176Textressource löschen 175Textressource updaten 175

603

Page 66: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Index

Value Updated 155Vererbung 148Warnmeldung KEIN TEMPLATE 127

Template Analyse 298Template-Hierarchie 163

Template Auto-parsercontent 337elements.HEAD 338

Template Autoparsercontent.file 337DOCUMENT_BODY 338DOCUMENT_HEAD 338Einbindung im Setup 338elements 337elements.BODY 338elements.DIV 338elements.SPAN 338Konfiguration 337Pfadkorrektur 339relPathPrefix 337Subpartmarker 340Subpartmarker, Schreibweise 339

Template-Analyse 161Template-Informationstabelle 163TEMPLATE-Objekt 279Templates 283

Statische Design-Templates 192TemplaVoilà 449

Aktion 457Allgemeine Datensatzsammlung 453Ansicht Exploded Visual 456Ansicht HTML-Source 456CREATE TO and DS 463Editing Type (Voreinstellung Element) 460Installation 449Kontextmenü 454Mapping (Abbildung) 449Mapping Type (Datenelement) 459ROOT-Bereich 457Sample Data (Beispieldaten) 460Speichern des Mappings 462Static Info Tables 450Storage Folder Error 455Store in PID 463SysOrdner anlegen 452Template einbinden 453Title of DS/TS (Titel DS/VO) 463TypoScript, grundlegendes 453

TEXT 534value 534

Text � Template 150TMENU 308

after 547afterImg 548afterImgTagParams 548afterROImg 549afterWrap 548allWrap 545ATagParams 545before 546beforeImg 546beforeImgTagParams 547beforeROImg 547beforeWrap 546collapse 542expAll 312, 543linkWrap 545RO 545target 543

TMENUITEM 308ACT 313, 317after 314afterImg 314afterROImg 314afterWrap 314allWrap 313ATagParams 314ATagTitle 314before 314beforeImg 314beforeROImg 314beforeWrap 314CUR 313, 314doNotLinkIt 314, 326IFSUB 313linkWrap 309, 313NO 309RO 314stdWrap 313wrapItemAndSub 311, 313, 314

TrueType-Schriftarten 52TrueType-Test 60tt_content 296, 299, 583TYPO3

auf eigenem Server 30auf Managed Server 30

604

Page 67: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Index

auf Root-Server 30auf Virtual Server 30Backup mit phpMyAdmin 575Dokumentenverzeichnis 35Geschichte 24Hosting 28Hostingmöglichkeiten 28Installation 33Installation unter Windows 567Installation, Dummy-Site 34Installation, TYPO3-Source 34Positionierung 25spezialisierter Hoster 29Systemvoraussetzungen 27technische Hintergründe 26

TYPO3_CONF_VARS 67typo3conf 67TYPO3-Datenbank

Backup 577Export mit phpMyAdmin 577Tabelle pages 582Tabelle tt_content 583Tabellengruppe be_ 581Tabellengruppe cache_ 581Tabellengruppe fe_ 581Tabellengruppe static_ 582Tabellengruppe sys_ 582wichtige Tabellen 580

TYPO3-EntwicklerAltmann, Werner 593Cohen, Marlies 594Eberhard, Andreas 567Germann, Rupert 594Lemke, Robert 593Leuchter, Lars 567, 569Skårhøj, Kasper 24Steffen Kamper 493Thomas, Harald 567, 571

TYPO3-InstallationSpeicherplatzbedarf 35

TYPO3Winstaller 567TypoScript 26, 126

Bedingungen 498Bezeichner 505case-sensitive 132cObjects 504Conditions 498Confinement 140, 507

Constant Editor 159, 160Constant Editor, Category 160Constant Editor, Revert to Default Constant

161Content-Objekte 504Datentypen 502einfache Datentypen 502funktionale Datentypen 502geschweifte Klammern 507GIFBUILDER 504Grafikobjekte 504in Page TSconfig 496in Templates 495in User TSconfig 496Kommentar 131Kommentare 498Konstante 157Konstanten, Kategorie 159Kopieren von Objekten 507Leerraumbehandlung 497Löschen von Objekten 507menuObj 504Menüobjekte 504Objektinstanzen 505Objekt-Propertys 505Objekttypen 503objektzugehörige Arrays 509Operatoren 496Referenzieren von Objekten 507runde Klammern 506Seitenbaumrechte 446TLO 503Top-Level-Objekte 503Wertzuweisung 504Whitespace 497Zeichenkettenbegrenzer 141Zuweisungsoperator 141

TypoScript-Objekt-Browser 156

V

Verzeichnisfreigaben 429, 440Bezeichnung 430erstellen 429Pfad 429Pfadbasis 429

Volltextsuche 414

605

Page 68: Einstieg in TYPO3 4 - Amazon S3€¦ · 1 TYPO3 – ein Open-Source-CMS..... 19 2 Installation von TYPO3..... 33 n e g e l n a n e t i e 3S..... 85 4 Einstieg in TypoScript..... 125

Index

W

Website-Benutzergruppe 367

X

XAMPPAdd-ons 555Apache Friends 555Control Panel, Admin 558Control Panel, Explore 558Control Panel, Linux 558Control Panel, Refresh 558Control Panel, Start/Stop 558Control Panel, Windows 558Deinstallation, Linux 560Dokumentation 566Installation, Linux 560Installation, Windows 556Konfiguration, Linux 561Konfiguration, Mac OS X 563

Konfiguration, Windows 558Linux 559Mac OS X 561Mac OS X, Deinstallation 562Mac OS X, Installation 562Sicherheitscheck 564Sicherheitseinstellungen 564Status 563Steuerung, Linux 560Steuerung, Mac OS X 562Steuerung, Windows 557Windows 555

Y

YouTube-Film, einbetten 236

Z

Zugriffsrechte 486

606


Recommended