Auf einen Blick TYPO3 ein Open-Source-CMS Installation von TYPO3 Seit en anlegen Einstieg in TypoScript Seitenlayout mit TypoScript

Transkript

1 Auf einen Blick 1 TYPO3 ein Open-Source-CMS Installation von TYPO Seiten anlegen Einstieg in TypoScript Seitenlayout mit TypoScript Seiteninhalte anlegen Backup von Seiten und Inhalten Einstieg in Designvorlagen Menüs erstellen mit TypoScript Templates automatisieren Die mehrsprachige Website Passwortgeschützte Bereiche Integration von Erweiterungen Rechtevergabe im Backend Layout mit TemplaVoilà Übersicht: TYPO3-Backend TypoScript eine Kurzreferenz A Installation von XAMPP B TYPO3-Installer C Backup mit phpmyadmin D Online-Ressourcen E Inhalt der Begleit-DVD

2 Vorwort zur 5. Auflage TYPO3 ein Open-Source-CMS Aufgaben eines Content Management Systems Kommerzielles Produkt vs. Open Source Hosting des CMS Installation, Wartung und Erweiterbarkeit des Systems Dokumentation des Systems Unterstützung durch Dienstleister Möglichkeit des lokalen Probebetriebs des CMS TYPO3 als Web Content Management System Geschichte von TYPO Positionierung von TYPO Technische Hintergründe von TYPO Systemvoraussetzungen von TYPO Vergleich der Hostingmöglichkeiten für TYPO Einfacher Provider-Account mit PHP und MySQL Spezialisierter TYPO3-Hoster TYPO3 auf eigenem Server Installation von TYPO Voraussetzungen für die Installation von TYPO Installation von TYPO Entpacken der TYPO3-Archive Starten des Installationsvorgangs Vorgehen nach Abschluss des Installationsvorgangs Konfiguration der Testinstallation Die Meldungen des Install Tools Überprüfung der Grundkonfiguration»Basic Configuration« Installation von GraphicsMagick Übergeben des ImageMagick-Pfads an das Install Tool Überprüfung von GraphicsMagick

3 2.5.1 Prüfung der Unterstützung der Dateiformate Prüfen der Grafikerzeugung im GIF- und PNG-Format Prüfen der Bildskalierungsfunktionen Prüfen der Funktionen zur Bildkombination Prüfen der GDLib-Effekte Finetuning mit»all Configuration« Beispiel: Anpassung eines Wertes für ImageMagick Konfigurationsdateien direkt bearbeiten Datei in typo3conf betrachten oder bearbeiten Sicherungskopien im Install Tool erzeugen Ein Blick auf localconf.php Fehlerbehebung bei Start des Backends Änderung des Install-Tool-Passwords Änderung des Passwords des Administrator- Accounts Einstellung der deutschen Benutzeroberfläche Wahl der Backend-Sprache in den Benutzereinstellungen Download des Sprachpakets über den Extension Manager Überprüfung und Installation der Sprachpakete Sprachwechsel auf Benutzerebene Seiten anlegen Der TYPO3-Seitenbaum Der TYPO3-Seitenbaum als hierarchische Struktur Anlegen von neuen Seiten über das Kontextmenü des Root-Icons Neue Seite mit Drag & Drop Änderungen der Seiteneigenschaften Kontextmenüs und Shortcut-Buttons Das Kontextmenü eines Seitenelements Untermenü»Seitenaktionen« Untermenü»Teilbereichsaktionen« Ein- und Ausklappen von Seitenbaumzweigen Manipulation des Seitenbaums Kopieren über das Kontextmenü Kopieren und Verschieben per Drag & Drop

4 3.3.3 Löschen per Drag & Drop und Wiederherstellen von Seiten Löschen per Kontextmenü Der Bearbeitungsverlauf Wiederherstellen einer gelöschten Seite Rekursives Löschen und Kopieren Kontextmenüs vs. Shortcut-Buttons Lesezeichen Pfadangabe zum bearbeiteten Objekt Filtern der Seitenbaumansicht Eine Seite anzeigen Zusammenfassung Einstieg in TypoScript Das Konzept des TYPO3-Templates Anlegen und Verwalten von Templates Aufbau des Template-Datensatzes Template-Setup mit dem Konfigurationsfeld Erste Gehversuche in TypoScript Die eingebaute TypoScript-Referenz Das wrap-prinzip des TEXT-Objekts Mehr Komplexität durch Content-Object-Array COA Kopieren, Referenzieren und Löschen von Objekten in TypoScript Der Quelltext einer TYPO3-Seite Vererbung eines TypoScript-Templates Erweiterungs-Templates auf Unterseiten Der TypoScript-Objekt-Browser Wechsel in den TypoScript-Objekt-Browser Arbeit mit dem TypoScript-Objekt-Browser Einsatz von Konstanten Was versteht man unter Konstanten? Einsatz von Konstanten Der Konstanten-Editor (Constant Editor) Die Template-Analyse Die Ansichtsmöglichkeiten in der Template-Analyse Löschen von Templates oder Erweiterungs-Templates Löschen über das Modul Web Template Löschen über das Modul Web Liste

