GenerateBlocks

Descrição

Add incredible versatility to your editor without bloating it with tons of one-dimensional blocks. With GenerateBlocks, you can learn a handful of blocks deeply and use them to build anything.

GenerateBlocks works hand-in-hand with GeneratePress, but is built to work with any theme.

Looking for more features? Check out GenerateBlocks Pro.

Contêiner

Organize seu conteúdo em linhas e seções. O bloco ‘Contêiner’ é a base do seu conteúdo, permitindo que você crie seções únicas para o seu conteúdo.

Grade

Crie layouts avançados com grades flexíveis. O bloco ‘Grade’ permite que você crie qualquer tipo de layout que você possa imaginar.

Text

Crie conteúdo textual rico com tipografia avançada. Tudo, desde títulos a parágrafos – assuma o controle total do seu texto.

Botões

Gere conversões com belos botões.

Query

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

Image

Add images to your content to make a visual statement.

Shape

Add custom SVG shapes to your pages with ease.

Dynamic 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
  • Author avatar URL
  • Term list
  • Previous posts URL
  • Next posts URL
  • Media

In GenerateBlocks Pro, you get additional dynamic tags:

  • Archive title
  • Archive description
  • Site option
  • Term meta
  • User meta
  • Current year
  • Site title
  • Site tagline
  • Loop index number
  • Loop item

Desempenho

Levamos o desempenho a sério. Um CSS mínimo é gerado apenas para os blocos que você precisa, e nossa estrutura HTML é a mais simples possível, permitindo a máxima flexibilidade.

Padrões de programação

Construído com os mais altos padrões de codificação para segurança, estabilidade e compatibilidade futura.

Totalmente responsivo

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.

Documentação

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

Blocos

Este plugin disponibiliza 9 blocos.

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

Instalação

Há duas maneiras de instalar o GenerateBlocks.

  1. Acesse “Plugins > Adicionar novo” no seu Dashboard e pesquise por: GenerateBlocks
  2. Baixe o arquivo .zip do WordPress.org e faça o envio da pasta no diretório /wp-content/plugins/ via FTP.

Na maioria dos casos, o #1 funcionará bem e é muito mais fácil.

Perguntas frequentes

Como adiciono seus blocos à minha página?

  • Crie uma nova página ou post
  • Adicione um novo bloco e procure a categoria “GenerateBlocks”
  • Escolha seu bloco e comece a construir.
  • É sempre melhor iniciar com um bloco contêiner.

Que tema devo usar?

O GenerateBlocks foi criado para trabalhar em conjunto com o GeneratePress. No entanto, ele funcionará com qualquer tema que você escolher.

Avaliações

18 setembro, 2025 1 resposta
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.
4 setembro, 2025 1 resposta
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.
19 maio, 2025 1 resposta
GenerateBlocks has become my go-to block plugin for launching new projects. Its focus on providing a solid set of foundational blocks to build layouts has proven incredibly effective in every project I’ve tackled so far. Paired with core WordPress blocks, it offers plenty of creative flexibility. What stands out the most for me is the performance. After four years working with Elementor, I’m genuinely impressed with the speed I’m seeing on my current project even without any caching setup. The improvements in accessibility and customization that came with the v2 update are a big plus as well. I’ve purchased the premium versions of both GenerateBlocks and GeneratePress, and the experience has been excellent. I’m now recommending them to everyone in the WordPress communities I’m part of. Huge thanks to Tom and the team, keep up the great work!
7 maio, 2025 1 resposta
Something has changed in terms of support in recent years. My impression is that the will to solve problems has diminished. With the new generateblocks release, a new headline block was introduced, which is useless for all users of Tables of Contents plugins. Simpletoc and perhaps other TOC plugins still worked with the old version, but not with the new one. I don’t know of any that work with the new headline block. I got the following answer from support: “Sorry, but this is the reality, we can’t consider the compatibility with all other plugins when updating our plugin.” Now I have on my pages, let’s say, a mixed environment, the old GB headline block and for new content the original Wordpress headings.
12 fevereiro, 2025 1 resposta
After working with Oxygen for several years, I found GenerateBlocks and the GeneratePress theme, and I couldn’t be happier. Simplicity. Minimalism. Incredible power. extremely fast. I’ve invested in GeneratePress One, and I haven’t looked back.
Leia todas as 120 avaliações

Colaboradores e desenvolvedores

“GenerateBlocks” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.

Colaboradores

GenerateBlocks” foi traduzido para 19 localidades. Agradecemos aos tradutores por suas contribuições.

