14+2 Mejores plugins de bloques para el editor Gutenberg en WordPress

Ahora que Gutenberg se ha transformado en el Editor de Bloques de WordPress a partir de WordPress 5.0, mucha gente está emocionada de empezar a crear contenido con esta nueva herramienta.

Sin embargo, una cosa que debes tener en cuenta es que no es cualquier otro editor de textos en WordPress. Es algo más, gracias a los bloques de contenido de Gutenberg para WordPress y varias otras características avanzadas.

En cierto modo, Gutenberg sienta las bases para desarrollos extremadamente emocionantes.

Actualmente, se encuentra en la primera etapa, y hay muchas más ya están canalizadas. Con su lanzamiento hay mucho que ha cambiado en la comunidad de WordPress.

Aparentemente, dejando de lado cualquier otro tipo de plugin o herramienta, la gente está intentando encontrar uno que le ayude a ampliar la funcionalidad de los sitios web añadiendo bloques adicionales de Gutenberg.

Después de esta breve introducción, veremos en detalle los mejores plugins de bloques para Gutenberg.

¿Qué son los bloques Gutenberg?

En cierto modo, los bloques de Gutenberg te permiten insertar cierto tipo de contenido en tus mensajes y luego editarlos individualmente.

Con un simple clic y un arrastre del ratón, puedes reorganizar completamente la estructura de la página o entrada de tu sitio web.

Además, con estos bloques, también puedes crear mensajes más ricos, sin gastar ni un segundo en codificación y programación.

Introducción a los bloques reutilizables de Gutenberg

Uno de los aspectos más asombrosos de Gutenberg son los bloques reutilizables.

Puedes considerarlos como bloques terminados que puedes guardar con tus configuraciones. Por ejemplo, si has creado un diseño atractivo para la introducción de sus artículos, puedes guardarlo como un bloque reutilizable. Después, puedes visitar Añadir bloque >> Reutilizable para seleccionar el bloque de introducción guardado. Increíble, ¿verdad?

Aunque este es un ejemplo bastante básico, puedes comprender inicialmente otros usos más complejos.

¿Qué pasaría si quisieras usar una plantilla de artículo de varias columnas junto con una hermosa tipografía para una entrada de blog valiosa?

O, tal vez una galería completa donde sólo tendrías que dejar caer imágenes. Y, si deseas cambiar o alterar algo, sólo tendrás que hacerlo una vez, pues las actualizaciones se guardarán automáticamente.

Funciones ‘de serie’ por los bloques del editor Gutenberg

Con el nuevo editor de WordPress, la inserción de bloques ha ganado mucha publicidad.

Anteriormente, el contenido de WordPress solía vivir dentro de un archivo HTML masivo y. para cada mejora, había que usar cosas como incrustaciones, tipos de mensajes personalizados, códigos abreviados, widgets y funciones similares.

Ahora, dentro de una sola caja, puedes construir tu contenido adecuadamente siguiendo instrucciones directas y estandarizadas.

También puedes definir tus especificaciones de contenido por bloque. Por ejemplo, puedes transformar una sola línea de texto en una cita, cambiando el tipo de bloque.

Estos bloques también te permite cambiar el tipo de cita, la decoración del texto, la ubicación y mucho más.

Entre otros, hay varios bloques que puedes utilizar:

• Listas
• Párrafos
• Encabezados
• Citas
• Imágenes
• Código
• Códigos abreviados
• Galerías
• Botones
• Columnas
• Widgets
• Incrustaciones

Y, mucho más.

Mejores plugins WordPress para añadir bloques en Gutenberg

De hecho, ya hay muchas soluciones disponibles para ampliar las capacidades del nuevo editor.

Echemos un vistazo a las mejores plugins de bibliotecas o colecciones de bloques para el editor Gutenberg en WordPress:

1. Atomic Blocks

Atomic Blocks – Colección de bloques de Gutenberg

La mayoría de plugins de bloques para Gutemberg están resultando ser colecciones de elementos, en lugar de adiciones de un solo bloque. Atomic Blocks son un ejemplo perfecto de esta tendencia en acción.

Este plugin añade 11 nuevos bloques que ofrecen funcionalidades que actualmente faltan en el editor de WordPress. Sin embargo, aún continúa en desarrollo y podrán lanzarse más próximamente.

Una vez instalado, aparecerá una nueva sección de bloques atómicos en la interfaz. Desde allí, puedes acceder directamente al plugin.

Bloques incluidos:

• Bloque de grilla de entradas
• Bloque de contenedores
• Bloque de testimonios
• Bloqueo de notificaciones en línea
• Bloque de acordeón
• Bloque de iconos para compartir
• Bloqueo de llamada a acción
• Bloque de botones personalizables
• Bloque de separadores
• Bloque de perfil de autor
• Bloque de tapa abatible

Ventajas

• Funcionalidad fácil de usar
• Diseño elegante
• Soporte rápido

Este es un excelente plugin para bloggers, que proporciona un montón de características que encontrarás sumamente útiles.

También hay un tema de bloques atómicos que puedes probar, el cual ofrece estilos diseñados para aprovechar al máximo los nuevos bloques.

Desventajas

• Incompatible con otros plugins del fabricante
• Personalización limitada
• Menos número de bloques

Precio

¡Gratis! Se puede descargar desde e repositorio o desde la página oficial.

Por supuesto, también puedes instalarlo directamente visitando la sección Plugins de tu sitio web buscando ‘Atomic Blocks’

Descargar

2. Stackable

Si buscas un paquete completo, Stackable es uno de los mejores plugins de bloques para Gutenberg.

Incluye 24 nuevos bloques (y creciendo), que van desde elementos simples mejoras hasta características complejas (como encabezados y testimonios). Además, todos los bloques de este plugin están diseñados para ser totalmente responsive o adaptativo a móviles.

Incluye bloques listos para usar en el editor de Gutenberg junto con una variedad de bloques. Este plugin también te permite crear páginas web, blogs o landing pages sin esfuerzo.

La disposición de arrastrar y soltar de este plugin te permite ajustar y organizar estos bloques sin problemas. Además, este plugin también tiene diferentes módulos que puede activar o desactivar según tus necesidades.

Bloques incluidos:

