Los 15 mejores complementos de bloque de WordPress Gutenberg

El editor Gutenberg ahora es parte de WordPress. Y si está buscando los mejores complementos de bloques de Gutenberg, hemos enumerado las principales opciones disponibles en este artículo.

Después de la introducción del editor de Gutenberg, todos los elementos que usas en tu página de publicaciones son bloques. Si desea agregar una imagen a su publicación, debe agregar un bloque de imagen, para párrafos, mosaicos y cualquier otro elemento, debe agregar los bloques respectivos y editarlos.

Entonces, si necesita funciones adicionales en su publicación, debe agregar esos bloques adicionales para agregar las opciones.

WordPress ya ha creado varios bloques diferentes, como el bloque de texto, el bloque de imagen, el bloque de título, la tabla, la columna, el botón y otros bloques.

Hemos creado un tutorial detallado sobre cómo usar el editor Gutenberg aquí, este artículo lo ayudará a comprender y comenzar a usar el nuevo editor.

Antes de continuar con los complementos de bloques de Gutenberg, echemos un vistazo a los bloques regulares que vienen con el editor predeterminado.

01. Bloque de encabezado: utiliza este bloque para agregar un título a sus publicaciones o páginas. Generalmente, se usa para agregar etiquetas H2, H3 a los subtítulos en la publicación de su blog.

02. Bloque de párrafo : este será uno de los bloques más utilizados en su sitio de WordPress. Como sugiere el nombre, este bloque se utilizará para agregar contenido a las publicaciones de su blog.

03. Bloque de imagen : Esto se explica por sí mismo. Puede usar este bloque para agregar una imagen a las publicaciones de su blog.

04. Bloque de lista : puede usar este bloque para crear viñetas en las publicaciones de su blog. Esta opción también estaba en el editor clásico.

05. Botones : solíamos agregar un código personalizado o un complemento de código abreviado para agregar botones en el editor clásico. WordPress no tenía una opción predeterminada para agregar un botón de llamada a la acción antes de que se introdujera Gutenberg. Pero ahora, viene con un bloque predeterminado para agregar un botón de llamada a la acción.

06. Table Block: WordPress nunca tuvo la opción de agregar una tabla a una publicación, pero con Gutenberg, viene con una opción predeterminada para agregar una tabla a sus publicaciones. Puede usar el bloque de tabla para crear una lista de elementos en forma de tabla o para comparar diferentes productos que exhibe en su sitio.

El bloque de tabla le brinda algunas opciones para personalizar la configuración de color, pero es limitado. Por lo tanto, es posible que aún necesite un complemento de tabla de calidad en su sitio.

07. Bloque de portada : esta es otra adición muy útil al nuevo editor. El bloque de portada puede ser un elemento muy efectivo para crear artículos de alta calidad con diferentes secciones claramente divididas con el bloque de portada.

08. Bloque incrustado : Ahora incrustar contenido de otras fuentes como YouTube, Twitter, Instagram es mucho más fácil que antes. el bloque de incrustación predeterminado le brinda varias opciones para incrustar contenido de múltiples plataformas.

09. Bloque de columnas : con Gutenberg, tiene una opción rápida para crear un diseño de contenido de varias columnas en sus publicaciones en las páginas.

10. Bloques de formato : el editor predeterminado de Gutenberg le ofrece una serie de bloques que puede necesitar al editar tipos de contenido que no sean texto. Tiene un bloque de código, un bloque HTML y algunos más.

11. Bloque de galería : Gutenberg también viene con un bloque de galería predeterminado. Puede agregar calidad a varias imágenes en forma de cuadrícula de galería. Puede cargar nuevas imágenes o seleccionar imágenes para su galería de medios para mostrarlas en sus publicaciones.

Hay muchos otros bloques que son realmente útiles al crear su contenido.

¿Por qué necesita un complemento personalizado de Gutenberg?

