1 TYP03-ein Open-Source-CMS Installation von TYP03 CMS 6.2 LTS Das Backend kennenlernen Seiten anlegen 97

Transkript

1 Auf einen Blick Auf einen Blick 1 TYP03-ein Open-Source-CMS 21 2 Installation von TYP03 CMS 6.2 LTS 35 3 Das Backend kennenlernen 81 4 Seiten anlegen 97 5 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 533

2 Inhalt Einleitung 17 1 TYP03 - 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 TYP03 als Web-Content-Management-System Die Geschichte von TYP Positionierung von TYP Technische Hintergründe von TYP Systemvoraussetzungen von TYP Vergleich der Hostingmöglichkeiten für TYP Einfacher Provider-Account mit PHP und MySQL Spezialisierter TYP03-Hoster TYP03 auf eigenem Server 32 2 Installation von TYP03 CMS 6.2 LTS Voraussetzungen für die Installation von TYP Das Installationspaket von TYP03 CMS 6.2 LTS Arbeitsverzeichnis und TYP03-Source Anbinden des Arbeitsverzeichnisses mit symbolischen Links Der Installationsvorgang von TYP03 CMS 6.2 LTS Phase 1- Check der TYP03-Umgebung Phase 2-Anbindung des Datenbanksystems Phase 3 - Erstellung der Datenbank für das CMS Phase 4 - Backend-User erstellen und Datenimport 51 5

3 2.4.5 Phase 5-Abschluss der Installation Bugfix -Reparatur der OpenSSL-lnsta llation 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»DatabaseAnalyzer« 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 79 3 Das Backend kennenlernen 8i 3.1 Einloggen im Backend Die Die Bereiche des Backends Moduigruppen 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) 88 6

4 3.5 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 93 4 Seiten anlegen Der TYP03-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 131 7

5 5 Einstieg in TypoScript Das Konzept des TYPOB-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 TYP03-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 Seitenlayout mit TypoScript isi 6.1 Bereitstellen von Grafikressourcen Datei-Upload über die Dateiliste (Fileadmin) Erstellen neuer Ordner und Upload von Dateien in Fileadmin 183 8

6 6.1.3 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 Inhalt der Fußzeile als externe Datei Anlegen von Seiteninhalten Ausgabe der Inhaltselemente 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 TYP 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 Einstieg in Designvorlagen Von TypoScript zur HTML-Designvorlage Die TYP03-Template-Engine Voraussetzungen für Designvorlagen 278 9

7 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 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 Zusammenfassung und Ausblick

8 10 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 Inhalte zweisprachig anlegen Die Definition der Sprachauswahl im Template Eine neue Designvorlage Die Designvorlage austauschen B Mehrsprachige Menüs Konfiguration im Haupt-Template Die rechte Inhaltsspalte der Designvorlage Inhalt für die rechte Spalte anlegen Im Template die rechte Spalte ausgeben 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 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

9 12 Integration von Erweiterungen 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

10 13 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 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 Inhaltsspalten 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 Partiais Die Elemente eines mehrteiligen Fluid-Templates

11 Template vs. Layout Layout vs. Template und Partiais Anatomie des Templates Anatomie des Layouts Anatomie eines Partiais Drei-, zwei- und einspaltiges Layout mit Fluid Kopplung von Backend-Layout und View Das modifizierte Setup zurtemplate-umschaltungdas 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 Partiais 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 Inhalte

12 15.5 Recyceln der bisher verwendeten Inhalte Flexible Content-Elemente Kopieren und Modifizieren von TO- und DS-Objekten Modifizieren eines TV-Templates Mappingeines flexiblen Content-Element Einsatz der flexiblen Content-Elemente Zusammenfassung und Ausblick TypoScript - eine Kurzreferenz Wo wird TypoScript in TYP03 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« Inhalt 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«574 15

13 Das Objekt»TMENUITEM«(NO, ACT, CUR etc.) Quelltextbeispiel: Textmenü mit TypoScript Userkonfiguration - das cobject»editpanel«581 Anhang 589 A Installation von XAMPP 583 A.1 XAMPP unter Windows 583 A.2 XAMPP unter Linux 587 A.3 XAMPP u nter Mac OS X 589 A.4 Konfiguration und Sicherheitseinstellungen 591 A.5 Dokumentation von XAMPP 594 B Backup mit phpmyadmin 595 B.l Was ist phpmyadmin? 595 B.2 Dump der TYP03-Datenbank mit phpmyadmin 597 B.3 Wichtige Tabellen der TYP03-Datenbank 601 C Onlineressourcen 607 C.l Onlineressourcen zu TYP C.2 Weitere Onlineressourcen 609 D Inhalt der Begleit-DVD 611 D.l Installation 611 D.2 Erweiterungen 612 D.3 Dateien zum Buch 612 Index