• Bloque de contenedores
• Bloqueo de entradas
• Bloque de cuadrícula
• Bloque de acordeón
• Bloque de cuadro de imagen
• Bloque de funciones
• Bloque de icono de lista
• Bloque de llamado a la acción
• Bloque de tarjeta
• Bloqueo de cabecera
• Bloque de conteo ascendente
• Bloque de ventanas emergentes de vídeo
• Bloque de caja de precios
• Bloque de testimonios
• Bloque de miembros del equipo
• Bloqueo de notificaciones
• Bloque de caja de números
• Bloque de expandir/ mostrar más
• Bloque de botones
• Bloque de comillas
• Bloque de divisores
• Bloque de espaciadores

A destacar

• Variedad de características
• Interfaz fácil
• Bueno para los novatos

Este plugin es una potente herramienta multiuso, que proporciona una funcionalidad útil para bloggers, sitios de comercio electrónico y pequeñas empresas.

También puedes elegir el tema Stackable, que se ha creado para que funcione a la perfección tanto con el Editor de bloques como con las funciones añadidas de este plugin.

A mejorar

• Ventanas emergentes indeseables en la versión gratuita
• Difícil de implementar un estilo personalizado
• Menor control sobre las piezas individuales

Precio

Stackable está disponible tanto en versión gratuita como premium. Si deseas una funcionalidad mejor y más avanzada, puedes pasar a la versión de pago.

Si quieres usar este plugin para un solo sitio web, tendrás que pagar $29/mes. Por otro lado, si deseas acceso ilimitado, los cargos serán de $99/mes.

Probar ahora

3. Otter blocks

Otter Blocks es una versión de un plugin de bloques de WordPress que ofrece una adición ligera a tu sitio web, con un impacto mínimo en el rendimiento.

Al mismo tiempo, proporciona 12 nuevos bloques para que juegues con ellos y los personalices a tu gusto.

Bloques incluidos:

• Bloque de sección
• Bloque de encabezado avanzado
• Grupo de botones
• Bloques de servicios
• Bloque de precios
• Bloque de testimonios
• Bloque de Google Maps
• Bloque Acerca autor
• Bloque de grilla de entradas
• Bloque de fuentes impresionantes
• Bloqueo de iconos para compartir
• Bloque de tarjeta de plugin

Lo mejor:

Otter Blocks es otra opción fuerte para los bloggers, así como para los propietarios de negocios que necesitan características tales como módulos de precios y servicios.

Sin embargo, también ofrece bloques de propósito general para ayudarle a construir mejores encabezados y páginas en cualquier tipo de sitio.

Precio:

¡Gratis!

Más información

4. Advanced Gutenberg

Advanced Gutenberg es otra gran colección, con 16 nuevos bloques.

Además, también es uno de los mejores plugins de bloques para WordPress porque mejora el funcionamiento del Editor de Bloques.

Por ejemplo, permite filtrar los bloques disponibles en función del usuario e incluye nuevas opciones de personalización para algunos de los bloques de WordPress existentes.

Bloques incluidos:

• Bloque de mensajes recientes
• Bloque de productos WooCommerce
• Bloque de botones avanzados
• Formulario de contacto
• Bloque de listas avanzadas
• Bloque de mapa
• Bloque de acordeón
• Bloque de pestañas
• Bloque de contador
• Bloque de imágenes avanzadas
• Bloque de tablas avanzadas
• Bloque de redes sociales
• Bloque de vídeo avanzado
• Bloque de deslizamiento de imágenes
• Bloque de resumen
• Bloque de testimonios

Lo mejor:

Si deseas ampliar los límites del diseño de contenido, este plugin puede ser una herramienta muy útil. Proporciona versiones avanzadas de varios de los bloques más fundamentales de WordPress, ofreciéndote opciones adicionales de configuración y estilo.

Además, añade nuevos ajustes a algunas de las funciones existentes del Editor de bloques.

Precio:

¡Gratis!

Descargar

5. Elementor Blocks para Gutenberg

Diseñado por el equipo detrás de Elementor Page builder, este plugin de WordPress de bloques de contenido asegura una implementación inteligente del diseño avanzado en Gutenberg.

No sólo le ofrece un fácil acceso de edición, sino que también te brinda la libertad de añadir plantillas y bloques en cualquier parte del sitio web.

Viene integrado con más de 100 plantillas prediseñadas y más de 300 bloques prediseñados. Al proporcionarte las mejores características, este plugin de Elementor asegura una experiencia suave mientras desarrolla un sitio web con facilidad.

Ventajas:

• Fácil instalación
• Navegación fluida
• Bloques y plantillas prediseñadas

Contras:

• Un poco complicado para los principiantes

Precio:

Puedes descargar y utilizar este plugin de forma gratuita. Está disponible tanto en el repositorio como en la página web oficial.

6. Block Gallery

A diferencia de todas los plugin anteriores, Block Gallery tiene un propósito muy específico. Incluye tres nuevos bloques, cada uno enfocado en ayudarte a diseñar mejores galerías para WordPress.

También ofrece una herramienta de construcción de arrastrar y soltar dentro de los propios bloques, lo que facilita la adición de imágenes a sus galerías y la personalización de las mismas.

Una de las partes esenciales de este plugin es su diseño simple e intuitivo. También puedes utilizar este plugin para manejar los datos sin problemas.

Bloques incluidos:

• Galería de arte
• Galería apilada a pantalla completa
• Deslizador de carrusel

Lo más destacado:

Sin duda, este es uno de los mejores plugins de WordPress si eres un fotógrafo o artista; o bien si necesitas mostrar muchas imágenes de alta calidad.

Aunque pocos en número, los bloques proporcionaron una gran expansión de las capacidades de WordPress cuando se trata de construir galerías de fotos.

Necesita mejorar:

• Carece de galería con diseño masonry (como Pinterest)
• Sólo sirve para añadir bloques de galería de imágenes

Precio

¡Gratis!

Más información

7. Orbit Fox

Orbit Fox es otro de los mejores plugins, y tiene varias cuerdas en su arco.

En primer lugar, añade 13 nuevos bloques a su sitio, proporcionándote todo tipo de nuevas características y opciones de personalización.

Además, este plugin incluye una serie de funciones adicionales, como una red de entrega de contenido (CDN) integrada, la integración con Google Analytics y un módulo de uso compartido en redes sociales.

Bloques incluidos:

