Design System is here - Read the release post

Learn GeneratePress

Overlays, menus and accordion (Pro)

Hooks for Overlay Panels (pop-ups, modals and mega menus), the Classic Menu block and the accordion’s FAQ schema. They are all GenerateBlocks Pro features. Jump to Overlay Panels generateblocks_overlays_capability GB Pro — since GenerateBlocks 2.4. The generateblocks_overlays_capability filter sets the capability needed to use or manage Overlay Panels. Parameters: $capability (string, the capability required), $context … Read more

The Style Book

GenerateBlocks Pro 2.8.0+ The Style Book is a live specimen sheet of your site’s base HTML elements: the text, headings, links, lists, forms, tables, and media. These provide sitewide base styles commonly referred to as theme styles. Every element is rendered with your site’s real styles, and you can click any element to edit it … Read more

Design workspace

GenerateBlocks Pro 2.8.0+ The Design workspace is where you build and manage your site’s design system in GenerateBlocks Pro. It brings together your design system assets: Global Styles and Design Tokens into dedicated panel that has an additional admin screen for site wider management. Design System permission The Design workspace respects your Global Styles and … Read more

Design Tokens

Pro feature Design tokens are at the heart of every good design system. They abstract style property values, such as a hex color or pixel dimension, into a clearly named, explainable token. A hex color like #44ff22, for example, can be declared as the variable –gb-color-primary and surfaced in the styles builder as a friendly Primary Color, ready to … Read more

CSS Editor

The CSS Editor is available in GenerateBlocks Pro 2.6. It extends the styles object to support all current and future CSS properties. It surfaces the CSS declared on every block and global style selector right inside the editor, allowing users to see all styles at a glance, edit CSS directly and copy and paste styles. … Read more

Forms

Build and manage your own library of custom forms that can be deployed anywhere across your site and maintained from one location. Features include: Forms are not enabled by default Go to Dashboard > GenerateBlocks > Settings to enable the Forms feature. Getting Started Building with Patterns The Pro Pattern Library has a Forms category … Read more

Menu Conditions

The Menu Conditions feature brings the advanced Display Conditions system to Menu Items. Requirements Conditional Menu items require the GenerateBlocks Navigation Block. Getting StartedAdd a new conditionInvert Condition Checking the Invert Condition box will allow you to Hide the block if the condition is met. This is a workflow enhancement that saves time and removes … Read more

Block Conditions

The Block Conditions feature brings the advanced Display Conditions system to any block in the WordPress block editor. Now you can conditionally display any kind of content using the power of GenerateBlocks Pro Conditions. Getting Started Display Condition SettingsEmpty Display ConditionDisplay Condition has been setSetting, Adding and Editing Conditions By default the selection will be … Read more

Pop Up & Modal Overlay Panels

Pop-ups and Modals are just a couple of ways to use the standard overlay panel type. They let you place content on top of the current page for alerts, confirmations, or quick interactions, without navigating away. You can read more general information on overlay panels here. This article focuses on building a pop-up or modal using Overlay Panels. … Read more

Mega Menu Overlay Panel

One of the many features of Overlay Panels in GenerateBlocks Pro is its ability to build mega menus. The basics Mega menus are created using the Overlay Panels feature in GenerateBlocks Pro. Video Tutorial Quick Start Create a Mega MenuThe empty editor for building a mega menu Build your Mega Menu with GenerateBlocks The block editor The … Read more