Welche Meta-Informationen zum Theme gibt es?

Ein Theme besteht, neben dem eigentlichen Design, aus den folgenden Dateien:

index.html
content.html
navbar.html

Daneben besteht eine Sammlung von Meta-Daten. Diese Informationen werden in der Datei component.yml eines Themes gepflegt und haben folgende Bedeutung:

Schlüssel	Beschreibung	Verwendungszweck	Pflicht

Schlüssel	Beschreibung	Verwendungszweck	Pflicht
`name`	Name des Theme	Wird zur Anzeige im Backend verwendet.	Ja
`description`	Beschreibung zum Theme	-	Nein
`type`	Die Art der Anwendung. Muss immer auf template gesetzt sein. Weitere Informationen: Component.yml - Development Documentation.	-	Ja
`subtype`	Definiert einen spezifischen Ausgabekanal (Standard, Mobile, Druck, PDF, App). Mögliche Werte: web mobile print pdf app	Sofern verwendet, wird das Theme nur im jeweiligen Tab des entsprechenden Ausgabekanals unter Administration > Layout angezeigt. Ohne Angabe wird ein Theme in den Tabs Standard und Mobile angezeigt.	Nein
`publisher`	Hersteller des Themes	-	Nein
`versions`	Versionsinformationen zum Theme. Siehe Definition: Component.yml - Development Documentation.	Die Auflistung der Themes unter Administration > Layout erfolgt nach deren Neuigkeit gemäss Wert versions.releaseDate	Nein
`dependencies`	Ermöglich die Definition von Abhängigkeiten zu JavaScript und CSS Frameworks auf welchen das Theme basiert. Aktuell unterstützte Frameworks: jQuery Bootstrap Siehe Component.yml - Development Documentation.	Definierte Abhängigkeiten werden im Frontend automatisch geladen.	Nein
`rendering`	Ermöglich die Anwendung von spezifischem CSS im Seiteneditor des Content Manager. Siehe Wie ändere ich die Darstellung des WYSIWYG-Editors?.	Die Anzeige des Seiteninhalts im WYSIWYG-Editor (im Content Manager) erfolgt basierend auf der definierten Konfiguration.	Nein
`csp`	Ermöglicht die Angabe von zusätzlich vertrauten Quellen für folgende Content-Security-Policy Fetch Direktiven: `connect-src` `font-src` `frame-src` `img-src` `manifest-src` `media-src` `object-src` `style-src` `worker-src` Format: `csp: <direktive#1>: - <source#1> - ... <direktive#2>: - <source#3> - ... ...` Folgende Fetch-Direktiven werden aus nachfolgenden Gründen nicht unterstützt: `default-src`: Wird vom System automatisch auf `'none'` gesetzt, da alle Typ-spezifischen Direktiven individuell gesetzt werden. `child-src`: Wird vom System automatisch auf `'none'` gesetzt, da alle Typ-spezifischen Direktiven (`frame-src`, `worker-src`) individuell gesetzt werden. `script-src`: Wird aus Sicherheitsgründen vom System automatisch gesetzt unter Verwendung von Hashes und Nonces.	Ermöglicht die Integration von externen Ressourcen trotz aktivier Option Nur vertrauenswürdige Ressourcen zulassen unter Administration > Grundeinstellungen > System > Sicherheit.	Nein

Beispiel component.yml

Sehen Sie dazu auch folgendes Beispiel:

DlcInfo:
  name: 'Rexx'
  description: 'The first customizable Cloudrexx theme.'
  type: template
  subtype: web
  publisher: 'Cloudrexx AG'
  versions: { state: stable, number: 1.0.0, releaseDate: '01.01.2016' }
  dependencies: [{ name: jquery, type: lib, minimumVersionNumber: 2.0.3, maximumVersionNumber: 2.0.3 }, { name: twitter-bootstrap, type: lib, minimumVersionNumber: 3.2.0, maximumVersionNumber: 3.2.0 }]
  csp:
    font-src:
      # Google Fonts
      - https://fonts.gstatic.com/     
    connect-src:
      # Google Tag Manager
      - https://*.google-analytics.com/
      - https://*.analytics.google.com/
      - https://*.googletagmanager.com/
    img-src:
      # Google Tag Manager
      - https://*.google-analytics.com/
      - https://*.googletagmanager.com/