• Bloque Acerca del autor
• Bloque de acordeón
• Bloque de la tabla
• Bloque de iconos de fuentes impresionantes
• Bloque deGoogle Map
• Bloqueo de avisos
• Bloque de tarjeta de plugin
• Bloque de grilla de entradas
• Bloque de tabla de determinación de precios
• Bloque de servicios
• Bloque de iconos para compartir
• Bloque de área de testimonios
• Bloque de clic para Tweets

Lo mejor:

Orbit Fox es una práctica herramienta todo en uno. Es útil si estás buscando algunos bloques nuevos junto con funcionalidades adicionales para ayudarte a ejecutar tu sitio de forma más efectiva y mejorar su rendimiento.

Esta solución hace el trabajo de varios plugins, ahorrándote tener que añadir un montón de herramientas adicionales a su sitio. También hay un montón de excelentes temas gratuitos que funcionan a la perfección con Orbit Fox.

Precio:

¡Gratis!

Ver más

8. Ultimate Addons para Gutenberg

Ultimate Addons para Gutenberg hace un buen trabajo haciendo honor a su nombre.

Este plugin agrupa 17 nuevos bloques, que van desde opciones de diseño hasta características avanzadas específicas.

Cubre muchas de las mismas bases que otros plugins de bloques, pero también incluye algunos elementos más inusuales (como el cuadro de información y los bloques de la línea de tiempo de contenido).

Diseñado por un equipo de desarrolladores competentes, Ultimate Addons para Gutenberg proviene del inventario de Astra, por lo tanto, tienes una fiabilidad completa con este plugin.

Por supuesto, es muy fácil encontrar innumerables razones para usar este plugin.

Sin necesidad de codificación, este plugin permite crear y personalizar páginas completas de WordPress a través de diversos bloques disponibles.

En este plugin puedes encontrar, desde el cuadro de información, hasta botones múltiples, diseño de publicación, lista de precios, acciones sociales, testimonios y mucho más.

Bloques incluidos:

• Bloque de sección
• Bloque de botones múltiples
• Bloque de encabezados avanzados
• Bloque de grilla de entradas
• Bloque de carrusel de entradas
• Bloque de construcción posterior
• Bloque de cuadros de información
• Bloque de Google Map
• Bloque de equipo
• Bloqueo de línea de tiempo del contenido
• Bloque de acciones sociales
• Bloque de testimonios
• Bloque de iconos de lista
• Bloque de menú para restaurantes
• Bloque para contabilizar el timeline
• Bloque de llamada a la acción
• Bloque de columnas avanzado

Ventajas:

Las pequeñas empresas deberían encontrar útil este plugin en particular, ya que incluye muchas características que son invaluables para los sitios de la empresa (testimonios, perfiles de los miembros del equipo, etc.).

También hay un bloque diseñado específicamente para restaurantes, que es una opción práctica si estás en la industria alimentaria.

Precio:

¡Gratis!

Descargar

9. CoBlocks

CoBlocks es un plugin de Gutenberg bastante famoso por todas las razones correctas.

Una de las mejores cosas de este plugin de WordPress es que te ayuda a crear casi cualquier tipo de bloque Gutenberg que necesites para tu sitio web.

Además, recibe actualizaciones y adiciones frecuentes de nuevos bloques de vez en cuando.

Puedes utilizar este plugin para crear bloques para varios propósitos, tales como tarjetas de medios, características, columnas redimensionables y filas, alteraciones y mucho más. También puedes personalizar la tipografía de cada bloque.

Y, por último, con la ayuda de las funciones de ajuste de margen de respuesta, puedes configurar los datos fácilmente.

Ventajas:

• Plugin simple y limpio
• Adición adecuada de bloques
• Bien codificado e impecable

Contras:

• Falta la herramienta de edición de texto
• Podría perder datos fácilmente
• No es lo suficientemente bueno para la estructura jerárquica de puestos

Precio:

Puedes descargar y usar este plugin desde el repositorio de WordPress sin gastar ni un solo centavo.

10. WooCommerce Blocks

Mientras que el último y revolucionario editor de Gutenberg permite a los usuarios crear contenidos fáciles de leer con archivos multimedia y texto, ¿qué pasa si deseas insertar bloques de Gutenberg con descripciones de productos?

Ahí es exactamente donde este plugin entra en escena. Aunque es un poco diferente, es sólo para tiendas WooCommerce.

Sin embargo, los Bloques de Productos WooCommerce son dignos de mención, ya que combina la funcionalidad del producto WooCommerce con el nuevo Editor de Bloques.

Con estos bloques de contenido para WordPress, puedes agregar un nuevo bloque para mostrar cualquier producto a través de una página específica.

Y no sólo eso. Al utilizar los filtros adecuados, también puedes incluir uno o varios productos en una página.

Sus datos de muestra te ayudan a comprender cómo va a aparecer tu producto y qué puedes hacer para mejorarlo aún más.

Bloques incluidos:

• Bloque de productos destacados
• Bloque de atributos de producto
• Bloque de productos seleccionados manualmente
• Bloque de productos más vendidos
• Bloque de productos mejor clasificados
• Bloque de productos más nuevos
• Bloque de productos a la venta
• Bloque de productos por categoría

Ventajas:

• Perfecto para sitios web de WooCommerce
• Varios diseños disponibles
• Capacidad para mostrar productos individuales y múltiples

Si estás dirigiendo una tienda WooCommerce, este es un plugin de bloques que querrás considerar.

Te permite mostrar productos seleccionados a mano, artículos de categorías específicas o relacionados con términos particulares, productos más vendidos o de mayor calidad, y mucho más.

Desventajas:

• Difícil de manejar
• No hay lista de categorías de producto
• El apoyo no tan bueno

Precio:

¡Gratis!

Descargar

11. Advanced Blocks

Para aquellos que están deseando tener un plugin avanzado para los bloques de WordPress, esta sería una elección perfecta.

Al proporcionar un número considerable de impresionantes bloques de Gutenberg, este plugin ha conseguido ocupar un lugar significativo en la lista de los 10 mejores plugins de contenido de WordPress.

En medio de una variedad de bloques, proporciona un bloque de previsualización de tarjetas, destinado a mostrar una previsualización cada vez que compartas tu sitio web en las plataformas de redes sociales. Y luego, incluso hay un bloque de testimonios junto con varios otros.

Una de las mejores cosas de este plugin es que estos bloques te ayudan a eliminar los bloques predeterminados de la interfaz principal.

Ventajas:

