Kuvaus

Lisää editoriisi uskomatonta monipuolisuutta turvomatta sitä liiallisella määrällä yksiulotteisia lohkoja. GenerateBlocksin avulla voit oppia kourallisen lohkoja syvällisesti ja käyttää niitä rakentamaan mitä tahansa.

GenerateBlocks toimii saumattomasti GeneratePress -teeman kanssa, mutta myös minkä tahansa muun teeman kanssa.

Kaipaatko lisäominaisuuksia? Tutustu GenerateBlocks Pro -versioon.

Säiliö

Järjestä sisältö riveihin ja osiin. Säiliölohko on sisältösi perusta, jonka avulla voit suunnitella sisällöllesi ainutlaatuisia osioita.

Ruudukko

Luo edistyneitä asetteluja joustavilla ruuduilla. Ruutulohko mahdollistaa lähes minkä tahansa kuvittelemasi asettelun luomisen.

Teksti

Tee käsityönä rikasta tekstiä edistyneellä typografialla. Kaikki otsikoista kappaleisiin – hallitse täysin tekstisi ulkoasu.

Painikkeet

Edistä sivustosi konversioita kauniilla Call to Action -painikkeilla.

Kysely

Luo luettelo viesteistä mistä tahansa viestityypistä käyttämällä edistyneitä kyselyparametreja. Tee kyselyn viestin meta- ja options -kenttiin GenerateBlocks Prossa.

Kuva

Lisää kuvia sisältöösi luodaksesi visuaalisen vaikutelman.

Muoto

Lisää mukautettuja SVG-muotoja sivuillesi helposti.

Dynaamiset tagit

Käytä tehokkaita dynaamisia tagejamme näyttääksesi dynaamista sisältöä lohkojen sisällä.

Artikkelin otsikko
Ote artikkelista
Artikkelin pysyvä linkki
Julkaisupäivämäärä
Artikkelikuva
Artikkelin metatiedot
Kirjoittajan metatiedot
Kommenttien määrä
Kommentin URL
Kirjoittajan arkiston URL
Tekijän avatarin URL
Termien lista
Edellisten artikkelien URL
Seuraavien artikkelien URL-osoite
Media

GenerateBlocks Prossa saat lisää dynaamisia tageja:

Arkiston otsikko
Arkiston kuvaus
Sivuston vaihtoehto
Termin meta
Käyttäjän meta
Kuluva vuosi
Sivuston otsikko.
Sivuston kuvaus
Silmukan indeksinumero
Silmukkakohde

Suorituskyky

Tekijätiimimme suhtautuu suorituskykyyn vakavasti. Minimaalinen CSS luodaan vain tarvitsemillesi lohkoille, ja HTML-rakenteemme on mahdollisimman yksinkertainen ja sallii samalla maksimaalisen joustavuuden.

Ohjelmointistandardit

Toteutettu parhaimmilla ohjelmointistandardeilla turvallisuus, vakaus ja tulevaisuuden yhteensopivuus huomioiden.

Täysin responsiivinen

Muotoile lohkosi eri näyttökokoja varten.

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)

GenerateBlocks Prossa voit luoda niin monta mukautettua mediakyselyä kuin tarvitset.

Ohjeet

Check out our documentation for more information on the individual blocks and how to use them.

Blocks

This plugin provides 9 blocks.

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.

Asennus

GenerateBlocks voidaan asentaa kahdella tavalla.

Mene Ohjausnäkymän ”Lisäosat > Lisää uusi” -kohtaan ja etsi: GenerateBlocks
Lataa .zip WordPress.org-sivustosta ja lähetä kansio FTP:n avulla /wp-content/plugins/ -hakemistoon.

Useimmissa tapauksissa #1 toimii hyvin ja on myös paljon helpompi.

UKK

Kuinka voin lisätä lohkoja sivulleni?

Luo uusi sivu tai artikkeli
Lisää uusi lohko ja etsi ”GenerateBlocks” -kategoria
Valitse lohko ja ala rakentaa.
Säiliö -lohkolla on aina paras aloittaa.

Mitä teemaa minun tulisi käyttää?

GenerateBlocks on tehty toimimaan käsi kädessä GeneratePress -teeman kanssa. Se toki toimii myös minkä tahansa muunkin valitsemasi teeman kanssa.

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.

Arvostelut

NagaTheme 20.8.2026 1 reply

Great Plugin

sabastianveroscale 7.7.2026 1 reply

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.7.2026 2 replies

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

fkoomek 18.9.2025 1 reply

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.9.2025 1 reply

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

yodastudio 4.9.2025 1 reply

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.

Lue kaikki 122 arvostelua.

Avustajat & Kehittäjät

“GenerateBlocks” perustuu avoimeen lähdekoodiin. Seuraavat henkilöt ovat osallistuneet tämän lisäosan kehittämiseen.

“GenerateBlocks” has been translated into 21 locales. Kiitoksia kääntäjille heidän työstään.

Käännä “GenerateBlocks” omalle kielellesi.

Oletko kiinnostunut kehitystyöstä?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Muutosloki

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
Fix: Dimension control tab order
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

Korjaus: WordPress.org zip package issue

2.0.0

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

Full changelog can be found here.