Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
typoscript_config [13/09/2019 09:36]
Thomas Berscheid [Cache]
typoscript_config [25/09/2019 21:45] (aktuell)
Thomas Berscheid [Neue Dateiendung .typoscript ab TYPO3 9.5]
Zeile 79: Zeile 79:
   ​   ​
   ​   ​
-===== Einzelheiten ​der Konfiguration =====+===== Variablen ​der Konfiguration ===== 
 + 
 +Hier finden Sie einige Variablen der Konfiguration,​ mit denen Sie unterschiedliche Stände der Webseite zwischen Entwicklungs- und Live-Umgebung der Webseite trennen können.
  
 ==== Cache==== ==== Cache====
Zeile 90: Zeile 92:
  
 **Entwicklung:​** **Entwicklung:​**
- +  config { 
-  cache_period ​     = 1 +    cache_period ​     = 1 
-  no_cache ​         = 1+    no_cache ​         = 1 
 +  }
   ​   ​
 **Live:** **Live:**
- +  config { 
-  cache_period ​     = 86400 +    cache_period ​     = 86400 
-  no_cache ​         = 0+    no_cache ​         = 0 
 +  }
   ​   ​
 **Bitte beachten Sie:** Beim Livegang einer Webseite bitte **unbedingt** überprüfen,​ ob der Cache auch angeschaltet ist!  **Bitte beachten Sie:** Beim Livegang einer Webseite bitte **unbedingt** überprüfen,​ ob der Cache auch angeschaltet ist! 
  
 ==== CSS und JS komprimieren==== ==== CSS und JS komprimieren====
 +
 +Im Bestreben, Google glücklich zu machen und die Ladezeiten einer Webseite zu verringern, bietet TYPO3 von Haus aus die Möglichkeit,​ den Quellcode für Style Sheets und JavaScript zu komprimieren. Dazu dienen die Befehle ''​compressCss''​ und ''​compressJs''​.
 +\\ Auch können alle jeweils ausgelieferten Dateien zu einer Datei zusammengefasst werden. Dies wird über die Befehle ''​concatenateCss''​ und ''​concatenateJs''​ eingestellt.
 +\\ Was gut für SEO ist, erweist sich als Fluch für Entwickler. Denn sobald man in den Quelltext der Anwendung geht bzw. sobald man den Code Inspektor seines Browsers aufruft, landet man in einer unendlich langen Zeile eines sehr komprimierten Quelltextes. Daher sollte man für beide Variablen unterschiedliche Einstellungen wählen - und diese am besten bei den ''​Konstanten''​ speichern.
 +
 +**Entwicklung:​**  ​
 +
 +  config {  ​
 +    compressCss ​      = 0
 +    concatenateCss ​   = 0
 +    compressJs ​       = 0
 +    concatenateCJs ​   = 0
 +  }
 +
 +**Live:​**  ​
 +
 +  config {  ​
 +    compressCss ​      = 1
 +    concatenateCss ​   = 1
 +    compressJs ​       = 1
 +    concatenateCJs ​   = 1
 +  }  ​
 +==== Eigener Kommentar im TYPO3 Header====  ​
   ​   ​
- compressCss = 0 +Wer in den Quelltext einer TYPO3-Webseite blickt, wird dort immer den Standard-Kommentar der jeweiligen Version seines Systems entdecken. Diesen Kommentar kann kann mit einem eigenen Text ergänzen. Wer ASCII Grafiken beherrscht, kann an dieser Stelle seiner Phantasie freien Lauf lassen! Sonst ist dies der richtige Platz, um neugierige Besucher mit der Adresse der Agentur zu versorgen oder den Besucher zu einer Bewerbung aufzufordern.
- concatenateCss = 0 +
- compressJs = 0 +
- concatenateCJs = 0+
   ​   ​
   headerComment (   headerComment (
- Dies ist ein Text +    ​Dies ist ein Text 
-  Denn dies ist die beste Webseite aller Zeiten!+    Denn dies ist die beste Webseite aller Zeiten!
   )  ​   )  ​
 +  ​
 +===== Neue Einbindung TypoScript ab TYPO3 9.5 =====
 +
 +Die bisherige Syntax zur Einbindung von Dateien in TypoScript erfolgte über den INCLUDE Befehl. Dieser ist in allen Versionen von TYPO3 bis einschließlich der Version 9.5 lauffähig. Allerdings ist er nicht die Zukunft. ​
 +
 +Bisherige Einbindung einer TypoScript Datei:
 +
 +  <​INCLUDE_TYPOSCRIPT:​ source="​FILE:​EXT:​ibkprovider/​Configuration/​TypoScript/​setup.ts">​
 +
 +INCLUDE_TYPOSCRIPT wird in folgenden Versionen von TYPO3 durch @import ersetzt. Hier gilt folgende Syntax:
 +
 +
 +Import einer **einzelnen Datei**
 +
 +  @import "​EXT:​ibkprovider/​Configuration/​TypoScript/​setup.ts"​
 +
 +Import **mehrerer Dateien** eines Verzeichnisses in Reihenfolge ihres Namens
 +
 +  @import "​EXT:​ibkprovider/​Configuration/​TypoScript/​*.typoscript"​
 +
 +Import **aller Dateien** eines Verzeichnisses
 +
 +  @import "​EXT:​ibkprovider/​Configuration/​TypoScript/"​
 +
 +===== Neue Dateiendung .typoscript ab TYPO3 9.5 =====
 +
 +Ab der Version LTS v9.5 ist die alte Dateiendung .ts für TypoScript weiterhin nutzbar. Es ist jedoch nun auch möglich, die Dateiendung .typoscript zu nutzen.
 +
 +
 +===== Beispiel für ein Backend Layout =====
 +
 +
 +  backend_layout {
 +    colCount = 2
 +    rowCount = 5
 +    rows {
 +      1 {
 +        columns {
 +          1 {
 +            name = Text mit Inhalt
 +            rowspan = 3
 +            colPos = 10
 +          }
 +          2 {
 +            name = Kasten Titel
 +            rowspan = 2
 +            colPos = 11
 +          }
 +        }
 +      }
 +      3 {
 +        columns {
 +          1 {
 +            name = Kasten Text
 +            colPos = 12
 +          }
 +        }
 +      }
 +      4 {
 +        columns {
 +          1 {
 +            name = Text ganze Zeile
 +            colspan = 2
 +            colPos = 13
 +          }
 +        }
 +      }
 +      5 {
 +        columns {
 +          1 {
 +            name = Spalte unten links
 +            colPos = 14
 +          }
 +          1 {
 +            name = Spalte unten rechts
 +            colPos = 15
 +          }
 +        }
 +      }
 +    }
 +  }
 +  ​
  • typoscript_config.1568360191.txt.gz
  • Zuletzt geändert: 13/09/2019 09:36
  • von Thomas Berscheid