• Rápida instalación y activación
• Actualizaciones frecuentes
• Diferentes tipos de bloques

Contras:

• No hay respuesta rápida a los errores
• Un poco difícil de manejar para los novatos

Precios:

Puedes descargar y usar este plugin sin pagar nada.

12. Premium Blocks para Gutenberg

A pesar de su nombre, Premium Blocks para Gutenberg es otra herramienta completamente gratuita.

Ofrece 11 bloques, todos ellos construidos para tener un impacto mínimo en el rendimiento del sitio web.

Incluso puedes desactivar los bloques que no quieras usar, para reducir aún más el impacto del plugin.

Bloques incluidos:

• Bloque de banners
• Bloque de botones
• Bloque contador
• Bloque de doble cabezal
• Bloque de iconos
• Bloque de mapas
• Bloque de tabla de determinación de precios
• Bloque de sección
• Bloque de testimonios
• Bloque de acordeón
• Bloque de caja de iconos

Lo mejor:

Los bloques Premium para Gutenberg son una solución sólida y completa, que ofrece elementos esenciales como pestañas de acordeón, iconos y secciones de precios.

Es uno de los mejores plugins de bloque para WordPress si buscas una herramienta que te dé acceso a algunas características adicionales, a la vez que mantiene ligero el sitio y evita los ‘volantes’ innecesarios.

Precio:

¡Gratis!

Leer más

13. Kadence Blocks

Este editor de bloques de WordPress puede hacer muchas cosas, pero es un poco limitado cuando se trata de diseñar diseños. Esto es especialmente cierto cuando se compara con los constructores de páginas más populares.

Kadence Blocks es un plugin de bloques para Gutenberg único y de última generación que hace más hincapié en la adición de bloques de diseño que en los bloques de contenido.

Una de las características más notables que Kadence Blocks está proporcionando actualmente es el diseño de filas. Ayuda a los usuarios a crear de 1 a 6 columnas dentro de un bloque.

Además, este bloque de contenido de WordPress también te ofrece la oportunidad de añadir márgenes personalizados y fondos propios, tanto para dispositivos de escritorio como para dispositivos móviles.

Ofrece diferentes estructuras de columnas y funciones exactamente igual que cualquier otra fila en un generador de páginas.

Esta es la razón por la que Kadence Blocks ofrece algunos elementos clave que te permiten ampliar las opciones para crear páginas dinámicas y flexibles.

Bloques incluidos:

• Bloque de la estructura de líneas
• Bloque de encabezado avanzado
• Bloque de botones avanzado
• Bloque de pestañas
• Bloque de iconos
• Bloque de espaciadores/divisores

Para destacar:

• Opciones fáciles de usar
• Equipo de soporte inmediato
• Posibilidad de ajustar la configuración predeterminada

Aunque el número de bloques que se ofrecen en este plugin es pequeño, son lo suficientemente generales como para ser útiles para casi cualquier sitio web.

Si deseas crear páginas con diseños complejos y tener mucho control sobre las columnas, filas, espacios y mucho más, vale la pena echar un vistazo a Kadence Blocks.

Debe mejorar:

• Hay algunos bugs o errores que debe corregir
• Encontrar elementos en cada diseño puede ser difícil
• El control de la configuración puede llevar algún tiempo

Precio:

Hay dos versiones diferentes de este plugin. Mientras que puedes descargar la versión gratuita del repositorio de WordPress, para la versión pro, tendrías que pagar $35/año.

Ver más

14. Gutenberg Manager

Entre muchos bloques de contenido de WordPress, este te ayuda a gestionar cómo y dónde permanece activo el editor de Gutenberg.

Si deseas deshabilitar el editor de Gutenberg para páginas, mensajes y tipos de mensajes específicos, también puede hacerlo con este plugin.

Además, puede resultar una herramienta beneficiosa si deseas utilizar plugins de construcción de páginas, como Beaver Builder o Elementor para crear páginas.

Y luego, también puedes desactivar bloques individuales de tu editor de WordPress si ya no quieres usarlos.

Ventajas:

• Útil para deshabilitar bloques
• Compatible con los creadores de páginas
• Se encarga del HTML y de los códigos abreviados

Contras:

• Se centra más en la desactivación
• Otros bloques aún no han sido liberados

Precio:

Este plugin está disponible gratuitamente en el repositorio de WordPress.

324PBIN

Bloques Premium para Gutenberg

A pesar de su nombre, Premium Blocks for Gutenberg es 100% gratuito. El plugin añade 12 bloques a Gutenberg. Esto incluye bloques para banners, botones, testimonios, mapas y una tabla de precios.

En el área de plugins puede desactivar los bloques de contenido que no utilice. También puede añadir su clave de API para Google Maps.

Premium Blocks for Gutenberg añade varios bloques de contenido de diseño a su editor.

Bloques Fáciles

Easy Blocks añade más de 20 bloques al editor de Gutenberg. Hay un bloque de filas y columnas, un bloque de cuadrícula de características, un bloque de tabla de determinación de precios y un bloque de llamada a la acción.

Un ejemplo de la cuadrícula de las entradas de blog en Easy Blocks.

WP Múnich Bloques

WP Munich Blocks es un sencillo plugin de bloques de Gutenberg que añade 10 bloques adicionales a su editor. Hay bloques para sus últimas entradas de blog, para RSS, para precios, para líneas de tiempo, y más.

Cada bloque incluye ajustes avanzados, ajustes de estilo, ajustes de diseño y otras opciones específicas del bloque.

Un ejemplo del bloque de acordeón en WP Munich Blocks.

Bloques de edición para Gutenberg

Editor Blocks for Gutenberg añadirá 12 nuevos bloques a su editor. Hay un bloque de envoltura, un bloque de tabla de determinación de precios y bloques de características múltiples.

Todos los ajustes de configuración se manejan dentro de Gutenberg, sin embargo, allí la página principal del plugin explica cómo usar los bloques y los enlaces a las páginas que detallan lo que cada bloque puede hacer.

Editor Blocks es una solución sencilla, pero tiene ajustes de color y la posibilidad de utilizar CSS personalizados.

Qubely Bloquea

Qubely Blocks es una interesante solución que añade 22 bloques de contenido a su editor de Gutenberg. Hay bloques para Google Maps, formularios, botones y otros elementos de estilo.

