CSS / JS Files

Jedes Vertical bringt seine eigenen CSS- und Javascript-Dateien mit, die durch die Benamung erkennbar sind, insofern sie sich je Vertical unterscheiden. Im Bereich CSS / JS Files sind die korrekten Links zu den Dateien jedes Verticals zu finden. Sollte ein Wechsel des Verticals nötig sein, können hier jeweils die korrekten Links entnommen werden.

Die Dateien müssen im Code an den entsprechenden Stellen abgerufen werden. Üblicherweise geschieht dies über ein Import-Statement im Style-Tag (CSS-Dateien) und einen Script-Tag (JS-Dateien) im Head-Bereich der Seite. Dies ist jedoch auch abhängig von der individuellen Strukturierung der Seite der jeweiligen Benutzenden des Styleguides. Je nach Verwendung eines bestimmten Content-Management-Systems (beispielsweise Imperia) sind auch andere Formen der Einbindung möglich.

Vollkommen unabhängig von der Art der Einbindung (insofern die Einbindung dynamisch erfolgt) werden die CSS- und JS-Dateien immer auf dem neuesten Stand gehalten und alle Änderungen automatisch auf der Seite eingespielt. Es ist kein weiteres Zutun nötig um die neueste Version des Styleguides zu erhalten.

  • https://www.berlin.de/i9f/r1/bundle/berlin_marketing.css
  • https://www.berlin.de/i9f/r1/bundle/fontawesome.all.min.css
  • https://www.berlin.de/i9f/r1/bundle/berlin_marketing.js

Eine Anleitung zur Einbindung des Layouts über ESI Includes ist hier zu finden: Technische Integration mit Template.