Como Gutenberg ya ofrece tantos bloques en las opciones predeterminadas que pueden satisfacer casi todas las necesidades cuando se trata de crear una publicación de blog, ¿por qué necesita un complemento personalizado?

La razón principal por la que necesita un complemento de bloque de Gutenberg personalizado es porque los bloques predeterminados están limitados en términos de posibilidades de diseño. Además, es posible que necesite muchos otros bloques en su sitio que aún no están disponibles entre las opciones predeterminadas.

Si está administrando un blog muy simple en el que solo desea publicar contenido y no necesita funciones adicionales, las opciones predeterminadas son lo suficientemente buenas.

Gutenberg no es solo el editor, es un creador de sitios web en sí mismo y estos complementos de bloques personalizados de Gutenberg simplifican el proceso para crear un diseño atractivo para su sitio web.

Puede usar muchos de los siguientes complementos de bloque para crear un diseño completamente personalizado para su sitio, ya no necesitará un creador de sitios web.

Entonces, sin más preámbulos, echemos un vistazo a los principales complementos de bloque de Gutenberg.

GutenBee

GutenBee es otro excelente complemento gratuito que ofrece una gran selección de bloques personalizados de Gutenberg para que la creación de contenido en su sitio de WordPress sea más fácil y flexible.

GutenBee en este momento incluye 27 bloques personalizados con nuevos bloques y características actualizadas agregadas regularmente.

Crea increíbles menús para tu bar o restaurante completos con imágenes, precios y descripciones con el bloque Menú de comida.

Olvídese de la aburrida apariencia predeterminada de los mapas, con los bloques de Google Maps puede seleccionar uno de los muchos estilos personalizados incluidos o incluso traer su propio estilo SnazzyMaps para darle vida a su página de contacto.

El bloque Revisar le permite resumir su revisión de películas, comida, juegos, etc. con múltiples categorías y una calificación promedio automática.

Cree banners llamativos con parallax y fondos de video para llamar la atención de su audiencia.

Arrastre y suelte el bloque Tipos de publicaciones en el contenido para crear publicaciones y listas de tipos de publicaciones personalizadas con números de columna variables, filtrado de categorías y más.

Por supuesto, GutenBee ofrece todos los bloques esenciales como párrafos, encabezados, pestañas, acordeones, galería, bloques de íconos y muchos más.

Los bloques GutenBee ofrecen amplias opciones de apariencia con colores, fondos, bordes, sombras y más personalizables. Además, sus opciones de visibilidad le permiten mostrar u ocultar bloques según el tipo de dispositivo en el que se visualizan, o mostrar/ocultar bloques para usuarios que iniciaron o cerraron sesión.

Bloques atómicos: Complementos para Gutenberg Editor

Un complemento de WordPress de bloques de Gutenberg gratuito y popular que ofrece una serie de bloques útiles para su sitio de WordPress.

El equipo de WPEngine se hace cargo del complemento, por lo que puede esperar una actualización periódica y nuevos bloques útiles en el futuro.

El complemento ya ofrece algunos bloques muy útiles listos para usar.

• Publicar bloque de cuadrícula
• El bloque contenedor
• Bloques de llamada a la acción
• Botón personalizable
• Espaciador y dividido
• Perfil del autor
• Capitular
• Testimonial
• aviso en línea
• Acordeón
• Compartir iconos

El complemento es simple y fácil de usar. Una vez que active el complemento, obtendrá la opción en el backend de administración.

El complemento agregará una nueva opción de bloque atómico en el editor de bloques. Puede elegir cualquiera de los bloques atómicos listos para su página como cualquier otro bloque de Gutenberg.

Gutenberg avanzado

Advanced Gutenberg es un complemento de WordPress de Gutenberg muy útil que traerá más de 20 bloques útiles diferentes a su sitio de WordPress.

Este es un complemento creado por el equipo de JoomUnited que ofrece algunos otros complementos útiles de WordPress junto con el complemento Advanced Gutenberg.