Traduzir o “GenerateBlocks” para seu idioma.

Interessado no desenvolvimento?

Navegue pelo código, consulte o repositório SVN ou assine o registro de desenvolvimento por RSS.

Registro de alterações

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

  • Fix: WordPress.org zip package issue

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

1.9.1

  • Fix: Patterns not loading properly in Chrome
  • Fix: Pattern search mixing up active libraries
  • Fix: Broken pattern preview in bulk select mode
  • Fix: Headline editor margin when set to div
  • Tweak: Improve pattern preview loading performance

1.9.0

  • Security: Disallow scripts in custom field values
  • Feature: New Pattern Library
  • Feature: Add support for new Global Styles in Pro
  • Feature: Added opt-in defaults cache filter: generateblocks_use_block_defaults_cache
  • Feature: Added new generateblocks_do_inline_styles filter to force inline styles if needed
  • Feature: Add styles indicators to local block controls if Global Styles exist
  • Feature: Keep p tag when converting core paragraph block to Headline block
  • Feature: Use arrow keys to increase or decrease values in unit control
  • Fix: Button URL dropdown closing on input
  • Fix: Undefined $fontFamily in old Headline version
  • Fix: Missing block width alignment in block themes
  • Tweak: Remove “one-time” block CSS and include it for specific blocks when needed
  • Tweak: Added new (min-width: 768px) media query to filterable queries
  • Tweak: Replace Twitter icon with X icon
  • Tweak: Use core Block Name for block labelling

1.8.3

  • Security: Add user capability check to Query Loop post status

1.8.2

  • Fix: Border colors not showing when old attributes are set.
  • Tweak: Add support for the newly created core function “wp_img_tag_add_loading_optimization_attrs”

1.8.1

  • Fix: Icon padding controls order
  • Fix: Global styles overwriting local attributes
  • Fix: Editor controls spacing using RTL languages

1.8.0

  • Feature: Add flexbox alignment matrix component to Container toolbar
  • Feature: Add new Borders panel with width/style/color options for all four sides
  • Feature: Add new dimensions components in Spacing panel
  • Feature: Mix and match padding/margin units across sides and devices
  • Feature: Add more available units to all options that accept them
  • Feature: Allow text values (calc(), var(), etc…) in options that accept them
  • Feature: New “Add to Container” icon added to the toolbar of all blocks
  • Feature: Allow removal of Container block around innerBlocks
  • Feature: Display text field to allow user to replace image URL
  • Feature: Headline block show text in List View
  • Feature: Button block show text in List View
  • Feature: Image block show alt/title in List View
  • Feature: Add Block Label option to label Container, Query Loop, and Grid blocks in List View
  • Feature: Only show one dimension field if synced
  • Feature: Add option to disable Google fonts
  • Feature: Allow all unit types in UnitControl
  • Feature: Add help icon to unit list
  • Fix: Attributes merging incorrect values when multiple blocks are selected
  • Fix: Color and Background panels are visible/accessible on responsive views
  • Fix: Template lock system not applying to inner blocks
  • Fix: Button with dynamic content not displaying the aria-label
  • Fix: unique id not regenareted correctly on widgets editor
  • Fix: React createRoot warning
  • Fix: Double-click when selecting Grid template
  • Fix: Query loop parameter delete button size
  • Fix: Advanced select jumping when near the bottom of the page
  • Fix: Triple captions using static image with dynamic link
  • Fix: Flex icons based on direction in device previews
  • Fix: Container appender icon spacing
  • Fix: useDeviceType state was one state behind when triggered from core buttons
  • Fix: Use unit in UnitControl if value starts with decimal
  • Fix: Remove trailing spaces from UnitControl numeric value
  • Tweak: Require at least PHP 7.2
  • Tweak: Move block alignment to Layout panel
  • Tweak: Remove help text from Grid vertical alignment
  • Tweak: Remove the Button Container variation
  • Tweak: Clean up UnitControl display across all browsers
  • Tweak: Show all Google fonts in font family dropdown
  • Tweak: Remove top/bottom margin from Query Loop in the editor
  • Tweak: Force lowercase units in UnitControl
  • Tweak: Improve UnitControl unit visibility
  • Tweak: Show units in 2 rows
  • Tweak: Use same unit list for all UnitControl controls
  • Dev: Rebuild how block migrations run
  • Dev: Migrate spacing attributes to new spacing object attribute
  • Dev: Migrate typography attributes to new typography object attribute
  • Dev: Migrate icon padding and size attributes to new iconStyles object attribute

Full changelog can be found here.