Cada bloque incluye ajustes de alineación, tipografía, viñeta, diseño, animaciones y más. En la página principal del plugin, hay un enlace a un área de documentación, una opción para seleccionar dónde se guarda el CSS, y una lista de bloques para que puedas deshabilitar los que no estés usando.

El rendimiento de Qubely Blocks es fantástico.

Caxton

Caxton es un plugin de la colección Gutenberg que ofrece 11 tipos de bloques. El más notorio es el bloque Caxton Layouts que le ofrece docenas de diseños únicos para elegir.

Otros bloques incluyen iconos de compartición social, icono, deslizador, divisor de forma y cuadrícula de mensajes.

El bloque de diseños de Caxton es útil.

Bloques Cósmicos

Cosmic Blocks es un plugin de colección de bloques para WordPress que añade más de 40 bloques a Gutenberg. Hay bloques relacionados con el diseño, eventos, posts, testimonios, tablas de precios, y más.

La página principal de ajustes le permite activar y desactivar los bloques y ajustar el relleno de los bloques. El otro plugin del desarrollador Cosmic Campaigns desbloquea bloques y funcionalidades adicionales.

La página de módulos y ajustes de Cosmic Blocks.

Bloques

Desarrollado por Templatic, Blocks añade 12 nuevos bloques al editor de Gutenberg. Esto incluye un bloque de tabla de determinación de precios, un bloque de cabecera, un bloque de mapa y un bloque de perfil.

Cada bloque tiene ajustes de diseño y otros ajustes exclusivos del bloque. El bloqueo de precio, por ejemplo, permite definir la moneda y el número de columnas.

Un ejemplo del bloqueo de precios.

Kit de bloques

Blocks Kit añade nuevos bloques a Gutenberg para testimonios, tablas de precios, botones, equipos y encabezados avanzados.

Cada bloque incluye ajustes de diseño y tipografía. También se pueden añadir CSS personalizados a los bloques.

El Kit de Bloques tiene una buena variedad de bloques.

Bloques de nubes

Cloud Blocks es un plugin de la colección Gutenberg que hace las cosas un poco diferentes. En lugar de añadir todos los bloques disponibles a Gutenberg después de la activación, le pide que examine los bloques disponibles y luego instale los que desee. El proceso de instalación funciona de la misma manera que la adición de nuevos plugins y temas a través del área de administración de WordPress.

10 bloques están disponibles para su descarga. Esto incluye una sección de héroes, una galería de bloques y una tabla de precios. Todos los bloques se ven muy bien y tienen varias opciones de personalización.

Cloud Blocks le permite seleccionar los bloques que necesita.

UltraBloques

UltraBlocks es una solución de Gutenberg que le permite seleccionar las fuentes de Google que se utilizan en los bloques.

El plugin funciona bien pero parece estar en un periodo de transición entre una versión gratuita y una versión pro; lo que es un poco confuso. Una vez que active el plugin verá los nuevos menús de administración para UltraBlocks Free y Ultra BlocksPro. También se añaden 10 bloques comunes y 16 diseños comunes a su editor Gutenberg.

La parte confusa es que la versión pro ya no está disponible en CodeCanyon y todos los módulos pro están disponibles en la versión gratuita, a pesar de estar marcados como pro. Esto sugiere que todos los bloques pro han sido simplemente añadidos a la versión gratuita.

UltraBlocks funciona bien, pero necesita ser ordenado.

Bloques de Mono de Nieve

Snow Monkey Blocks es un plugin de la colección Gutenberg de la empresa japonesa MonkeyWrench. La salida de bloques es básica cuando se compara con otras soluciones de Gutenberg, sin embargo, puede que algunos de los bloques le resulten útiles.

La descripción dice que hay 45 bloques disponibles, sin embargo, sólo 30 están disponibles en Gutenberg. Siete de estos bloques están marcados como pro. Esto es molesto por dos razones. En primer lugar, todavía puede añadirlos a su área de lienzo, pero todo lo que se añade es una caja gris. En segundo lugar, no hay forma de actualizar para obtener los bloques pro.

Snow Monkey Blocks tiene algunos bloques útiles, pero también la forma en que se integran los bloques profesionales es frustrante.

Bloques WP

WP Blocks es una solución básica de Gutenberg que le permite añadir un deslizador de imágenes, un deslizador de testimonios y un deslizador de logotipos.

El plugin es fácil de usar, aunque los bloques no tienen ninguna configuración de estilo aparte de usar CSS personalizado.

WP Blocks ofrece tres bloques deslizantes.

Bloques Elegantes

Elegant Blocks añade 19 bloques adicionales a su editor Gutenberg. Hay una buena selección de bloques que incluye mapas, tablas de precios, encabezados y deslizadores. La página de configuración del plugin le permite desactivar los mapas, el bootstrap, las fuentes de Google y los bloques individuales.

Me gustan los Elegant Blocks, sin embargo, una vez que actives el plugin, éste secuestrará tu menú de administración de WordPress y agregará siete nuevos elementos de menú a tu menú. Estos son para clientes, servicios, equipos, sliders, testimonios, galerías y la página principal de configuración de plugins. Incluso si desactiva sus bloques correspondientes, estos menús permanecen. Muy frustrante.

Elegant Blocks ofrece diseños de bloques con estilo.

KingBlocks

Una solución premium que se vende por 16 dólares, KingBlocks añade 20 bloques a su editor de Gutenberg. Los bloques incluyen iconos sociales, ventanas emergentes de vídeo, barras de progreso y tablas de precios.

Asegúrese de revisar sus demostraciones para obtener una apreciación completa de los diseños de bloques.

Un ejemplo del bloque de proceso de pasos de KingBlocks.

CPElementia

CPElementia es un plugin de la colección Gutenberg que añade seis nuevos bloques a su editor Gutenberg. Los bloques son para los miembros del equipo, las características, los testimonios, las tablas de precios, los conteos regresivos y los iconos sociales.

Todos los bloques se ven muy bien y le dan un gran control sobre la tipografía y otras opciones de estilo.

CPElementia tiene una gran selección de opciones de estilo.

SoloBloques

SoloBlocks es una solución de Gutenberg que añade 12 nuevos bloques a su editor. Esto incluye un slider, tablas de precios, testimonios y más.

Está disponible en CodeCanyon por $19.

Las cajas de precios en SoloBlocks se ven muy bien. Puede utilizar imágenes como fondos en ellas.

JetGuten

