Design System is here - Read the release post

Learn GeneratePress

Border Options

The Border options provide precise style control over individual borders of a block, encompassing attributes such as border width, border color, border-style and border-radius.

Color Options

Our Color Picker component can be found throughout our blocks.

Admin dashboard and platform

Hooks for the GenerateBlocks admin screens, the GenerateBlocks settings, the plugin’s feature flags and the scans that find where a style, token, condition or form is used. Jump to Dashboard screens generateblocks_dashboard_screens GB Free — since GenerateBlocks 1.2. GenerateBlocks Pro uses it for its own pages. The generateblocks_dashboard_screens filter lists the admin screens that get … Read more

CSS output and block rendering

Hooks for how GenerateBlocks finds the blocks on a page, builds their CSS and prints it. On the front end, GenerateBlocks looks through the page content, collects each block’s CSS, and prints it inline in the document head. For the design tokens and global CSS that GenerateBlocks Pro prints, see Global styles and design tokens. … Read more

REST API

GenerateBlocks registers REST API routes that the block editor and its dashboards use. This page covers the routes a developer is most likely to call or build on, then lists the rest by namespace. Most routes are for the editor, and they all check the current user’s permissions. Jump to How the routes work The … Read more

Dynamic tags: output and rendering

Hooks for changing what a dynamic tag outputs, which blocks and HTML can use tags, and how tags are previewed in the editor. To register your own tag, see Registering dynamic tags. For who can use dynamic tags and how meta is read, see Dynamic tags: meta access and security. Jump to Changing a tag’s … Read more

Editor: inspector controls and panels

JavaScript hooks for adding to or changing the controls in the block editor: the block inspector, the style panels, individual controls and presets, and the GenerateBlocks editor sidebar. These are wp.hooks filters and actions. Add them with wp.hooks.addFilter() or wp.hooks.addAction() in a script that loads in the block editor, after wp-hooks and the GenerateBlocks editor … Read more

Dynamic tags: meta access and security

Dynamic tags can read post, user, term and option data, so GenerateBlocks controls who can add tags and which data a tag can reveal. These hooks change those rules and how meta values are read. Several of them are security settings. Loosening them can expose private data to visitors or editors, so only change them … Read more

Editor: block attributes, appenders and preview

Hooks for how GenerateBlocks blocks behave in the block editor: the data they save, the wrapper and inserter controls they show, and the lists of fonts, shapes and templates they offer. For the controls in the inspector, see Editor: inspector controls and panels. Jump to Font, shape and template lists generateblocks_typography_font_family_list GB Free — since … Read more

Global styles and design tokens (Pro)

Hooks for Global Styles and Design Tokens, and for the style builder that edits block styles. Global Styles are reusable classes with their own CSS, and Design Tokens are the CSS variables of a design system. Both are GenerateBlocks Pro features. The style builder hooks near the end are in the free plugin and apply … Read more