Beschrijving

Voeg ongelooflijke veelzijdigheid toe aan je editor zonder deze vol te zetten met tonnen eendimensionale Gutenberg blokken. Met GenerateBlocks kun je een handvol blokken diep leren en ze gebruiken om alles te bouwen.

GenerateBlocks werkt hand-in-hand met GeneratePress, maar is gebouwd om met elk thema te werken.

Op zoek naar meer functies? Bekijk GenerateBlocks Pro.

Container

Organiseer je inhoud in rijen en secties. Het Container blok vormt de basis van je inhoud, waardoor je unieke secties voor je inhoud kunt ontwerpen.

Raster

Maak geavanceerde lay-outs met flexibele rasters. Het rasterblok (Grid) geeft je de mogelijkheid om elke vorm van lay-out te maken die je maar kunt bedenken.

Tekst

Maak tekstrijke inhoud met geavanceerde typografie. Alles van koppen tot alinea’s – neem de volledige controle over je tekst.

Knoppen

Stimuleer conversies met mooie knoppen.

Query

Build a list of posts from any post type using advanced query parameters. Query post meta and option fields in GenerateBlocks Pro.

Afbeelding

Add images to your content to make a visual statement.

Vorm

Add custom SVG shapes to your pages with ease.

Dynamische tags

Use our powerful dynamic tags to display dynamic content inside your blocks.

Post title
Post excerpt
Post permalink
Post date
Featured image
Post meta
Author meta
Comment count
Comments URL
Author archives URL
Auteur Avatar URL
Term list
URL van eerdere berichten
Next posts URL
Media

In GenerateBlocks Pro, you get additional dynamic tags:

Archive title
Archive description
Site optie
Term meta
Gebruikersmeta
Huidig jaar
Site titel
Site tagline
Loop index number
Loop item

Prestatie

We nemen prestaties serieus. Minimale CSS wordt alleen gegenereerd voor de blokken die je nodig hebt, en onze HTML-structuur is zo eenvoudig mogelijk en biedt maximale flexibiliteit.

Coderingsstandaarden

Gebouwd volgens de hoogste coderingsnormen voor veiligheid, stabiliteit en toekomstige compatibiliteit.

Volledig responsive

Style your blocks for different screen sizes.

Desktop: @media (min-width:1025px)
Desktop & Tablet: @media (min-width:768px)
Tablet: @media (max-width:1024px) and (min-width:768px)
Tablet & Mobile: @media (max-width:1024px)
Mobile: @media (max-width:767px)

In GenerateBlocks Pro, you can create as many custom media queries as you need.

Documentatie

Bekijk onze documentatie voor meer informatie over de afzonderlijke blokken en hoe je ze gebruikt.

Blokken

Deze plugin heeft 9 blokken.

Container An HTML element that you can add blocks inside of.
Image A self-closing media element.
Shape A custom SVG shape.
Page Numbers Display page numbers for a paginated query loop.
Text A text element where you can choose your own tag name, content, and styles.
Query Query posts and display them in a loop.
No Results Display blocks when your query has no results.
Looper Loops its children based on the data provided by the Query block.
Loop Item The item that is looped inside of the Looper.

Installatie

Er zijn twee manieren om GenerateBlocks te installeren.

Ga naar “Plugins > Nieuwe plugin” in je Dashboard en zoek naar: GenerateBlocks
Download de .zip van WordPress.org, en upload de folder met FTP naar de /wp-content/plugins/ folder.

In de meeste gevallen werkt #1 prima en is het veel gemakkelijker.

FAQ

Hoe voeg ik je blokken toe aan mijn pagina?

Maak een nieuw bericht of pagina
Voeg een nieuw blok toe en zoek naar de “GenerateBlocks” categorie
Selecteer je blok en begin met bouwen.
Het is altijd het beste om te beginnen met een Container blok.

Welk thema moet ik gebruiken?

GenerateBlocks is gemaakt om perfect samen te werken met GeneratePress. Het werkt echter met elk thema dat je kiest.

Where do I report security bugs found in this plugin?

Please report security bugs found in the source code of the GenerateBlocks plugin through the Patchstack Vulnerability Disclosure Program. The Patchstack team will assist you with verification, CVE assignment, and notify the developers of this plugin.

Beoordelingen

NagaTheme 20 augustus 2026 1 reactie

Great Plugin

sabastianveroscale 7 juli 2026 1 reactie