JetGuten añade nueve elegantes bloques a su editor de Gutenberg. Algunos de los bloques son bastante únicos, como el cuadro animado, la comparación de imágenes y el SVG en línea.

El plugin está disponible en CodeCanyon por $22.

Google Maps es compatible con JetGuten.

Plugins individuales del bloque Gutenberg

En esta sección me gustaría compartir con ustedes más plugins del bloque Gutenberg. Estos plugins sólo ofrecen un bloque adicional específico para el editor de Gutenberg.

Google Maps Bloque Gutenberg

Google Maps Gutenberg Block es un bloque de mapa fácil de usar para Gutenberg que le permite ajustar el tamaño del mapa y el nivel de zoom.

Asegúrese de añadir la clave de API de Google Maps o no se mostrarán los mapas.

Un sencillo plugin de Google Maps que funciona bien.

Bloque Gutenberg para incrustar en Google Maps

Una alternativa a Google Maps Gutenberg Block es Gutenberg Block For Google Maps Embed. Este plugin también le permite seleccionar el nivel de zoom, sin embargo, también puede elegir entre mostrar mapas en modo mapa de carreteras o satélite.

Hay cinco relaciones de aspecto diferentes disponibles para sus mapas. Al igual que todas las soluciones de Google Maps, debe introducir la clave de API de Google Maps para que se muestren los mapas.

Gutenberg Block For Google Maps Embed By Pantheon es fácil de usar.

Postes flexibles

Flex Posts es un widget de WordPress y un bloque de Gutenberg que le permite mostrar entradas de blog en uno de cuatro diseños.

Puede elegir entre mostrar mensajes o páginas, filtrar los mensajes por categorías y etiquetas, ordenar y definir el número de mensajes que desea mostrar y el número de mensajes que desea omitir. Para cada entrada, puedes elegir mostrar imágenes, categorías, autores, fecha, número de comentario y extracto.

Flex Posts es una solución flexible que se puede añadir a los mensajes, páginas y áreas de widgets.

Bloque de preguntas frecuentes para Gutenberg

Bloque de preguntas frecuentes Para Gutenberg es un bloque de preguntas frecuentes que simplifica el proceso de añadir preguntas frecuentes.

Le da un control total sobre los colores de fondo y los colores de la fuente y el fondo de las preguntas y respuestas.

FAQ Block For Gutenberg tiene un aspecto fantástico.

Constructor de formularios Gutenberg

Disponible en CodeCanyon por $16, Gutenberg Form Builder es un constructor de formularios versátil que le permite crear formularios mediante arrastrar y soltar.

Se pueden agregar nuevas etiquetas a los formularios con facilidad y los formularios completados son receptivos, por lo que se ven muy bien en los dispositivos móviles.

Gutenberg Form Builder es una solución de formularios fácil de usar.

Inster

Inster es una gran manera de mostrar fotos y videos de Instagram en su sitio web y le permite editar todo dentro del editor de Gutenberg.

Se pueden crear cuadrículas de hasta 12 columnas y 12 filas y hay docenas de efectos de animación. También están disponibles 12 combinaciones de colores actuales. Si lo prefiere, puede crear su propio esquema de color personalizado.

Una buena opción para los usuarios de Instagram.

Deslizador de Imagen y Video Algori

Algori Image and Video Slider es un plugin de bloque de Gutenberg que le permite añadir sliders de imagen y vídeo a su sitio web. Sólo hay unas pocas opciones para el bloque, como la activación de la reproducción automática.

La versión profesional del plugin se vende por $25 en CodeCanyon. Esto es mucho menos restrictivo que la versión gratuita. La actualización desbloquea funciones como la pausa de la reproducción automática, la carga perezosa de imágenes y muchas más opciones avanzadas para los deslizadores.

La versión gratuita de Algori Image and Video Slider es básica.

Gráficos de Planetas

Planet Charts es una solución de cartas premium para Gutenberg que se vende a 19 dólares en CodeCanyon. Ofrece cinco tipos de gráficos diferentes: Pastel, rosquilla, barra, barra, barra horizontal y línea.

Añadir valores y etiquetas es sencillo y hay muchas opciones de estilo.

Planet Charts le da un gran control sobre sus cartas.

Algori Social Share Botones

Algori Social Share Buttons es un plugin para compartir medios sociales que fue diseñado para el editor de bloques de Gutenberg. Soporta 15 redes sociales y le ofrece cinco estilos de diseño diferentes.

La versión profesional del plugin se vende a $25 en CodeCanyon. Añade 20 canales de medios sociales y aplicaciones de mensajería adicionales y siete diseños de botones adicionales. Los tamaños de los botones, los iconos y el texto también se pueden ajustar en esta versión.

Algori Social Share Buttons funciona muy bien con Gutenberg.

Azonberg

Azonberg es un plugin de WordPress afiliado a Amazon que le ayuda a integrar productos de Amazon en su contenido utilizando el editor de Gutenberg. Todas las principales tiendas de Amazon son compatibles.

La configuración del bloque le permite controlar cuántas columnas contienen los productos, la paginación, los colores, la tipografía y mucho más. Está disponible en CodeCanyon por $15.

Azonberg puede ayudarle a aumentar las comisiones de Amazon.

GutenSpot

GutenSpot es un plugin de bloques de Gutenberg que se puede utilizar para mejorar imágenes. La versión lite del plugin es extremadamente limitada y sólo permite añadir texto a las imágenes.

Necesitas pagar $22 para actualizar a la versión completa y desbloquear todas las funciones. A continuación, puede añadir pines que enlazan con los productos de WooCommerce, los productos de Amazon y las entradas de los blogs.

GutenSpot es una solución única que debe atraer a los afiliados y a las tiendas online.

Youtenberg

Disponible en CodeCanyon por $19, Youtenberg es un elegante reproductor de YouTube para Gutenberg que soporta listas de reproducción.

El plugin le permite definir el tamaño del reproductor de vídeo, el esquema de colores y los botones que se muestran. Otras características útiles incluyen la adición de vídeos por palabra clave y la creación de listas de reproducción de vídeo.

Youtenberg es un reproductor de vídeo versátil de YouTube.

Plugins de Estilo Gutenberg

Los plugins de WordPress de abajo le darán más control sobre el estilo en Gutenberg.

Estilista

