You are previewing TYPO3 Theming und Distribution.
O'Reilly logo
TYPO3 Theming und Distribution

Book Description

Nie wieder Themes von Grund auf neu entwickeln! Diesen Wunsch haben viele TYPO3-Entwickler, die zwar die große Flexibilität von TYPO3 sehr schätzen, andererseits aber lange einen standardisierten Ansatz vermisst haben, um wiederverwendbare und austauschbare Designs für das Open Source-CMS entwickeln zu können. Die neue Themes-Extension verspricht diese Standardisierung - und jede Menge Zeitersparnis. Dieses Buch zeigt Ihnen, wie Sie Themes standardkompatibel erstellen und wiederverwenden können. Sie lernen die Themes-Extension genau kennen, erfahren, welche Strukturen und Formate für austauschbare Themes benötigt werden und wie Sie Ihr Theme kompatibel zu anderen Extensions wie z.B. News machen. Darüber hinaus wird auch das neue TYPO3-Feature Distributions vorgestellt, mit dem Sie eine TYPO3-Site mit Seitenstrukturen und Inhalten vorkonfigurieren können, um sie beim Kunden auf Knopfdruck zu installieren.

Table of Contents

  1. Einführung
    1. Aufbau dieses Buchs
    2. An wen sich dieses Buch richtet
    3. Typografische Konventionen
    4. Verwendung der Codebeispiele
    5. Kontakt
    6. Danksagungen
  2. I. Die THEMES-Erweiterung
    1. 1. Inspiration und Geschichte
    2. 2. Einführung in die THEMES-Erweiterungen
      1. THEMES für Einsteiger
      2. THEMES für Redakteure
      3. THEMES für Integratoren
      4. THEMES für Entwickler
    3. 3. Die THEMES-Erweiterung installieren
      1. THEMES als Distribution installieren
      2. Das THEMES-Framework als einzelne Erweiterungen installieren
        1. Übersicht über verwendete Erweiterungen
        2. Installation
      3. THEMES als Entwicklerversion via GIT installieren
        1. Hinweise für eigene Deployments
    4. 4. Arbeiten mit der THEMES-Erweiterung
      1. Auswahl eines Themes
        1. Nutzung des THEMES-Backend-Moduls
        2. Auswählen im sys_template-Datensatz
      2. Einstellungen eines Themes ändern
        1. Änderungen im Backend-Modul Themes
        2. Änderungen im Konstanten-Editor (nur für Administratoren)
    5. 5. Themes konfigurieren
      1. Auswählen eines Themes
      2. Konfigurieren eines Themes
      3. Konfigurieren des Theme-Konfigurators
  3. II. TYPO3-Themes erstellen
    1. 6. Einführung in das Bootstrap-Base-Package für TYPO3-Themes
    2. 7. Theme-Struktur anlegen
      1. Speicherplatz eines Themes – Wo sollten die Dateien des Themes liegen?
      2. Verzeichnisstruktur eines Themes
        1. Das Verzeichnis Configuration
        2. Das Verzeichnis Meta
        3. Das Verzeichnis Resources
      3. Theme-Konfigurationsdateien
    3. 8. Backend-Layouts nutzen
      1. Wozu benötigen Sie Backend-Layouts?
      2. Das Backend mit Backend-Layouts strukturieren
      3. Backend-Layouts anlegen und bereitstellen
        1. So erstellen Sie ein Backend-Layout als Datensatz
        2. So verwalten Sie Backend-Layouts in versionierbaren Dateien
        3. Backend-Layout-TSconfig-Referenz
        4. Backend-Layouts auf Seitenebene verwalten
        5. Backend-Layouts entfernen
    4. 9. TypoScript-Basis anlegen
      1. Root-Template erstellen
      2. Konstanten der THEMES-Erweiterung
        1. Automatisch generierte Theme-Konstanten
        2. Konfigurations-Theme-Konstanten
        3. Definition der constants.txt
      3. TypoScript-Setup aus der THEMES-Erweiterung nutzen
      4. TypoScript-Setup für Ihr Theme
      5. Die Content-Marker bereitstellen
      6. Logo für das Theme bereitstellen
      7. Daten aus den Inhaltsseiten auslesen
      8. Menüs erstellen
        1. Top-Menü erstellen
        2. Breadcrumb-Menü erstellen
        3. Hauptmenü erstellen
    5. 10. Grid-Layouts
      1. Grid-Elemente und ihre Einsatzmöglichkeiten
        1. Standard-Container zum Zusammenfassen von Elementen verwenden
        2. Grid-Container zur strukturierten Darstellung von Inhalten nutzen
        3. Funktions-Container für besondere Eigenschaften einsetzen
      2. Einen neuen Grid-Element-Typ als Datensatz erzeugen
        1. CE-Backend-Layouts in versionierbaren Dateien verwalten
        2. CE-Backend-Layout-TSconfig-Referenz
        3. CE-Backend-Layouts auf Seitenebene verwalten
      3. Ausgabe von Grid-Elementen im Frontend
      4. Ebenen der Frontend-Ausgabe konfigurieren
      5. Responsive Grids für Bootstrap erzeugen
        1. Generische Klassennamen für ein Framework verfügbar machen
        2. Einfache Grid-Container zur Gruppierung von Elementen erzeugen
      6. Beispiele für spezielle Grid-Container
        1. Vierspaltiger Grid-Container
        2. Grid-Container mit dynamischer Spaltenanzahl verfügbar machen
        3. Funktions-Container für Karussells
    6. 11. Fluid-Templates erstellen
      1. Die Fluid-Template-Engine
        1. Fluid-Layouts
        2. Fluid-Templates
        3. Fluid-Partials
        4. Fluid-Namespaces
        5. Fluid-Variablen
      2. Bereitstellung der Template-Pfade
      3. Zugriff auf Theme-TypoScript-Konstanten
      4. Arbeiten mit Fluid
    7. 12. Dynamisches CSS einsetzen
      1. DynCSS installieren
      2. DynCSS verwenden
      3. Definition von konfigurierbaren LESS-Variablen
      4. Bootstrap einbinden
      5. Probleme beheben
      6. Erweitertes Beispiel
    8. 13. jQuery integrieren
      1. Installation der Erweiterung t3jquery
        1. Erstellung einer individuellen jQuery-JS-Bibliothek
        2. JS-Analyse auf jQuery-Abhängigkeiten
        3. JS-Analyse von t3jquery.txt in Extensions
        4. Komprimieren eigener JS-Dateien
      2. Abhängigkeit von T3 jQuery im Theme vermerken
      3. jQuery-Komponenten für T3 jQuery vermerken
      4. Generierte jQuery-Bibliothek im Theme verwenden
      5. Eigenes JavaScript im Theme einbinden
      6. JavaScript-Bibliotheken über ein CDN einbinden
        1. t3jquery auf ein CDN umstellen
        2. Weitere Bibliotheken über ein CDN einbinden
      7. Einstellungswerte in TypoScript bereitstellen
      8. Sprachwerte in JavaScript bereitstellen
      9. Fehlersuche
        1. JavaScript-Konsole auf Fehler überprüfen
        2. Wird jQuery als erste Datei geladen?
        3. Wird jQuery mehrfach geladen?
    9. 14. Mehrsprachigkeit implementieren
      1. Mehrsprachigkeit mit THEMES
      2. Anlegen einer zweiten Sprache
      3. Sprachmenü erstellen
      4. Sprachdateien für das Theme
      5. Sprachwerte aus einem Theme mit TypoScript überschreiben
      6. Ausgewählte Sprache als CSS-Klasse im Body-Tag bereitstellen
    10. 15. Mit Inhaltselementen arbeiten
      1. Varianten anlegen
        1. Einrahmungen bereitstellen
        2. Seitenkopf bereitstellen
        3. Breitwand bereitstellen
        4. Meldungen bereitstellen
      2. Verhalten anlegen
        1. Container bereitstellen
        2. Tabellen bereitstellen
    11. 16. News integrieren
      1. Installation der Erweiterung
      2. Einrichten der Erweiterung
      3. Verzeichnisstruktur für Erweiterungen
      4. TypoScript der Erweiterung
        1. TypoScript-Konstanten
        2. TypoScript-Setup
      5. Template-Anpassungen der Erweiterung
      6. Öffentliche Dateien der Erweiterung
      7. Sprachanpassungen der Erweiterung
      8. CSS-Anpassungen der Erweiterung
    12. 17. RealURL bereitstellen
      1. RealURL-Installation
      2. RealURL für ein Theme aktivieren
      3. RealURL im Backend verwenden
      4. Erweiterte RealURL-Konfiguration
      5. RealURL Auto-Konfiguration
    13. 18. Themes vererben
      1. Erstellen der Theme-Erweiterungsstruktur
      2. Seiten-TypoScript bereitstellen
      3. TypoScript-Konstanten bereitstellen
      4. TypoScript-Setup bereitstellen
      5. Fluid-Templates bereitstellen
      6. LESS im Theme verwenden
        1. Neues LESS im Theme verwenden
        2. LESS aus Theme-Bootstrap als Basis verwenden
      7. Sprachwerte des Themes anpassen
      8. JavaScript im Theme verwenden
      9. Gridelements-Komponente im Theme verwenden
      10. Favicon im Theme bereitstellen
    14. 19. Zusammenfassung
  4. III. TYPO3-Distributions
    1. 20. Einführung in TYPO3-Distributions
      1. Wo findet man Distributionen?
        1. Distributionen auf der TYPO3-Website
        2. Distributionen im Erweiterungsmanager
      2. Eine Distribution installieren
    2. 21. Distributionen erstellen
      1. Distributions-Struktur
      2. Dateisysteminhalte
      3. Datenbankinhalte in einem t3d-Export bereitstellen
      4. Eigene Erweiterungen mitliefern
      5. Spezielle Konfigurationen und Aktionen
      6. Distribution testen
      7. Zusammenfassung
    3. 22. Distributionen verwenden
      1. Zielgruppenspezifische Einsteigerpakete
      2. Firmeninterne Prototypen
      3. Branchenlösungen
      4. Testumgebungen für Entwickler
    4. Stichwortverzeichnis
  5. Kolophon
  6. Copyright