5 5 Seitenlayout mit TypoScript Einbindung von Grafikressourcen Erzeugen eines Div-Layouts Hinzufügen von CSS-Angaben Textressourcen der Inhalt der Fußzeile als externe Datei Anlegen eines Inhaltselements Ausgabe des Inhaltselements in der Seite Erzeugen des Navigationsmenüs Einsatz von Konstanten zur Konfiguration Ein Exkurs in die statischen Design-Templates Ausblick Seiteninhalte anlegen Erzeugen einer Sitestruktur mit dem Modul»Funktionen« Einführung in die Seiteninhaltstypen von TYPO Seiteninhalt»Normaler Text«(CType: text) Setzen von Links im Seiteninhalt Seiteninhalt»Aufzählung«(CType: bullet) Seiteninhalt»Text mit Bild«(CType: textpic) Seiteninhalt»Bild«(CType: image) Seiteninhalt»Tabelle«(CType: table) Seiteninhalt»HTML«(CType: html) Seiteninhalt Trenner (CType: div) Seiteninhalt»Dateilinks«(CType: uploads) Erstellen eines Kontaktformulars Seiteninhalte sortieren, kopieren, löschen, referenzieren Referenzen mit Seiteninhalt»Datensatz einfügen« Zusammenfassung und Ausblick Backup von Seiten und Inhalten Export eines Seiten-Backups Import eines Seiten-Backups Export und Import eines Seiteninhaltselements Export und Import einer kompletten Site Sichern und Einspielen einer Site»von Hand« Erstellen eines SQL-Dumps

6 7.5.2 Sichern der Projektdaten Zusammenfassung Einstieg in Designvorlagen Von TypoScript zur HTML-Designvorlage Erzeugen einer HTML-Designvorlage Einbinden der Designvorlage Editieren der Vorlage im Fileadmin Anlegen und Bearbeiten einer Vorlage im HTML-Editor Platzhalter für Inhalte Marker Positionsmarkierungen Subparts Bereichsmarkierungen Subparts vs. Marker Die Rolle des Templates für die Designvorlage Einbinden der Inhalte per TypoScript Ablage der Vorlagendatei im Fileadmin-Bereich Ein Subpart für den zu bearbeitenden Bereich Einbinden des Stylesheets in die Designvorlage Ansprechen der Marker Zuweisen der Content-Objekte an Subparts und Marker Einfügen des Menüs in einen Marker Neues von CSS Styled Content Die Verwendung von styles.content.get Zuweisen der Inhalte des Seitenfußes Zusammenfassung und Ausblick Menüs erstellen mit TypoScript Anpassung der Websitestruktur des Beispielprojekts Das Basisobjekt HMENU Das Property entrylevel von HMENU Textmenüs mit dem Objekttyp TMENU Einfaches Textmenü Textmenü mit Untermenü Weitere Zustände der Textmenü-Items Eine Seite aus dem Menü ausblenden Erzeugen des Rootline-Menüs Das Property special von HMENU Das Property special.range von HMENU

7 9.4.3 Gezielte Darstellung über Optionsplit Entfernen des Links für die aktuelle Seite Zusammenfassung und Ausblick Templates automatisieren Die neue Designvorlage Die neue Designvorlage in den Dateimanager laden Installation des Template Auto-parser Einsatz des Template Auto-parsers Konfiguration des Template Auto-parsers Konfiguration des PAGE-Objekts Die Quelltextausgabe des Template Auto-parsers Zuweisung bestehender Inhalte an die generierten Subparts Zuweisung weiterer Subparts Eine Sitemap für die Projektwebsite Ausgabe der Webseiten als XHTML Zusammenfassung und Ausblick Die mehrsprachige Website Einrichtung weiterer Sprachen Anlegen der Sprachvariante in der Website über das Listen-Modul Anlegen der Sprachvariante einer Seite Die Eingabemaske für eine alternative Sprache Inhalte zweisprachig anlegen Die Definition der Sprachauswahl im Template Mehrsprachige Menüs Konfiguration im Haupt-Template Zusammenfassung und Ausblick Passwortgeschützte Bereiche Website-Benutzer und -Benutzergruppen Einrichten eines Systemordners für Frontend- Benutzer Anlegen von Frontend-Benutzern und Frontend-Benutzergruppen Erfassungsmaske für Frontend-Benutzergruppen

