Page Builder Sandwich: Layout- und Designsystem, Teil 1 von 2

Funktionen

• Flexbox- und CSS-Grid-Container — Abschnitte und Container mit vollständiger Flex- und Grid-Steuerung, einschließlich eines visuellen Raster-Editors: Ziehen Sie einfach, um Spalten und Zeilen festzulegen.
• Drei integrierte Breakpoints — Separate Einstellungen für Desktop, Tablet und Mobilgeräte mit Live-Vorschau.
• Globale Farben und Schriftarten, geteilt mit Ihrem Theme — Website-weite Farben und Typografie, die aus den Einstellungen des Themes (theme.json) lesen und in diese schreiben, sodass Builder und Theme stets übereinstimmen.
• Stile zwischen Elementen und Websites kopieren und einfügen — Kopieren Sie den Stil eines Elements oder einen ganzen Abschnitt und fügen Sie ihn auf einer anderen Seite oder einer anderen Website ein.
• Nuancen und Deckkraft Ihrer Palettenfarben (OKLCH) — Machen Sie jede Palettenfarbe direkt im Farbwähler heller, dunkler oder transparent. Gemischt in OKLCH, damit der Farbton unverfälscht bleibt und weiterhin mit der Palettenfarbe verknüpft ist, inklusive Volltonfarben-Fallback für ältere Browser.
• Bedingungen im Style-Builder (media-, container- und supports-At-Regeln) — Stylen Sie ein Element nur beim Drucken, in einem dunklen Farbschema, mit reduzierter Bewegung oder auf Mausgeräten; Entwickler fügen ihre eigenen media-, container- und supports-Voreinstellungen mit dem PHP-Filter pbsw_style_at_rules hinzu.
• Transformationsoptionen für jeden Block, einschließlich Zeilen und Spalten — Drehen, skalieren, neigen und verschieben Sie jeden Block pro Bildschirmgröße und beim Daraufzeigen; die Verschiebung folgt bei von rechts nach links geschriebenen Sprachen der Leserichtung.
• Standard-Elementstile für Gruppen und wiederholbare Blöcke — Stylen Sie alle Elemente in einer Zeile, einem Abschnitt, einem Akkordeon oder Reitern auf einmal, pro Bildschirmgröße und beim Daraufzeigen; der eigene Wert eines Elements hat stets Vorrang.
• Benennen Sie Ihre Zeilen und Abschnitte — Vergeben Sie in den Einstellungen für jede Zeile, jeden Abschnitt oder jeden Container eine Beschriftung („Pricing“, „Hero“); die Beschriftung wird auf der Zeile im Canvas und in Layers angezeigt, sodass Sie sich auf einer langen Seite problemlos zurechtfinden. Sie wird niemals auf der Seite ausgegeben.

Free oder Pro

Alles hier Beschriebene ist in der kostenlosen Version enthalten.