Gutenberg

Autocomplete

We have first-class support for Gutenberg, the native page builder for WordPress.

Once enabled you will get autocomplete option with generated classes based on your current config.

Also above autocomplete area you will have screen helpers. Once you click on them they will be inserted inside text area.

Load theme values

Colors

Once enabled it will be displayed as preview.

Breakpoints

Enabled it under “Include FSE Font Families” under Font Family tab.

Even gutenberg does not have breakpoints to set in Editor we have mapped their .scss that WordPress team use to style components.

You can find the list of breakpoints inside Gutenberg Trunk:

https://github.com/WordPress/gutenberg/blob/trunk/packages/base-styles/_breakpoints.scss

Font Family

Enabled it under “Include FSE Font Families” under Font Family tab.

Font Sizes

Enabled it under “Include FSE Sizes” under Font Sizes tab.

Space Sizes

Enabled it under “Include FSE Spacing” under Spaces tab.

Border Radius

Gutenberg does not have border radius values that we can include.

Inject Wizard values to theme

Winden Wizard stores smart values in database and those can be passed to Gutenberg Block themes.

You can enable it under
“Settings > Pass Wizard data to Builder and Theme > Gutenberg”

Once enabled, additional values become available in the Gutenberg block settings. These values function as global variables, meaning any updates made in the Wizard are propagated throughout the entire website.

Deregister styles experimental