Una vez que active el complemento, obtendrá la opción en el panel de administración. El complemento le brinda la opción de crear perfiles adicionales y asignar bloques según la función o el perfil.

Puede agregar los bloques avanzados mientras edita su publicación y personalizarla directamente en el editor de Gutenberg. Este complemento mejora algunos de los bloques más importantes, como imágenes, botones, etc., con una serie de características adicionales.

Gutenberg ofrece una serie de bloques necesarios para crear un diseño de artículo enriquecido, como botones, tablas, etc. Pero las opciones de diseño son limitadas. El complemento Advanced Gutenberg mejora todos estos bloques listos con nuevas opciones de diseño junto con los bloques adicionales que trae este complemento.

Echemos un vistazo a la característica de la tabla.

Si desea colocar una tabla de comparación para cualquier producto o servicio, la tabla de Gutenberg predeterminada es muy limitada en términos de diseño, Advanced Gutenberg la completará al agregarle las opciones de estilo.

Spectra (Anteriormente Ultimate Addons para Gutenberg )

Spectra, uno de los principales complementos de WordPress de Gutenberg Blocks, trae una serie de bloques útiles a su sitio.

Una gran cantidad de usuarios ya están usando el complemento. Y si está buscando el mejor complemento de bloque de Gutenberg para su sitio, puede usar esta herramienta.

Estos son algunos de los bloques importantes que ofrece el complemento complementario definitivo.

• Columna avanzada
• Encabezado avanzado
• Llamada a la acción
• Mapa de Google
• Publicación de la línea de tiempo
• Diseños de publicaciones
• Lista de precios
• Y más

Si está buscando una opción para crear un hermoso diseño basado en cuadrículas para su blog, no tiene que instalar ningún complemento adicional, ya que el complemento Spectra viene con la opción de crear diferentes tipos de diseños de publicaciones para su sitio, incluido Masonry. diseño de cuadrícula.

Además, si está administrando un sitio en el que necesita incluir Google Map, puede usar el complemento para insertar mapas en sus publicaciones. Hemos publicado un artículo para mostrarle cómo insertar Google Map usando el complemento de complemento Ultimate aquí.

El bloque de sección es otra opción útil que puede usar para crear un diseño atractivo para las publicaciones de su blog. Este tipo de secciones en recuadro y de ancho completo no eran posibles antes con WordPress, al menos sin usar un creador de sitios web.

Ahora, es realmente fácil con Spectra. En general, este es uno de los mejores complementos de bloques de Gutenberg que puede usar en su sitio.

Bloques definitivos

The Ultimate Blocks for Gutenberg le ofrece 14 bloques diferentes en este momento y el equipo está trabajando en una serie de bloques nuevos para convertirlo en una de las soluciones más completas para el editor de Gutenberg.

El complemento es muy simple y fácil de usar. Cuando active el complemento, verá la opción de complemento en el panel de administración de WordPress. Todos los bloques están habilitados por defecto y tienes la opción de deshabilitar cualquiera de los bloques en caso de que no quieras usarlos.

Mientras creas una nueva publicación. Verá un nuevo grupo de bloques para las opciones de Ultimate Blocks. Puede usarlos como cualquier otro bloque de Gutenberg predeterminado.

El complemento le ofrece algunos bloques muy importantes que los blogueros necesitan regularmente, como la tabla de contenido, la calificación de estrellas, el clic para twittear, los cuadros de notificación, el temporizador de cuenta regresiva y más.

Por lo tanto, este complemento retirará una serie de complementos diferentes que está utilizando en su sitio actualmente, ya que puede realizar todas esas tareas solo.

El desarrollador ofrece un gran soporte en caso de que necesite ayuda con el complemento. Entonces, si ya comenzó a usar el editor de Gutenberg, llévelo al siguiente nivel con el complemento de bloques Ultimate.

Québec

Qubely es un complemento de bloque de Gutenberg que minimiza todas las limitaciones del editor de Gutenberg y abre nuevas posibilidades.

