Verständnisfrage zum StyleManager

[MichaS]

@Zoglo: wenn ich dich "gerade dran habe", eine Verständnisfrage zum StyleManager: dort betitle und beschreibe ich CSS-Klassen, die bereits in einer (S)CSS-Datei vorhanden sind, um Sie später im Backend einfacher nutzen und Elementen, Komponenten, Layouts, etc. zuweisen zu können, korrekt?

[MichaS]

Geändert von Spooky (Heute um 18:35 Uhr)

Danke für's Verschieben

[zoglo]

dort betitle und beschreibe ich CSS-Klassen, die bereits in einer (S)CSS-Datei vorhanden sind, um Sie später im Backend einfacher nutzen und Elementen, Komponenten, Layouts, etc. zuweisen zu können, korrekt?

Korrekt

___

Nur als Hinweis beim ThemeManager:
Solltest du diese im ThemeManager nicht sehen, diese werden über Dateien geladen (Zwecks Updatesicherheit) und sind nicht in der Datenbank gespeichert.
Gibt auch paar dynamische Sachen, dann kann man sich via Hook auch Optionen nach z.B. dem Kompilieren eines Themes dynamisch erstellen (passiert an manchen Stellen schon im ThemeManager)
https://github.com/contao-thememanag...gerXML.php#L23

[MichaS]

Gibt auch paar dynamische Sachen, dann kann man sich via Hook auch Optionen nach z.B. dem Kompilieren eines Themes dynamisch erstellen

Hab's mir gerade angeschaut... YumYum

... diese werden über Dateien geladen (Zwecks Updatesicherheit) und sind nicht in der Datenbank gespeichert

Das beantwortet möglicherweise eine Frage, die ich mir "gedanklich" gestellt habe: könnte man im StyleManager nicht noch ein Code-Feld (Textarea) hinzufügen um direkt CSS-Deklarationen zu hinterlegen, welche beim Kompilieren aus der DB in die fertige CSS-File geholt werden?

[zoglo]

Das wäre unabhängig vom StyleManager, der stellt nur das Widget an den gewissen Stellen bereit, sodass du die Styles "managen" kannst.

Was du meinst müsste in einem CSS-Compiler sein: https://github.com/oveleon/contao-theme-compiler-bundle
Hier kannst du sicherlich, wie im ThemeManager bereits implementiert, die onBeforeCompile Hooks nutzen und so auch dein CSS aus einem Code-Block einschleusen.
Die StyleManager Optionen musst du dann aber via Hand anlegen oder... du programmierst dir da auch deine eigene Logik... idk

Das wurde schon an zig Stellen im ThemeManager gemacht:
- Eine background.css wird automatisch generiert anhand der ausgewählten Bilder im Dateisystem, die Optionen im StyleManager werden automatisch bereitgestellt:
-> https://github.com/contao-thememanag...erator.php#L23

- Eine iconfont.svg wird eingelesen und erstellt eine icon.css, stellt diese Icons dann auch im RockSolid IconPicker und innerhalb des StyleManagers zur Verfügung:
-> https://github.com/contao-thememanag...erator.php#L23

- Display: block, none, flex, foo, bar, baz werden aus einem Feld gelesen und generiert dir ein CSS anhand des CSS-Frameworks, deiner Eingabe und stellt diese nach dem Kompilieren automatisch im StyleManager bereit:
-> https://github.com/contao-thememanag...isplay.scss#L1
-> https://github.com/contao-thememanag...rator.php#L197'

Jedes Code-Beispiel generiert dir somit die StyleManager.xml und legt diese dann im Templates-Ordner nach dem Kompilieren ab.

[MichaS]

Dass du auf eine "gedanklich" formulierte Frage eine solch ausführliche Antwort gibst... Chapeau!
Ich danke dir vielmals für die Anregungen und Codestellen und freue mich darauf, mich zu gegebener Zeit damit auseinandersetzen.
Aktuell lerne ich erst mal ganz viel über das - für mich - neue CMS sowie den CTM (über welchen ich übrigens durch das Video der Contao-Konferenz 2023 gestolpert bin).