Build layouts with Gutenberg blocks

Arrange Gutentor blocks in Gutenberg and shape the layout with visual controls. When the design needs to vary by device, use responsive settings to refine it; Gutentor is designed to work with any WordPress theme.

Choose blocks, templates, and styling

Build from individual blocks, select among available designs for a block, or start with a ready-made template or block from the template library. Adapt the structure to your content, then adjust rows and columns, spacing, typography, colors, and visual effects.

• Style components with margins, padding, backgrounds, borders, and box shadows.
• Choose Google fonts or system fonts through the typography controls.
• Set responsive options for different devices.
• Apply HTML tags, SVG shape dividers, and built-in animations where supported.
• Use video backgrounds where available.
• Create repeater entries within blocks, reorder them, and edit or delete them.

The Premium edition adds premium functions, template kits, templates, and support. Imported template pictures come from the external Gutentor Demo Library; replace them with your own images after importing.

Use WordPress content sources

Gutentor works with custom post types when they support the REST API. It also supports WooCommerce content, including products, prices, carts, and ratings.

Control generated CSS

Gutentor is described as lightweight and performance-focused. It can create a minified CSS file for the Gutentor blocks used in the editor. For dynamic CSS, choose inline, internal, or external output. This setup is intended to limit unnecessary styling output while keeping layout controls available.

Start a page

1. Install Gutentor on a WordPress website and make sure the Gutenberg editor is active.
2. Open a page or post in Gutenberg and add Gutentor blocks.
3. Use blocks, templates, layout and styling controls, and responsive settings to build and refine the page.