Krafter (Presets)

Krafter ist ein Design-System und enthält Presets um Texte, Überschriften, Border und mehr responsiv fließend auf allen Endgeräten zu gestalten.

Update Krafter 2.2

1. Wechseln Sie vorübergehend zum Divi-Übergeordnet-Theme (deaktivieren Sie während des Imports die Child-Theme-Hooks).
2. Importieren Sie Krafter-Layouts und Voreinstellungen erfolgreich.
3. Aktivieren Sie das Child-Theme nach Abschluss des Imports wieder.
4. Speichern Sie die Seite einmal, um eine normale CSS- und Variablen-Neugenerierung zu ermöglichen.

→ Dieser Ansatz verhindert Konflikte während des Importvorgangs und sorgt für stabile Ergebnisse.

Ausblick Krafter

• Der Import von Krafter-Voreinstellungen wird als einmalige Installation behandelt.
• Bei bestehenden Projekten vermeiden wir den erneuten Import von Voreinstellungen und arbeiten stattdessen mit benutzerdefinierten, projektspezifischen Voreinstellungen.
• Der Import von Layouts (ohne Voreinstellungen) bleibt weiterhin vollständig sicher.

Heading

• Heading Level (Example h3) im Tab [Design] einstellen
• Heading Größe im Preset auswählen (h3)

Body Text

• mark the text module and use for example preset "body main important" (you can rename the title)
• Preset can be used with [Assign to default] for all other text-modules

Button

• Preset is on the right top

Spacing

Margin

Spacing between Heading and Image, Text and Heading, Button and Text

1. mark your row
2. choose the column
3. Near [Layout] choose Preset "Reset"
4. [Spacing] choose Preset, for example Margin Top M

Padding

For example in a column inside to it's modules

1. mark your row
2. choose the column
3. [Spacing] choose Preset, for example Padding M