I build WordPress sites for clients and have tested most of the major page builders on real projects: Elementor, Divi, Beaver Builder, and the newer Gutenberg stacks. GenerateBlocks is the one I now reach for first, for two reasons. First, what it sends to the browser. Instead of loading a page-wide framework, jQuery, and icon and slider bundles on every page, it generates only the CSS the page uses and builds on native Gutenberg blocks. The output is clean markup with far less HTML, CSS, and fewer requests than the heavyweight builders. Because it stays close to standard WordPress, caching and CDNs work with it cleanly instead of fighting builder quirks. Second, the Query Loop. You design a template once (a card, a listing, a team member) and repeat it across a live query of your content, bound to dynamic data. That covers custom archives and listings that used to need a hand-written PHP template, without adding weight. I rebuilt a client site entirely in GenerateBlocks, dynamic listings included. Lighthouse desktop came back at 97 Performance, 91 Accessibility, 100 Best Practices, and 100 SEO, with Core Web Vitals in the green. That was close to out of the box, not the result of a heavy optimisation pass, because the foundation is light to begin with. For client work where performance and maintainability matter, it is the best builder I have used.

Quentin Le Duff (–Q–) 7 juli 2026 2 reacties

Awesome companion for Generatepress, a tiny collection for all purpose!

fkoomek 18 september 2025 1 reactie

Perfect. I don't use anything else to build sites anymore. It's more developer tool because good knowledge of CSS is necessary but you can build fast sites just with the assets you need. No more unused kilobytes of CSS code. My favorite approach is to use Twenty Twenty Five theme, unregister all styles and then build all parts of the site from scratch with generateblocks.

Claus 11 september 2025 1 reactie

Using it since years on many sites. Valuable support. Great. Thank you!

yodastudio 4 september 2025 1 reactie

This is a pretty useful tool. I can create fancy pages without using other powerful (but heavy) WordPress editors.I could redo a good portion of my sites using just Gutenberg and this addon, and they would be much lighter.

Lees alle 122 beoordelingen

Bijdragers & ontwikkelaars

“GenerateBlocks” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

“GenerateBlocks” is vertaald in 21 localen. Dank voor de vertalers voor hun bijdragen.

Vertaal “GenerateBlocks” in je eigen taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

2.5.0

Feature: Redesign the Settings page with the GeneratePress design system
Feature: Allow the global container width to be managed as a Design Token in GenerateBlocks Pro 2.8.0
Feature: Add the generateblocks_default_at_rules PHP filter to define the at-rule presets offered by the Styles Builder
Tweak: Always embed page-local block CSS inline and retire its print-method setting, filters, and regeneration endpoint
Tweak: Update the color picker with support for OKLCH-based color mixing
Tweak: Open the Pattern Library from the editor toolbar or Options menu instead of the GenerateBlocks sidebar (requires GenerateBlocks Pro 2.8.0 when Pro is active)
Tweak: Isolate pattern library previews in a sandboxed frame with its own security policy
Tweak: Enforce the editor Query Loop posts cap server-side
Tweak: Keep dismissed event handler notices hidden for the rest of the editing session
Fix: Pattern library crash in cross-origin isolated editors
Fix: Re-fetch pattern library data automatically when a host’s object cache evicts part of the cached set
Fix: Detect dynamic data markers written with escaped JSON when validating saves
Fix: Fully strip suppressed dynamic tags when a link-prefixed copy of the same tag exists
Fix: Event handler notices not appearing for GenerateBlocks Pro blocks
Fix: Text and Query Page Numbers blocks losing focus when first inserted
Fix: PHP fatal error when rendering a third-party dynamic tag registered without a supports key
Fix: Editor ordering block CSS media queries differently than the frontend
Fix: @supports and @container rules not keeping their authored order in block CSS
Fix: Custom property names losing their capital letters in block CSS

2.4.1

Fix: Editor crash when opening the pattern library on WordPress 7.1 with cross-origin isolation enabled

2.4.0

Security: Escape dynamic tag replacements inside HTML attributes
Feature: Add block inspector slot support for the new Editor Access feature in GenerateBlocks Pro
Feature: Add content-only and read-only support to our blocks
Tweak: Users without dynamic data permissions can no longer add or save new dynamic data
Tweak: Dynamic data no longer renders on pages last saved by a user without dynamic data permissions
Tweak: Dynamic tags no longer resolve inside inline event handler attributes (onclick, onmouseover, etc.)
Tweak: Add generateblocks_allow_dynamic_data_in_event_handlers filter
Tweak: Add editor notices when a save disables or re-enables dynamic data
Tweak: Improve permissions around dynamic data previews, metadata lookups, and query controls
Tweak: Refresh the dashboard header design
Tweak: Raise the minimum supported WordPress version to 6.7

2.3.0

Security: Harden legacy dynamic URL output
Feature: Add support for new Dev Tools feature in Pro
Feature: Add support for direct CSS editing feature in Pro
Feature: Add Set/Replace media block toolbar button
Tweak: Improve Image block selection behavior in editor
Tweak: Disable core Additional CSS field on GenerateBlocks blocks
Tweak: Add generateblocks_enable_core_additional_css filter

