Der JS-Helper

Innerhalb des Themes befindet sich eine kleine JavaScript-Anwendung, die vor allem in der Entwicklung Zeit einsparen kann und vor der Erstellung übermäßiger CSS-Klassen bewahren kann.

Ist der js-helper über das Seitenlayout in den externen JS-Scripts eingebunden, kannst du in jedem Element eine Klasse mit dieser Syntax eingeben:

jsh_cssAttribut_wert

Daraus ergibt sich z.B. jsh_maxWidth_700px. Attribute wie max-width die also im CSS mit einem Bindestrich geschrieben werden, löst du im camelCase auf. Unterstriche trennen den präfix "jsh" vom Attribut und dem Wert.

Das Script prüft dann alle CSS Klassen im Dokument, die mit "jsh" beginnen und setzt die Anweisung um.

Daraus ergibt sich zusätzliche Aufwand beim Rendern deiner Seite. Daher empfiehlt sich der Einsatz vor allem in der Testphase, weniger im Live-Betrieb.