Una vez que Stylist haya sido activado en su sitio web, verá una opción en su barra de administración de WordPress para «Style This Page» para los mensajes y páginas. Al hacer clic en él se muestran los selectores CSS para las diferentes partes de su sitio web y carga las opciones de estilo y el código CSS para su página.

Hay opciones de estilo para texto, fondo, margen, relleno, esquinas redondeadas y bordes. Todo, desde los colores hasta los tipos de bordes, se puede cambiar con un solo clic. Una versión pro se encuentra en el panel principal, pero indica que está a punto de llegar.

Stylist cuenta con más de 60 opciones de estilo.

Fondo del bloque

Block Background es un útil plugin de WordPress que le permite asignar un color de fondo, degradado o imagen a un bloque de Gutenberg.

Hay docenas y docenas de gradientes preestablecidos disponibles. La función de imagen de fondo también abre muchas posibilidades.

Fondo de bloque permite cambiar el color de los bloques.

Columnas variables de Gutenberg

Gutenberg Variable Columns es una solución básica de columnas para Gutenberg que le permite añadir columnas de diferentes anchos.

Puede agregar varias columnas fácilmente y ajustar el ancho de cada columna al costado de su página. Lamentablemente, no se pueden colocar otros bloques dentro de las columnas. Sólo se puede añadir texto.

Gutenberg Variable Columns es una solución simple de columnas.

Algori Emojis

Algori Emojis simplifica el proceso de inserción de emojis en su sitio web. Cuenta con múltiples juegos de emoji y te permite cambiar el tamaño y el color de la piel de cada uno de ellos. Los Emojis también están categorizados.

El plugin se vende por $20 en CodeCanyon.

Algori Emojis puede ser utilizado para insertar emojis en su contenido.

Post Layouts Pro para Gutenberg

Post Layouts Pro para Gutenberg le ayuda a mostrar los mensajes en su sitio web de muchas maneras diferentes. Cuenta con 10 estilos de plantillas de diseño de cuadrícula y cinco estilos de diseño de plantillas de lista.

Los mensajes se pueden mostrar en dos a cuatro columnas y se puede activar y desactivar la meta información de los mensajes con sólo hacer clic en un botón. Los medios de comunicación social también son compatibles.

El plugin está disponible por $19.

Post Layouts Pro para Gutenberg es una maravillosa solución de postproducción para WordPress.

Iconos Pro para el editor WordPress de Gutenberg

Pro Icons for Gutenberg WordPress Editor es una solución premium que le permite elegir entre más de 3.500 iconos. Se vende a sólo $9.

Cada icono es personalizable. Puede cambiar el estilo, el fondo, el borde, el relleno, los márgenes y los colores.

Pro Icons for Gutenberg WordPress Editor le da control total sobre los iconos.

Integración de Gutenberg con otros plugins de WordPress

Los siguientes plugins de WordPress actúan como un puente entre Gutenberg y otros plugins populares de WordPress.

Bloques Elementor para Gutenberg

Desarrollado por Elementor, el plugin Elementor Blocks for Gutenberg le permite insertar sus plantillas Elementor en su contenido utilizando Gutenberg.

Usando este plugin puede insertar diseños creados por Elementor en páginas que fueron creadas usando Gutenberg.

Elementor Blocks para Gutenberg ayuda a cerrar la brecha entre dos populares creadores de páginas.

Bloques Gutenberg de WordPress Download Manager

Gutenberg Blocks by WordPress Download Manager añade seis bloques para WordPress Download Manager.

Los seis bloques son paquetes, bloques de categorías, paquetes, categorías, panel y llamada a la acción.

Haz que el gestor de descargas de WordPress sea amigable con Gutenberg.

Códigos abreviados de WooCommerce para Gutenberg

Como su nombre indica, WooCommerce Shortcodes for Gutenberg añade una variedad de atajos de WooCommerce al editor de Gutenberg.

Hay un total de atajos disponibles. Esto incluye productos destacados, categorías de productos, añadir a la cesta, y más. El plugin se vende por $15.

WooCommerce Shortcodes para Gutenberg es una solución versátil que tiene muchas opciones de bloques.

Otros plugins de mejora de Gutenberg

Más plugins de mejora que añadirán funcionalidad adicional a Gutenberg.

Lazy blocks

Lazy Blocks es un constructor visual del plugin WordPress que puede ser utilizado para crear nuevos bloques personalizados y nuevos meta campos personalizados.

Puede seleccionar entre más de una docena de controles, como URL, contraseña, casilla de verificación y fecha y hora. Los bloques también se pueden exportar a través de PHP.

Lazy Blocks simplifica el proceso de creación de nuevos bloques.

Visor de PDF de Algori

Algori PDF Viewer es un útil plugin de bloque de Gutenberg que le permite incrustar un PDF en su contenido. La anchura y la altura del PDF se pueden ajustar.

Una versión profesional del plugin se vende a $20. Añade muchas opciones adicionales, como la alineación de PDF, el color del tema y la configuración general adicional.

Algori PDF Viewer es una excelente manera de añadir PDF a sus mensajes y páginas.

Portapapeles de Gutenberg

Gutenberg Clipboard es un interesante plugin que permite copiar y pegar bloques individuales, o múltiples bloques, de una sección de la página a otra. Incluso le permite copiar contenido a otras páginas.

El plugin se vende a sólo $9.

La funcionalidad del Portapapeles de Gutenberg está muy ausente de la versión principal de Gutenberg.

Modificación de los ajustes y permisos de Gutenberg

Fuera de la caja, Gutenberg no le da mucho control sobre quién puede ver y editar bloques en su sitio web.

Los plugins de WordPress a continuación tratan este tema y le permiten cambiar una serie de configuraciones diferentes.

EditoresKit

EditorsKit, también conocido como Gutenberg Page Building Toolkit, le da más control sobre sus bloques Gutenberg.

Una vez activado, verá opciones adicionales para cada bloque. Puede ocultar bloques para usuarios de escritorio, usuarios de tabletas, usuarios móviles, usuarios conectados y usuarios desconectados. Los bloques también se pueden ocultar a todo el mundo y permanecer visibles para el administrador.

EditorsKit le ayuda a construir páginas únicas para cada tipo de usuario.

Bloques de seguridad para Gutenberg

Secure Blocks for Gutenberg le permite mostrar bloques diferentes a los que están conectados. Cuando añada un bloque seguro, se añadirán dos nuevas secciones. Uno es para los usuarios registrados y el otro es para los visitantes.

