Vor fast 10 Jahren wurden in CSS die Variablen eingeführt und diese Technik ist echt praktisch. Anstatt dass man sich jetzt überall immer wieder wiederholen muss, kann man an einem Ort die Variablen definieren und sie immer wieder verwenden. Ein weiterer Vorteil ist: Wenn man etwas ändern möchte, kann man das an einem Ort machen und nicht verteilt über hunderte von verschiedenen Klassen.

In Divi 4 konnte man so die globalen Farben definieren und mit Divi 5 wurden die Variablen noch mehr verbaut.

Und zwar könnt ihr nun die Variablen direkt im Visual Builder definieren. Da könnt ihr Zahlen definieren, zum Beispiel für Abstände oder Schriftgrössen. Auch könnt ihr globale Texte oder Bilder definieren, wie auch Links und Bilder oder klassisch die Farben und Schriften. Eine sehr praktische Sache.

Wenn man diese Variablen nun aber in vielen verschiedenen Projekten einsetzen möchte und man hat so seine Standard-Einstellungen gemacht, dann müsste man immer wieder alle Werte von Seite A zu Seite B kopieren und ja, sowas ist extrem mühsam und kostet Zeit.

Gott sei Dank haben die Entwickler hier auf die Community gehört und eine Import- und Export-Funktion eingebaut.

Heute zeige ich, wo ihr diese bei Divi finden könnt.

Video