GenerateBlocks Pro extends a focused set of Gutenberg blocks for building WordPress pages and posts. The blocks work hand-in-hand with GeneratePress and can also be used with other WordPress themes. Container and Grid establish page structure; Text, Button, Image, Shape, and Query blocks add content and layout elements.

Structure a page

Use Container blocks to organize content into rows and sections, then arrange items with Grid blocks. Text blocks handle headings, paragraphs, and other text-rich content with typography settings. Button blocks add styled buttons, Image blocks place pictures, and Shape blocks add custom SVG shapes.

The Query block builds post lists from any post type with advanced query parameters. GenerateBlocks Pro also lets queries use post meta and option fields, so a list can draw on those values as well as standard post information.

Choose what dynamic content appears

Dynamic tags display changing WordPress content inside blocks. Available tags include post titles, excerpts, permalinks, dates, featured images, post meta, author meta, comment counts, comments URLs, author archive URLs, author avatars, term lists, and previous and next post URLs.

GenerateBlocks Pro adds tags for archive titles and descriptions, website options, term meta, visitor meta, the current year, website title and tagline, loop index numbers, and loop entry information. These tags let a layout display content that changes with its context.

Set responsive behavior

Block controls support desktop, tablet, and mobile sizes. The documented ranges are desktop at 1025 pixels and above; desktop and tablet at 768 pixels and above; tablet from 768 to 1024 pixels; tablet and mobile up to 1024 pixels; and mobile below 768 pixels. GenerateBlocks Pro lets you define additional custom media queries as needed.

CSS and markup

The block output generates CSS for the blocks in use and keeps the HTML structure as simple as possible while allowing layout flexibility. The product documentation describes its coding standards as supporting security, stability, and future compatibility.

Start building

Install GenerateBlocks Pro in WordPress and open a page or post. Add a block, pick one from the GenerateBlocks category, and start with a Container to organize the page. Add grids, text, buttons, images, shapes, queries, and dynamic content as the layout calls for them.