Auf einen Blick. 1 TYPO3 ein Open-Source-CMS Installation von TYPO3 CMS 6.2 LTS Das Backend kennenlernen... 81

Transkript

1 Auf einen Blick Auf einen Blick 1 TYPO3 ein Open-Source-CMS Installation von TYPO3 CMS 6.2 LTS Das Backend kennenlernen Seiten anlegen Einstieg in TypoScript Seitenlayout mit TypoScript Seiteninhalte anlegen Einstieg in Designvorlagen Menüs erstellen mit TypoScript Die mehrsprachige Website Passwortgeschützte Bereiche Integration von Erweiterungen Rechtevergabe im Backend Templates mit Fluid Layout mit TemplaVoilà TypoScript eine Kurzreferenz

2 Einleitung 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 Die 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 TYPO3 CMS 6.2 LTS Voraussetzungen für die Installation von TYPO Das Installationspaket von TYPO3 CMS 6.2 LTS Arbeitsverzeichnis und TYPO3-Source Anbinden des Arbeitsverzeichnisses mit symbolischen Links Der Installationsvorgang von TYPO3 CMS 6.2 LTS Phase 1 Check der TYPO3-Umgebung Phase 2 Anbindung des Datenbanksystems Phase 3 Erstellung der Datenbank für das CMS Phase 4 Backend-User erstellen und Datenimport

3 2.4.5 Phase 5 Abschluss der Installation Bugfix Reparatur der OpenSSL-Installation Konfiguration über das Backend-Install-Tool Login am Backend-Install-Tool Neusetzen des Backend-Install-Tool-Passworts Die Systemumgebung im Install Tool Install Tool die Configuration Presets Installation von GraphicsMagick Test der Umgebung im Test-Setup des Install Tools Test von -Versand und Fonteinstellung Test der grafischen Funktionen Finetuning mit»all Configuration« Der Upgrade Wizard und die Folder Structure Aufräumen im Clean-up-Bereich des Install Tools Kurz vor Schluss»Important actions«im Install Tool Der»Database Analyzer« Die Option»Clear all cache« Nach fehlerhaften Erweiterungsinstallationen suchen Update des System-Cores Ändern des Passworts für das Install Tool Ändern des Website-Namens Ändern des Verschlüsselungsstrings Einen Backend-Administrator erstellen Das Backend kennenlernen Einloggen im Backend Die Die Bereiche des Backends Modulgruppen und Module Übersicht über die Modulgruppen Die Modulgruppe»Web«(Web) Die Modulgruppe»Datei«(File) Die Modulgruppe»Benutzerwerkzeuge«(User Tools) Die Modulgruppe»Adminwerkzeuge«(Admin Tools) Die Modulgruppe»System«(System) Die Modulgruppe»Hilfe«(Help) Die Benutzereinstellungen Das Passwort des Administrator-Accounts ändern Einstellung der deutschen Benutzeroberfläche Wahl der Backend-Sprache in den Benutzereinstellungen Download des Sprachpakets über das Modul»Language« Sprachwechsel auf Benutzerebene Der Erweiterungsmanager Seiten anlegen Der TYPO3-Seitenbaum 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 Das Untermenü»Seitenaktionen« Das Untermenü»Teilbereichsaktionen« Ein- und Ausklappen von Seitenbaumzweigen Verwenden des Papierkorbs Seiten aus dem Papierkorb wiederherstellen Seiten aus dem Papierkorb löschen Manipulation des Seitenbaums Kopieren über das Kontextmenü Kopieren und Verschieben per Drag & Drop Der Bearbeitungsverlauf Arbeitsschritte wiederherstellen Rekursives Löschen und Kopieren Kontextmenüs vs. Shortcut-Buttons Lesezeichen Pfadangabe zum bearbeiteten Objekt Filtern der Seitenbaumansicht Eine Seite anzeigen Zusammenfassung