2.2.1

Security: Improve dynamic tag replacement security in the editor

2.2.0

Security: Improve REST endpoint access control
Security: Add dynamic tag validation middleware to stop unsafe meta references during save
Feature: Add generateblocks.media.imageAttributes filter to control Media block auto-populated attributes
Feature: Add grid-auto-columns field to Styles Builder
Feature: Add grid-auto-rows field to Styles Builder
Feature: Add grid-template-areas field to Styles Builder
Feature: Add grid-area field to Styles Builder
Feature: Add text-wrap field to Styles Builder
Feature: Add global CSS values (inherit, initial, revert, revert-layer, unset) to SelectControl components
Fix: Editor sidebar header alignment
Fix: Search controls input styles in WordPress 6.9
Fix: Undo behavior in editor when editing styles
Fix: Unique ID regeneration when pasting a block before its original
Fix: Block HTML attribute escaping in WordPress 6.9
Tweak: Show standard icons in all libraries
Tweak: Show compound selector symbol in Styles Builder list
Tweak: Enforce template selector sizing overrides

2.1.2

Security: Restricted options REST API endpoint access for contributors/editors

2.1.1

Security: Remove sensitive values from REST API response for logged in users
Fix: Disable image links in the editor
Fix: Parse shortcodes in URL HTML attribute fields
Fix: Keep existing image size when changing image in block
Tweak: Improve image size field loading UI

2.1.0

Feature: Enable full iframe editor
Feature: Improve styles builder indicator dot system
Feature: Add static value to the “Position” control
Feature: Add aria-label field to all blocks
Feature: Add inline-grid option
Feature: Add inherited values as placeholders
Fix: Missing “current parent” query parameter
Fix: Fallback preview support in color picker
Fix: Inability to type some units in the UnitControl
Fix: Block/pattern preview styles
Fix: IME issues with multi-select component
Fix: Border sync button alignment in v1 blocks
Fix: Single comment count option key in dynamic tags
Fix: Custom at-rule switching in the editor
Fix: Font family filter in the styles builder
Fix: UnitControl values starting with a dash
Fix: Image block selection in WP 6.8
Fix: Dynamic tag parsing all blocks in Container at once
Fix: Allow 0 as nested post meta key
Fix: Ensure block style assets load in wp_head
Oplossing: volgorde van de tab-toets bij de dimensiecontrole
Fix: Conditional loading of instant pagination script
Tweak: Improve editor performance
Tweak: Always show popular user meta fields in dropdown
Tweak: Add support for device visibility feature in Pro
Tweak: Add generateblocks_use_v1_blocks filter
Tweak: Improve default styles builder selectors/shortcuts
Tweak: Load permissions earlier in the editor
Tweak: Improve block keywords
Tweak: Sanitize block ID attribute value
Tweak: Allow the download attribute to have a value
Tweak: Add searching notice to styles builder
Tweak: Add generateblocks_block_css filter
Tweak: Add generateblocks_process_block_css action
Tweak: Add default alt tag to images

2.0.2

Fix: Image block selection in WP 6.8

2.0.1

Oplossing: probleem met het ZIP pakket van WordPress.org

2.0.0

Security: Prevent logged-in contributors from querying private post content
New: All blocks re-written from scratch for better performance and control
New: Version 1 blocks still exist where used and function normally
New: Version 1 blocks can be enabled by default with simple filter
New: Element block – replaces the Container and Grid blocks
New: Element blocks comes with Container and Grid variations in the block inserter
New: Text block – replaces the Headline and Button blocks
New: Text blocks comes with Headline, Text, and Button variations in the block inserter
New: Query block – replaces the Query Loop block
New: Looper block – replaces the Grid block inside of the Query block
New: Loop Item block – replaces the Post Template (Container) in the Query block
New: No Results block – add content that displays if no Query results are found
New: Page Numbers block – add page numbers for pagination in your Query block
New: Shape block – add any SVG shape to your pages
New: Media block – replaces the Image block
New: Local blocks now have the full styles builder found in GB Pro Global Styles
New: Local blocks can now be designed at any breakpoint or nested rule
New: Filter block design options in the editor based on whether they have a value
New: Filter block design options in the editor based on whether they’re inheriting a value
New: Dynamic tags system. Insert dynamic data anywhere in your blocks
New: Multiple dynamic tags can be inserted into a single block
New: –gb-container-width CSS variable for getting the global max-width
Performance: Local blocks now generate their CSS and HTML as you build in the editor
Performance: Blocks are output as static HTML/CSS on the frontend for better performance

Full changelog can be found here.