Puede crear cualquier diseño complejo utilizando los bloques personalizados de Qubely en el editor predeterminado de WordPress.

Diseñe planes de precios, características, testimonios, barras de progreso y mucho más con Qubely. Muestre las publicaciones en vistas de cuadrícula y lista, muestre a los miembros del equipo con estilo y agregue un video emergente para atraer más visitantes.

Tome el control total del editor de bloques de WordPress Gutenberg aplicando opciones de estilo listas para usar.

Qubely ofrece secciones listas, paquetes de diseño, divisores de formas, sistema de control receptivo específico del dispositivo, opción de control de tipografía y muchas otras características y elementos.

Qubely se encarga del diseño de su sitio web con bloques personalizados de Gutenberg. Los bloques de Qubely son muy funcionales y fáciles de usar.

Tiene muchas opciones para modificar el diseño y mostrar el contenido de la forma que desee. La cantidad de bloques en el complemento Qubely Gutenberg está aumentando con sus actualizaciones.

Qubely ya tiene 26 bloques que son completamente gratuitos para su uso. Más bloques vendrán en los próximos días.

Algunos de los bloques notables de Qubely son:

• Publicar cuadrícula
• Precios
• Envoltura de bloque
• Equipo
• Imagen
• Cronología
• Fila
• Testimonial
• Encimera
• Pestañas
• Acordeón/Alternar
• Video emergente
• Mapa de Google
• Barra de progreso
• Divisor
• Grupo de botones
• Caja de información
• Lista avanzada
• Formulario de contacto

apilable

Stackable es otro complemento que vale la pena mencionar. Este complemento agrega una serie de bloques muy útiles que se pueden usar al crear una página con diferentes elementos como números, contadores, texto con imagen de fondo, etc.

A medida que activa este complemento, agrega una nueva sección de bloque que puede usar mientras crea un diseño de página enriquecido.

Algunos de los bloques importantes que ofrece este complemento son

• Tarjetas
• Contadores
• Envase
• Cuadrícula destacada
• Testimonial
• Bloque de notificación
• Bloque de miembros del equipo
• Y más

Obtener

Si está buscando una opción completa y gratuita de complemento de Gutenberg, esta es una excelente opción para usted.

Este complemento de MotoPress trae 29 bloques muy útiles que puede usar en su sitio de WordPress.

Estos son algunos de los bloques importantes que ofrece el complemento Getwid

• Sección
• Encabezado avanzado
• Bloque de grupo de botones
• reseñas
• Barra de progreso
• Encimera
• Mensajes recientes
• cuadro de precio
• vínculos sociales
• Galería de pilas de imágenes
• Instagram
• Bandera
• Testimonial
• cuadro de precio
• vínculos sociales
• Mensajes recientes

Obtiene un tema compatible con Gutenberg gratuito de aspecto hermoso con este complemento que es totalmente compatible con el complemento Getwid. Una vez que tenga esta combinación, no alimentará a otro creador de sitios web para su sitio.

CoBlocks: Bloques de Gutenberg para comercializadores de contenido

Como sugiere el nombre, este complemento ofrece los bloques que son útiles para los especialistas en marketing. Este complemento es creado por el equipo de ThemeBeans.

Aquí están los bloques que ofrece este complemento.

• Bloque acordeón
• Bloque de alerta
• Bloque para compartir en redes sociales
• Bloque de autor
• Bloque dinámico de recursos humanos
• Haz clic para twittear bloque
• bloque de gifs
• Bloque esencial de GitHub
• Bloque de tabla de precios
• Resaltar bloque

bokez

Bokez es otra increíble colección de bloques de Gutenberg que puedes usar para crear tus páginas. Le ofrece algunos bloques muy importantes como el testimonio, el acordeón, la cuadrícula de publicaciones, el bloque de portada y algunos más.

Editor de bloques para Gutenberg

Si está buscando un complemento que pueda usar para crear una página de destino completa con diferentes bloques y elementos, esta es una buena opción para usted.