8 Erfassungsmaske für Frontend-Benutzer Ansicht des Systemordners im Modul»Liste« Konfiguration im TypoScript-Template Definieren der Zugriffsbeschränkung Das Login-Formular für Frontend-Benutzer Einsatz von Untergruppen Ein Login-Formular auf allen Seiten Ein Login-Formular in einem SysOrdner Einfügen des Login-Formulars in das Seitenlayout Zusammenfassung und Ausblick Integration von Erweiterungen Newsmeldungen mit»tt_news« Import und Installation des News-Moduls Anlegen des SysOrdners für Newsbeiträge Anlegen von Datensätzen im News-Ordner Anlegen eines Newsdatensatzes Einbindung des statischen Templates Einfügen des News-Plugins in die Startseite Seiten für Newsübersicht und Einzelmeldung Das Newsarchiv für ältere Meldungen Mehrsprachige Newsmeldungen Volltextsuche mit»indexed Search« Die Erweiterung Indexed Search Die Konfiguration der Ergebnisseite»Suche« Einschalten der Indexierung im Template Anbindung des Suchformulars der HTML- Designvorlage Überprüfung der Indexierung Spracheinstellung Formatierung der Ausgabe Externe Dateien indexieren Zusammenfassung und Ausblick Rechtevergabe im Backend Benutzergruppen für das Beispielprojekt Erstellung von Verzeichnisfreigaben Festlegung der Gruppenrechte Einstellungen für die Gruppe»Redakteure« Die Einstellungen der anderen beiden Gruppen

9 14.3 Anlegen der Einzelnutzer Den Zugriff auf den Seitenbaum erlauben Untergruppen und die Vermischung von Rechten Eine weitere Gruppe für die Seitenbaumrechte Eine neutrale Benutzergruppe kommt zu Hilfe Eigentumsverhältnisse neuer Seiten Zusammenfassung und Ausblick Layout mit TemplaVoilà Installation der Erweiterung TemplaVoilà Einbinden einer HTML-Designvorlage mit TemplaVoilà Vorarbeiten Anlegen eines SysOrdners und neuer Seiten Einbinden von TemplaVoilà ins TypoScript- Template Mapping der Dokumentvorlage Mapping des Dokumentkörpers Erstellen eines weiteren Bereichs Speichern des Mappings und Betrachten der Datenstruktur Fortführen des Mapping-Vorgangs Arbeiten mit dem TemplaVoilà-Template Zuweisen der TemplaVoilà-Datenstruktur an die Startseite Einbinden der Stylesheet-Datei Einfügen der Inhalte Flexible Content Elemente Zusammenfassung und Ausblick Übersicht: TYPO3-Backend Die Modulleiste Der modulare Aufbau des Backends Die Modulgruppe Web Die Modulgruppe Datei (File) Die Modulgruppe Benutzerwerkzeuge (User Tools) Die Modulgruppe Adminwerkzeuge Die Modulgruppe Hilfe (Help) Das globale Menü des Arbeitsbereichs Logout des aktuellen Nutzers Wechsel des Nutzerprofils

10 Verwaltung von Lesezeichen und Shortcuts Die Cache-Funktionen in der Arbeitsfensterleiste Das Workspace-Menü in der Arbeitsfensterseite Das Suchfeld TypoScript eine Kurzreferenz TypoScript die Grundlagen Ähnlichkeiten und Unterschiede zu Programmiersprachen Operatoren in TypoScript Bedingungen (Conditions) Datentypen in TypoScript Die Objektmetapher von TypoScript Einteilung der Objekttypen Wertzuweisung an Objekt-Propertys Bildung von Objektinstanzen Objektzugehörige Arrays Seiten definieren das PAGE-Objekt TL-Objekt PAGE Erzeugen von Framesets FRAME-Objekte TL-Objekt FRAMESET TL-Objekt FRAME Quelltextbeispiel: Frameset mit TypoScript Inhalt einbinden Content-Objekte cobject COA cobject FILE cobject CONTENT cobject TEMPLATE cobject FLUIDTEMPLATE cobject TEXT cobject HTML cobject IMAGE cobject IMAGE_RESOURCE Menüs erstellen Menüobjekte Objekt HMENU Objekt TMENU Objekt TMENUITEM (NO, ACT, CUR etc.) Quelltextbeispiel: Textmenü mit TypoScript Userkonfiguration cobject EDITPANEL

11 Anhang A Installation von XAMPP A.1 XAMPP unter Windows A.2 XAMPP unter Linux A.3 XAMPP unter Mac OS X A.4 Konfiguration und Sicherheitseinstellungen A.5 Dokumentation von XAMPP B TYPO3-Installer B.1 TYPO3Winstaller (Windows) B.2 LAMP Testsite (Linux) B.3 t3[dmg] für Mac OS X C Backup mit phpmyadmin C.1 Was ist phpmyadmin? C.2 Dump der TYPO3-Datenbank mit phpmyadmin C.3 Wichtige Tabellen der TYPO3-Datenbank C.4 Einlesen eines Datenbank-Dumps bei Installation D Online-Ressourcen D.1 Online-Ressourcen zu TYPO D.2 Weitere Online-Ressourcen E Inhalt der Begleit-DVD E.1 Installation E.2 Dokumentation E.3 Erweiterungen E.4 Dateien zum Buch Index