El plugin permite definir el nivel de usuario de WordPress para los usuarios registrados. Por ejemplo, puede definir a los usuarios registrados como cualquier persona que tenga privilegios de autor o superior.

Secure Blocks para Gutenberg es una excelente manera de personalizar su contenido para los usuarios que han iniciado sesión.

Desarrollo y pruebas de Gutenberg

Estos plugins de WordPress fueron diseñados para ayudar a los desarrolladores a crear y probar sus plugins de Gutenberg.

Prueba de Unidad de Bloque para Gutenberg

Block Unit Test for Gutenberg es un útil plugin de WordPress que a los desarrolladores les encantará.

Instala una página en su sitio web que contiene imágenes, citas, texto, vídeos, galerías, columnas y mucho más. Esto le permitirá probar su propio bloque en muchas situaciones diferentes.

DownloadBlock
Unit Test for Gutenberg ayuda a los desarrolladores a probar sus plugins de bloques.

Desactivación de Gutenberg

Gutenberg ha sido establecido como el editor por defecto desde WordPress 5.0. Esta no ha sido una decisión popular, sin embargo WordPress permite a los usuarios continuar usando el editor clásico usando un plugin.

Aprecio lo que Gutenberg puede hacer y cómo puede ayudar a crear contenido hermoso, pero como millones de otros, sigo usando el editor clásico cuando escribo artículos, ya que prefiero el diseño antiguo.

El hecho de que Gutenberg tenga una puntuación de dos de cada cinco estrellas en WordPress.org es un reflejo del hecho de que a muchos usuarios de WordPress no les gusta Gutenberg.

En esta sección, me gustaría compartir con ustedes una selección de plugins de WordPress que le ayudarán a desactivar Gutenberg desde su sitio web de WordPress.

Editor clásico

El plugin WordPress Classic Editor que restaura el antiguo editor visual está activo en más de cinco millones de sitios web. WordPress se ha comprometido a soportar el plugin hasta por lo menos 2022.

En el área de configuración, hay una opción para establecer el editor clásico o el editor de Gutenberg como el editor por defecto. También puede permitir que los usuarios cambien de editor dentro del editor para que puedan seleccionar el editor que prefieran.

El editor clásico es amado por millones.

No Gutenberg

No Gutenberg es un simple plugin de WordPress que deshabilita Gutenberg y lo reemplaza con el WordPress Classic Editor.

No hay opciones disponibles en el plugin. Sólo tienes que activarlo y ya está.

¡Adiós Gutenberg!

Desactivar Gutenberg

Desactivar Gutenberg se puede utilizar para desactivar completamente Gutenberg y devolver el editor clásico.

Hay una gran cantidad de otras opciones disponibles, entre las que se incluyen la configuración de la lista blanca, la visualización de vínculos de edición y la compatibilidad con los campos personalizados avanzados.

Desactivar Gutenberg le ofrece algunas opciones adicionales que el clásico plugin de edición.

Desactivar los bloques de Gutenberg

Desactivar Bloques Gutenberg puede ser usado para desactivar cualquier bloque Gutenberg que esté activo en su sitio web.

Cuando desactive los bloques, ya no se mostrarán como disponibles en Gutenberg.

Desactivar los bloques Gutenberg se pueden utilizar para eliminar bloques que no necesite.

Gerente de Gutenberg

Gutenberg Manager se puede utilizar para desactivar Gutenberg globalmente, para mensajes o páginas, o para tipos de mensajes personalizados individuales. Los bloques individuales también se pueden desactivar para que no aparezcan a los usuarios.

La pestaña API/Hooks le ofrece una lista de ganchos que puede insertar en temas y plugins para desactivar Gutenberg o desactivar bloques individuales.

Gutenberg Manager le permite decidir dónde está activo Gutenberg.

Cómo crear bloques personalizados en Gutenberg con plugins

Cuando se trata de crear nuevos bloques, se puede utilizar la aproximación manual o los plugins.

La primera opción te da más control, pero requiere algo de experiencia en desarrollo. Sin embargo, es de lo próximo que hablaremos.

Esta sección se centrará en dos herramientas que te permitirán armar bloques simples y personalizados con facilidad.

Block Lab

Los bloques son básicamente colecciones de campos personalizados. La diferencia radica en los campos y tipos de valores que se utilizan para cada bloque.

Con Block Lab, puedes añadir nuevos bloques al editor y asignarles una categoría.

Para cada bloque, puedes añadir casi tantos campos personalizados como desees, eligiendo entre una amplia gama de configuraciones prefijadas.

Sin embargo, aunque el plugin hace la mayor parte del trabajo pesado, necesitarás saber cómo armar plantillas HTML simples para personalizar el diseño de cada bloque.

Probar ahora

Lazy Blocks

Autor(es): nK – Versión actual: 1.4.3. – Última actualización: 22 de febrero de 2019

En general, la experiencia de Lazy Blocks es bastante similar a la de Block Labs.

Puedes crear bloques personalizados utilizando campos predeterminados y organizarlos prácticamente en el orden que desee.

La principal diferencia aquí es que Lazy Blocks te permite modificar la plantilla de tu bloque desde el panel de control, de modo que no tienes que usar un editor de texto.

Es diferente, pero no necesariamente superior al de Block Labs, así que siéntete libre de ir con cualquiera de los dos enfoques que prefieras.

Descargar

Cómo usar los plugins de bloques para Gutenberg más recomendados

No importa cuál de los mejores plugins de bloques para WordPress elijas, es súper fácil comenzar con tus nuevos bloques.

Una vez que instale y active el/los plugin(s) elegido(s), deberías obtener una nueva sección de acordeón para cada plugin de su lista de bloques:

O, si no ves una sección, puedes buscar los bloques por nombre.

Conclusión

El editor de bloques de WordPress puede hacer bastante por sí solo. Sin embargo, su sistema basado en bloques ofrece infinitas posibilidades de expansión y creatividad.

Cada uno de los mejores plugins de bloques para WordPress mencionados anteriormente puede ayudarte a crear contenido más original y dinámico para tu sitio web, mejorando la funcionalidad del nuevo editor, al proporcionar bloques adicionales.

Actualizados con frecuencia, todos estos plugins comprenden bloques innovadores que pueden ayudarle a añadir contenido de manera efectiva a tu sitio web de WordPress.

¿Buscas algún tipo específico de bloque? ¡Compártelo!