4 5 Einstieg in TypoScript Das Konzept des TYPO3-Templates Ein Template ist eine Darstellungsvereinbarung Ein Template ist TypoScript Anlegen und Verwalten von Templates Hallo Welt! Aufbau des Template-Datensatzes Template-Setup mit dem Konfigurationsfeld Erste Gehversuche in TypoScript Das Wrap-Prinzip anhand des TEXT-Objekts Mehr Komplexität durch Content-Object-Arrays (COA) Kopieren, Referenzieren und Löschen von Objekten in TypoScript Der Quelltext einer TYPO3-Seite Vererbung von TypoScript-Templates Erweiterungs-Templates auf Unterseiten Der TypoScript-Objekt-Browser Arbeit mit dem TypoScript-Objekt-Browser Einsatz von Konstanten im TypoScript-Template Was versteht man in TypoScript unter Konstanten? Die Syntax für Deklaration und Referenz einer Konstante Der Einsatz von Konstanten Editieren von Konstanten im Konstanten-Editor Konstanten über Kategorien kennzeichnen Produktive Arbeit mit dem Konstanten-Editor Das Template-Analyse Tool Löschen von Templates oder Erweiterungs-Templates Löschen über das Modul»Web Template« Löschen über das Modul»Web Liste« Das versehentliche Löschen eines Templates rückgängig machen Undelete eines gelöschten Templates mit dem Recycler Eine Kopfgrafik mit dem IMAGE-Objekt einbinden Ein HTML-Layout mit TypoScript Ein einfaches CSS-Styling für das»div«-layout Erzeugen einer Stylesheet-Datei mit TypoScript Textressourcen der der Fußzeile als externe Datei Anlegen von Seiteninhalten Ausgabe der selemente in das HTML-Dokument Einbinden des statischen Template-Moduls»CSS Styled Content« Erzeugen des Navigationsmenüs Einsatz von Konstanten zur Konfiguration Ausblick Seiteninhalte anlegen Erzeugen einer Sitestruktur mit dem Modul»Funktionen« Unterseiten zur aktuellen Seite erzeugen Einführung in die Seiteninhaltstypen von TYPO Seiteninhalt»Normaler Text«(CType: text) Setzen von Links im Seiteninhalt Der Seiteninhalt»Aufzählung«(CType: bullet) Der Seiteninhalt»Text und Bilder«(CType: textpic) Der Seiteninhalt»Bilder«(CType: image) Der Seiteninhalt»Tabelle«(CType: table) Der Seiteninhalt»HTML«(CType: html) Der Seiteninhalt»Trenner«(CType: div) Der Seiteninhalt»Dateilinks«(CType: uploads) Erstellen eines Kontaktformulars Seiteninhalte sortieren, kopieren, löschen und referenzieren Referenzen mit dem Seiteninhalt»Datensatz einfügen« Zusammenfassung und Ausblick Seitenlayout mit TypoScript Bereitstellen von Grafikressourcen Datei-Upload über die Dateiliste (Fileadmin) Erstellen neuer Ordner und Upload von Dateien in Fileadmin Einstieg in Designvorlagen Von TypoScript zur HTML-Designvorlage Die TYPO3-Template-Engine Voraussetzungen für Designvorlagen

5 8.2.2 Markierungen und Teilbereiche in der Designvorlage Die Designvorlage überarbeiten Eine neue Website erstellen Eine neue Seitenstruktur Ein neues Template Das TEMPLATE-Objekt Die Designvorlage einlesen CSS der Designvorlage einbinden Den Body-Bereich der Vorlage markieren Subparts und Marker der Vorlage über TypoScript ansprechen Neues von»css Styled Content« Die Markierung für den Footer ansprechen Den Teilbereich für die Navigation ansprechen Zusammenfassung und Ausblick Menüs erstellen mit TypoScript Die mehrsprachige Website Einrichtung weiterer Sprachen Die Sprachvariante in der Website über das Listen-Modul anlegen Die Sprachvariante einer Seite anlegen Die Eingabemaske für eine alternative Sprache e zweisprachig anlegen Die Definition der Sprachauswahl im Template Eine neue Designvorlage Die Designvorlage austauschen Mehrsprachige Menüs Konfiguration im Haupt-Template Die rechte sspalte der Designvorlage für die rechte Spalte anlegen Im Template die rechte Spalte ausgeben Zusammenfassung und Ausblick Die Websitestruktur des Beispielprojekts anpassen Das Basisobjekt»HMENU« Die Eigenschaft»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 Das Rootline-Menü erzeugen Die Eigenschaft»special«von HMENU Das Property»special.range«von HMENU Gezielte Darstellung über Optionsplit Den Link für die aktuelle Seite entfernen Das»Globals«-Menü Den Seitenbaum für das»globals«-menü anpassen Das»HMENU«-Objekt für das»globals«-menü Eine Sitemap für die Projektwebsite 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 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 Zusammenfassung und Ausblick

