Descripción
Añade una versatilidad increíble a tu editor sin inflarlo con toneladas de bloques unidimensionales. Con GenerateBlocks, puedes aprender un puñado de bloques en profundidad y usarlos para construir cualquier cosa.
GenerateBlocks funciona con GeneratePress, pero está diseñado para funcionar con cualquier tema.
¿Buscas más características? Echa un vistazo a GenerateBlocks Pro .
Contenedor
Organiza tu contenido en filas y secciones. El bloque de contenedor es la base de tu contenido, permitiéndote diseñar secciones únicas para tu contenido.
Cuadrícula
Crea diseños avanzados con cuadrículas flexibles. El bloque de cuadrícula te da la capacidad de crear cualquier tipo de diseño que puedas imaginar.
Texto
Crea contenido rico en texto con tipografía avanzada. Todo, desde encabezados hasta párrafos: toma el control total de tu texto.
Botones
Genera conversiones con hermosos botones.
Consulta
Crea una lista de entradas de cualquier tipo de contenido utilizando parámetros de consulta avanzados. Consulta los metadatos y campos de opciones en GenerateBlocks Pro.
Imagen
Añade imágenes a tu contenido para hacer una declaración visual.
Forma
Añade formas SVG personalizadas a tus páginas con facilidad.
Etiquetas dinámicas
Utiliza nuestras potentes etiquetas dinámicas para mostrar contenido dinámico dentro de tus bloques.
- Título de la entrada
- Extracto de la entrada
- Enlace permanente de la entrada
- Fecha de la entrada
- Imagen destacada
- Metadatos de la entrada
- Metadatos del autor
- Número de comentarios
- URL de los comentarios
- URL del archivo del autor
- URL del avatar del autor
- Lista de términos
- URL de las entradas anteriores
- URL de las siguientes entradas
- Medios
En GenerateBlocks Pro, obtienes etiquetas dinámicas adicionales:
- Título del archivo
- Descripción del archivo
- Opción del sitio
- Metadatos del término
- Metadatos del usuario
- Año actual
- Título del sitio
- Descripción corta del sitio
- Número de índice del bucle
- Elemento del bucle
Rendimiento
Nos tomamos seriamente el rendimiento. Se genera el CSS mínimo solo para los bloques que necesitas y nuestra estructura HTML es lo más simple posible, a la vez que permite la máxima flexibilidad.
Estándares de programación
Creado con los más altos estándares de codificación para seguridad, estabilidad y compatibilidad futura.
Completamente adaptable
Diseña tus bloques para diferentes tamaños de pantalla.
- Escritorio: @media (min-width:1025px)
- Escritorio y tableta: @media (min-width:768px)
- Tableta: @media (max-width:1024px) and (min-width:768px)
- Tableta y móvil: @media (max-width:1024px)
- Móvil: @media (max-width:767px)
En GenerateBlocks Pro, puedes crear tantas consultas de medios personalizadas como necesites.
Documentación
Consulta nuestra documentación para obtener más información sobre los bloques individuales y cómo utilizarlos.
Bloques
Este plugin proporciona 9 bloques.
- Shape A custom SVG shape.
- Image A self-closing media element.
- Text A text element where you can choose your own tag name, content, and styles.
- Query Query posts and display them in a loop.
- Container An HTML element that you can add blocks inside of.
- No Results Display blocks when your query has no results.
- Page Numbers Display page numbers for a paginated query loop.
- Looper Loops its children based on the data provided by the Query block.
- Loop Item The item that is looped inside of the Looper.
Instalación
Hay dos formas de instalar GenerateBlocks.
- Ve a «Plugins > Añadir nuevo» en tu escritorio y busca: GenerateBlocks
- Descarga el archivo «.zip» desde WordPress.org y sube la carpeta al directorio
/wp-content/plugins/por FTP.
En la mayoría de los casos, #1 funcionará bien y es mucho más fácil.
FAQ
-
¿Cómo añado tus bloques a mi página?
-
- Crea una nueva página o entrada
- Añade un nuevo bloque y busca la categoría «GenerateBlocks»
- Elige tu bloque y empieza a construir.
- Siempre es mejor empezar con un bloque de contenedor.
-
¿Qué tema debo usar?
-
GenerateBlocks ha sido creado para trabajar de la mano con GeneratePress. Sin embargo, funcionará con cualquier tema que elijas.
Reseñas
7 de julio de 2026
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.
7 de julio de 2026
Awesome companion for Generatepress, a tiny collection for all purpose!
18 de septiembre de 2025
1 respuesta
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.
11 de septiembre de 2025
1 respuesta
Using it since years on many sites. Valuable support. Great. Thank you!
4 de septiembre de 2025
1 respuesta
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 de mayo de 2025
1 respuesta
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!
Colaboradores y desarrolladores
«GenerateBlocks» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores
«GenerateBlocks» está traducido en 20 idiomas. Gracias a los traductores por sus contribuciones.
Traduce «GenerateBlocks» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
2.4.0
- Seguridad: escapar los reemplazos de etiquetas dinámicas dentro de los atributos HTML
- Característica: añadir soporte de slot en el inspector de bloques para la nueva característica Editor Access en GenerateBlocks Pro
- Característica: añadir soporte de solo contenido y solo lectura a nuestros bloques
- Ajuste: los usuarios sin permisos de datos dinámicos ya no pueden añadir ni guardar nuevos datos dinámicos
- Ajuste: los datos dinámicos ya no se renderizan en páginas guardadas por última vez por un usuario sin permisos de datos dinámicos
- Ajuste: las etiquetas dinámicas ya no se resuelven dentro de los atributos de controlador de eventos en línea (onclick, onmouseover, etc.)
- Ajuste: añadir el filtro generateblocks_allow_dynamic_data_in_event_handlers
- Ajuste: añadir avisos en el editor cuando un guardado desactiva o reactiva los datos dinámicos
- Ajuste: mejorar los permisos relacionados con las vistas previas de datos dinámicos, las consultas de metadatos y los controles de consulta
- Ajuste: renovar el diseño de la cabecera del escritorio
- Ajuste: aumentar la versión mínima compatible de WordPress a 6.7
2.3.0
- Seguridad: reforzar la salida de URL dinámicas heredadas
- Novedad: añadir compatibilidad con la nueva función Herramientas de desarrollo en la versión Pro
- Novedad: añadir compatibilidad con la edición directa de CSS en la versión Pro
- Novedad: añadir el botón «Establecer/Reemplazar medios» en la barra de herramientas del bloque
- Ajuste: mejorar el comportamiento de selección del bloque de imagen en el editor
- Ajuste: desactivar el campo «CSS adicional» del núcleo en los bloques de GenerateBlocks
- Ajuste: añadir el filtro generateblocks_enable_core_additional_css
2.2.1
- Seguridad: mejorar la seguridad del reemplazo de etiquetas dinámicas en el editor
2.2.0
- Seguridad: mejorar el control de acceso al punto final REST
- Seguridad: añadir middleware de validación de etiquetas dinámicas para detener referencias inseguras a metadatos durante el guardado
- Novedad: añadir el filtro
generateblocks.media.imageAttributespara controlar los atributos autocompletados del bloque de medios - Novedad: añadir el campo grid-auto-columns al maquetador de estilos
- Novedad: añadir el campo grid-auto-rows al maquetador de estilos
- Novedad: añadir el campo grid-template-areas al maquetador de estilos
- Novedad: añadir el campo grid-area al maquetador de estilos
- Novedad: añadir el campo text-wrap al maquetador de estilos
- Novedad: añadir valores CSS globales (inherit, initial, revert, revert-layer, unset) a los componentes SelectControl
- Corrección: alineación de la cabecera de la barra lateral del editor
- Corrección: estilos de entrada de los controles de búsqueda en WordPress 6.9
- Corrección: comportamiento de deshacer en el editor al editar estilos
- Corrección: regeneración del ID único al pegar un bloque antes de su original
- Corrección: escape de atributos HTML en bloques en WordPress 6.9
- Ajuste: mostrar iconos estándar en todas las bibliotecas
- Ajuste: mostrar el símbolo de selector compuesto en la lista del maquetador de estilos
- Ajuste: forzar anulaciones de tamaño del selector de plantillas
2.1.2
- Seguridad: restringir el acceso al punto final REST de opciones para colaboradores/editores
2.1.1
- Seguridad: eliminar valores sensibles de la respuesta de la API REST para usuarios conectados
- Corrección: desactivar los enlaces de imagen en el editor
- Corrección: analizar los shortcodes en los campos de atributos HTML de URL
- Corrección: mantener el tamaño de imagen existente al cambiar la imagen en el bloque
- Ajuste: mejorar la interfaz de carga del campo de tamaño de imagen
2.1.0
- Novedad: activar el editor completo en iframe
- Novedad: mejorar el sistema de puntos indicadores del maquetador de estilos
- Novedad: añadir el valor
statical control «Posición» - Novedad: añadir el campo
aria-labela todos los bloques - Novedad: añadir la opción
inline-grid - Novedad: añadir valores heredados como marcadores de posición
- Corrección: falta el parámetro de consulta «padre actual»
- Corrección: compatibilidad con la vista previa alternativa en el selector de color
- Corrección: imposibilidad de escribir algunas unidades en el
UnitControl - Corrección: estilos de vista previa de bloques/patrones
- Corrección: problemas de IME con el componente de selección múltiple
- Corrección: alineación del botón de sincronización de bordes en los bloques v1
- Corrección: clave de opción de número de comentarios individual en las etiquetas dinámicas
- Corrección: cambio de reglas personalizadas @ en el editor
- Corrección: filtro de familia de fuentes en el maquetador de estilos
- Corrección: valores de
UnitControlque comienzan con un guion - Corrección: selección del bloque de imagen en WP 6.8
- Corrección: análisis de etiquetas dinámicas en todos los bloques del contenedor a la vez
- Corrección: permitir 0 como clave de metadatos anidados de la entrada
- Corrección: asegurar que los recursos de estilo de los bloques se carguen en wp_head
- Corrección: orden de las pestañas del control de dimensiones
- Corrección: carga condicional del script de paginación instantánea
- Ajuste: mejorar el rendimiento del editor
- Ajuste: mostrar siempre los campos de metadatos de usuario más populares en el desplegable
- Ajuste: añadir compatibilidad con la función de visibilidad por dispositivo en la versión Pro
- Ajuste: añadir el filtro
generateblocks_use_v1_blocks - Ajuste: mejorar los selectores y accesos directos del maquetador de estilos por defecto
- Ajuste: cargar los permisos antes en el editor
- Ajuste: mejorar las palabras clave de los bloques
- Ajuste: sanear el valor del atributo ID del bloque
- Ajuste: permitir que el atributo
downloadtenga un valor - Ajuste: añadir aviso de búsqueda al maquetador de estilos
- Ajuste: añadir el filtro
generateblocks_block_css - Ajuste: añadir la acción
generateblocks_process_block_css - Ajuste: añadir la etiqueta
altpor defecto a las imágenes
2.0.2
- Corrección: selección del bloque de imagen en WP 6.8
2.0.1
- Corrección: problema con el paquete zip de WordPress.org
2.0.0
- Seguridad: evitar que los colaboradores conectados consulten contenido de entradas privadas
- Novedad: todos los bloques reescritos desde cero para un mejor rendimiento y control
- Novedad: los bloques de la versión 1 siguen existiendo donde se usan y funcionan con normalidad
- Novedad: los bloques de la versión 1 se pueden activar por defecto con un filtro sencillo
- Novedad: bloque de elemento: reemplaza los bloques de Contenedor y Cuadrícula
- Novedad: los bloques de elemento vienen con variantes de Contenedor y Cuadrícula en el insertador de bloques
- Novedad: bloque de texto: reemplaza los bloques de Titular y Botón
- Novedad: los bloques de texto vienen con variantes de Titular, Texto y Botón en el insertador de bloques
- Novedad: bloque de consulta: reemplaza el bloque de bucle de consulta
- Novedad: bloque «Bucleador»: reemplaza el bloque de cuadrícula dentro del bloque de consulta
- Novedad: bloque «Elemento del bucle»: reemplaza la Plantilla de entrada (Contenedor) en el bloque de consulta
- Novedad: bloque «Sin resultados»: añade contenido que se muestra si no se encuentran resultados en la consulta
- Novedad: bloque de números de página: añade números de página para la paginación en tu bloque de consulta
- Novedad: bloque de forma: añade cualquier forma SVG a tus páginas
- Novedad: bloque de medios: reemplaza al bloque de imagen
- Novedad: los bloques locales ahora tienen el maquetador de estilos completo que se encuentra en los Estilos globales de GB Pro
- Novedad: los bloques locales ahora se pueden diseñar en cualquier punto de interrupción o regla anidada
- Novedad: filtrar las opciones de diseño de bloques en el editor según si tienen un valor
- Novedad: filtrar las opciones de diseño de bloques en el editor según si están heredando un valor
- Novedad: sistema de etiquetas dinámicas. Inserta datos dinámicos en cualquier parte de tus bloques
- Novedad: se pueden insertar múltiples etiquetas dinámicas en un solo bloque
- Novedad: variable CSS –gb-container-width para obtener el ancho máximo global
- Rendimiento: los bloques locales ahora generan su CSS y HTML mientras construyes en el editor
- Rendimiento: los bloques se generan como HTML/CSS estático en la vista pública para un mejor rendimiento
1.9.1
- Corrección: los patrones no se cargan correctamente en Chrome
- Corrección: la búsqueda de patrones mezcla las bibliotecas activas
- Corrección: vista previa de patrón rota en el modo de selección masiva
- Corrección: margen del editor de Titular cuando se establece en div
- Ajuste: mejorar el rendimiento de carga de la vista previa de patrones
1.9.0
- Seguridad: no permitir scripts en los valores de campos personalizados
- Novedad: nueva biblioteca de patrones
- Novedad: añadir compatibilidad con los nuevos Estilos globales en la versión Pro
- Novedad: añadir el filtro de caché de valores por defecto opcionales:
generateblocks_use_block_defaults_cache - Novedad: añadir el nuevo filtro
generateblocks_do_inline_stylespara forzar estilos en línea si es necesario - Novedad: añadir indicadores de estilos a los controles de bloques locales si existen Estilos globales
- Novedad: mantener la etiqueta
pal convertir el bloque de párrafo del núcleo a bloque de Titular - Novedad: usar las teclas de flecha para aumentar o disminuir los valores en el control de unidades
- Corrección: el desplegable de URL del botón se cierra al escribir
- Corrección: $fontFamily indefinido en la versión antigua de Titular
- Corrección: falta la alineación de ancho de bloque en los temas de bloques
- Ajuste: eliminar el CSS de bloque «único» e incluirlo para bloques específicos cuando sea necesario
- Ajuste: añadir una nueva consulta de medios
(min-width: 768px)a las consultas filtrables - Ajuste: reemplazar el icono de Twitter por el icono de X
- Ajuste: usar el nombre de bloque del núcleo para el etiquetado de bloques
1.8.3
- Seguridad: añadir comprobación de permisos de usuario al estado de las entradas del bucle de consulta
1.8.2
- Corrección: los colores de borde no se mostraban cuando se establecían atributos antiguos.
- Ajuste: añadir compatibilidad con la nueva función del núcleo «wp_img_tag_add_loading_optimization_attrs»
1.8.1
- Corrección: orden de los controles de relleno de icono
- Corrección: los estilos globales sobrescriben los atributos locales
- Corrección: espaciado de los controles del editor al usar idiomas RTL
1.8.0
- Novedad: añadir un componente de matriz de alineación flexbox a la barra de herramientas del contenedor
- Novedad: añadir un nuevo panel de bordes con opciones de ancho/estilo/color para los cuatro lados
- Novedad: añadir nuevos componentes de dimensiones en el panel de espaciado
- Novedad: combinar y mezclar unidades de relleno/margen entre lados y dispositivos
- Novedad: añadir más unidades disponibles a todas las opciones que las aceptan
- Novedad: permitir valores de texto (calc(), var(), etc…) en las opciones que los aceptan
- Novedad: nuevo icono «Añadir al contenedor» añadido a la barra de herramientas de todos los bloques
- Novedad: permitir eliminar el bloque de contenedor alrededor de los bloques internos
- Novedad: mostrar un campo de texto para permitir al usuario reemplazar la URL de la imagen
- Novedad: el bloque de titular muestra el texto en la vista de lista
- Novedad: el bloque de botón muestra el texto en la vista de lista
- Novedad: el bloque de imagen muestra alt/título en la vista de lista
- Novedad: añadir la opción «Etiqueta del bloque» para etiquetar los bloques de Contenedor, Bucle de consulta y Cuadrícula en la vista de lista
- Novedad: mostrar solo un campo de dimensión si está sincronizado
- Novedad: añadir opción para desactivar las fuentes de Google
- Novedad: permitir todos los tipos de unidades en UnitControl
- Novedad: añadir icono de ayuda a la lista de unidades
- Corrección: fusión de atributos con valores incorrectos cuando se seleccionan múltiples bloques
- Corrección: los paneles de color y fondo son visibles/accesibles en las vistas adaptables
- Corrección: el sistema de bloqueo de plantilla no se aplica a los bloques internos
- Corrección: el botón con contenido dinámico no muestra la aria-label
- Corrección: ID único no regenerado correctamente en el editor de widgets
- Corrección: aviso de React createRoot
- Corrección: doble clic al seleccionar la plantilla de cuadrícula
- Corrección: tamaño del botón de eliminar parámetro del bucle de consulta
- Corrección: salto del selector avanzado cuando está cerca de la parte inferior de la página
- Corrección: leyendas triples al usar una imagen estática con enlace dinámico
- Corrección: iconos flexibles según la dirección en las vistas previas de dispositivos
- Corrección: espaciado del icono del añadidor de contenedor
- Corrección: el estado useDeviceType estaba desfasado cuando se activaba desde los botones del núcleo
- Corrección: usar la unidad en UnitControl si el valor comienza con decimal
- Corrección: eliminar los espacios finales del valor numérico de UnitControl
- Ajuste: requerir al menos PHP 7.2
- Ajuste: mover la alineación de bloques al panel de diseño
- Ajuste: eliminar el texto de ayuda de la alineación vertical de la cuadrícula
- Ajuste: eliminar la variante de contenedor de botón
- Ajuste: limpiar la visualización de UnitControl en todos los navegadores
- Ajuste: mostrar todas las fuentes de Google en el desplegable de familias de fuentes
- Ajuste: eliminar el margen superior/inferior del bucle de consulta en el editor
- Ajuste: forzar unidades en minúsculas en UnitControl
- Ajuste: mejorar la visibilidad de las unidades en UnitControl
- Ajuste: mostrar las unidades en 2 filas
- Ajuste: usar la misma lista de unidades para todos los controles UnitControl
- Desarrollo: reestructurar cómo se ejecutan las migraciones de bloques
- Desarrollo: migrar los atributos de espaciado al nuevo atributo de objeto spacing
- Desarrollo: migrar los atributos de tipografía al nuevo atributo de objeto typography
- Desarrollo: migrar los atributos de relleno y tamaño de icono al nuevo atributo de objeto iconStyles
El registro de cambios completo se puede encontrar aquí.