Este complemento le ofrece una serie de bloques de Gutenberg muy útiles que puede usar para crear una página de destino con una sección principal, un envoltorio de contenido, un equipo, una tabla de precios y más.

Zorro orbital

Orbit Fox es un complemento de WordPress muy útil con una serie de características y opciones útiles. Este único complemento puede reemplazar una serie de otros complementos al ofrecer todas esas funciones.

Desde la simple integración de Google Analytics hasta las plantillas de página listas, lo tiene todo.

Este complemento también le ofrece una serie de complementos y widgets para creadores de sitios web como Elementor y Beaver Builder, lo que lo convierte en un producto muy útil.

Le ofrece botones para compartir en redes sociales, puede seleccionar los que desea usar de una gran lista de opciones, le ofrece plantillas de página listas que puede usar para crear hermosas páginas de destino en su sitio.

Y además, obtendrá 1 GB de tráfico de CDN gratis y optimizará las imágenes en su sitio para que se cargue más rápido.

Bloques de nutria

Otter Blocks es otro complemento de bloque de Gutenberg muy útil que puede usar en su sitio de WordPress de forma gratuita.

Este complemento liviano lo ayudará a crear un sitio web visualmente atractivo. El complemento le ofrece una serie de bloques diferentes.

Viene con una biblioteca de plantillas listas para usar que puede insertar en sus páginas con un solo clic y editarlas según sus necesidades.

Por lo tanto, si desea evitar esos creadores de sitios web con código pesado que ralentizan su sitio, este complemento hará el truco por usted.

Bloques importantes

• Bloque de sección
• Bloque deslizante
• Botones avanzados
• Bloque de encabezado avanzado
• Publicar bloque de cuadrícula
• Bloque de precios y más

Bloques de Kadence

Un creador de sitios web en sí mismo, el complemento Kadence Blocks se asegurará de que nunca más necesite un creador de sitios web para crear un diseño completamente personalizado para su sitio web.

No importa qué tipo de sitio administre, ya sea un blog simple o un sitio de comercio electrónico, el complemento Kadence Blocks se encargará del diseño de su sitio.

El complemento ofrece una serie de bloques diferentes que puede armar y personalizar el tema según sus necesidades para que su sitio se vea perfecto.

De hecho, el complemento viene con una serie de plantillas de demostración de sitios web listas que puede importar y usar en su sitio. Como el complemento es simple y fácil de usar, podrá personalizarlo incluso si es un novato completo.

Diseño de bloque adicional, estilo, CSS para CUALQUIER bloque de Gutenberg

Este es otro complemento de Gutenberg, pero no para agregar un nuevo bloque, sino para diseñar los complementos que ya ha agregado.

Si está activo en la comunidad de WordPress, probablemente conozca complementos como CSSHero que se crean para que los que no son diseñadores editen el código CSS sobre la marcha con un estilo visual.

Este es uno de esos complementos que es perfectamente compatible con la mayoría de los complementos de Gutenberg agregados a esta lista, puede usar este complemento para diseñar el bloque que agrega a través de todos estos complementos de bloque.

Este complemento viene con más de 60 opciones de diseño. Entonces, si no eres alguien que no se siente cómodo con los códigos de estilo CSS pero deseas personalizar la apariencia de los bloques, este complemento es para ti.

última palabra

Estos son algunos de los mejores complementos de bloque de Gutenberg que puede usar en su sitio de WordPress. Veremos una serie de complementos relacionados con Gutenberg en los próximos días. En cierto modo, estos complementos funcionan como el código abreviado en el antiguo WordPress que usábamos para agregar diferentes funcionalidades a nuestras páginas.

Ahora, en la nueva versión de WordPress, estos se convierten en bloques u opciones para potenciar los bloques listos para hacerlos mejores.

Agregaremos más complementos de WordPress de Gutenberg a medida que vayamos probando más complementos, así que no olvide marcar esta página como favorita y buscar más opciones más adelante.