6 12 Integration von Erweiterungen Rechtevergabe im Backend Volltextsuche mit»indexed Search« Die Erweiterung»Indexed Search« Die Erweiterung»Indexed Search«aktivieren Die Ergebnisseite»Suche«konfigurieren Die Indexierung im Template einschalten Das Suchformular der HTML-Designvorlage anbinden Mehrsprachigkeit des Suchfeldes Die Indexierung überprüfen Spracheinstellung Die Ausgabe formatieren Externe Dateien indexieren Einsatz der Erweiterung»news« Import und Installation der»news«-erweiterung Konfiguration der»news«-erweiterung Installieren der Backend-Übersetzung Einfügen des statischen Template-Moduls»News«ins Setup Anpassungen im Seitenbaum Eine Newsmeldung erstellen Arbeiten mit dem Administrationsmodul für News Einfügen des News-Plug-Ins in die Startseite (Listenansicht) Die Detailansicht einer Newsmeldung Die Nachrichtenübersicht auf der Seite»News« Das Newsarchiv für ältere Meldungen Das News-Plug-In und seine Archiveinstellung Mehrsprachige Newsmeldungen Installation der Erweiterung»static_info_tables« Lokalisierung des Datensatzes der Website-Sprache Lokalisation und Übersetzung der Newsmeldungen Den Strict Language Mode mit TypoScript erzwingen Anlegen von Kategorien Filtern nach Kategorien Ausgabe von News nach Kategorien Zusammenfassung und Ausblick Benutzergruppen für das Beispielprojekt Erstellung von Verzeichnisfreigaben Festlegung der Gruppenrechte Einstellungen für die Gruppe»Redakteure« Die Einstellungen der anderen beiden Gruppen Anlegen der Einzelnutzer 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 Templates mit Fluid Was ist Fluid? Ablage der Template-Dateien für das Fluid-Layout Die Ordnerstruktur im Fileadmin Einbinden der Fluid-Designvorlage Viewhelper und Variable Die Fluid-Eigenschaft»variables« Der Interpolationsausdruck im Template Bessere Steuerung der Ausgabe mit Viewhelper Weitere sspalten zuweisen Navigation und weitere Elemente hinzufügen Die Hauptnavigation Sprachumschaltung, Rootline, Suchfeld und globale Navigation Library-Objekte und cobject-viewhelper Ein Backend-Layout für die Fluid-Site Erstellen des Backend-Layouts Zuweisen des Backend-Layouts Mehr Flexibilität mit Layouts und Partials Die Elemente eines mehrteiligen Fluid-Templates

7 Template vs. Layout Layout vs. Template und Partials Anatomie des Templates Anatomie des Layouts Anatomie eines Partials Drei-, zwei- und einspaltiges Layout mit Fluid Kopplung von Backend-Layout und View Das modifizierte Setup zur Template-Umschaltung das cobject»case« Die verbesserte Template-Umschaltung Mehr über Viewhelper Bisher eingesetzte Viewhelper Der Viewhelper»f:debug« Der Viewhelper»f:comment« Die Viewhelper»f:if«,»f:then«und»f:else« Die Viewhelper»f:switch«und»f:case« Der Viewhelper»f:alias« Noch mehr Flexibilität mit intelligenten Partials Drei Templates, aber nur noch ein Layout Logik im Partial mit»if«-viewhelper Logik im Partial mit»switch«-viewhelper Logik im Setup und»alias«-viewhelper im Partial Zusammenfassung und Ausblick Layout mit TemplaVoilà Installation der Erweiterung»TemplaVoilà« Einbinden einer HTML-Designvorlage mit TemplaVoilà Vorarbeiten Anlegen eines SysOrdners 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 Einbinden der Stylesheet-Datei Einfügen der e Recyceln der bisher verwendeten e Flexible Content-Elemente Kopieren und Modifizieren von TO- und DS-Objekten Modifizieren eines TV-Templates Mapping eines flexiblen Content-Element Einsatz der flexiblen Content-Elemente Zusammenfassung und Ausblick TypoScript eine Kurzreferenz Wo wird TypoScript in TYPO3 eingesetzt? 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 Benennung der Objektinstanzen Das Top-Level-Objekt»PAGE« einbinden Content-Objekte Das cobject»coa« Das cobject»file« Das cobject»content« Das cobject»template« Das cobject»fluidtemplate« Das cobject»text« Das cobject»html« Das cobject»image« Das cobject»image_resource« Menüs erstellen Menüobjekte Das Objekt»HMENU« Das Objekt»TMENU«

8 Das Objekt»TMENUITEM«(NO, ACT, CUR etc.) Quelltextbeispiel: Textmenü mit TypoScript Userkonfiguration das cobject»editpanel« Anhang 589 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 Backup mit phpmyadmin B.1 Was ist phpmyadmin? B.2 Dump der TYPO3-Datenbank mit phpmyadmin B.3 Wichtige Tabellen der TYPO3-Datenbank C Onlineressourcen C.1 Onlineressourcen zu TYPO C.2 Weitere Onlineressourcen D der Begleit-DVD D.1 Installation D.2 Erweiterungen D.3 Dateien zum Buch Index