GenerateBlocks Pro

Build layouts with a compact block set

GenerateBlocks Pro brings flexible blocks to the WordPress editor. It works hand-in-hand with GeneratePress and also works with other themes. Start with a Container to organize content into sections, then use Grid blocks to arrange content in flexible layouts.

• Text: Add headings, paragraphs and other text with typography controls.
• Button: Add styled buttons to a page.
• Query: Display posts from any post type using query parameters.
• Image: Add pictures to your content.
• Shape: Add custom SVG shapes.

With GenerateBlocks Pro, Query can also use post meta and option fields, so lists can draw on information beyond standard post details.

Use dynamic content and responsive controls

Dynamic tags can display post titles, excerpts, permalinks, dates, featured images, post and author meta, comment counts and URLs, author archive URLs and avatars, term lists, and previous or next post URLs. GenerateBlocks Pro includes tags for archive titles and descriptions, site settings, term and visitor meta, the current year, site title and tagline, loop index numbers, and loop item information.

Style blocks for different screen sizes using the documented presets: desktop at 1025 pixels and wider; desktop and tablet at 768 pixels and wider; tablet from 768 to 1024 pixels; tablet and mobile up to 1024 pixels; and mobile below 768 pixels. You can also make custom media queries.

Keep styling scoped to the blocks in use

The add-on generates CSS for the blocks used and keeps its HTML structure simple while allowing flexible layouts. These describe the plugin’s output approach; they are not measurements of a site’s speed or Core Web Vitals.

In the editor, add a GenerateBlocks block to a page or post. Starting with a Container gives you a section for adding grids, text, buttons, images, shapes, queries and dynamic content.