Los mejores bloques gratuitos para Gutenberg

Ahora que parece que se acerca la versión definitiva de Gutenberg, el nuevo editor de WordPress, empieza la locura de los bloques.

En los próximos meses vamos a ver emergiendo una enorme cantidad de bloques para Gutenberg, pero la realidad es que ya puedes disponer de enormes y fantásticas bibliotecas de bloques para usar en tus contenidos con Gutenberg.

Las siguientes son algunas de las mejores bibliotecas de bloques gratuitos para Gutenberg que ya puedes probar…

Atomic Blocks

Estupenda y preciosa biblioteca de bloques totalmente personalizables. Tienes los siguientes:

  • Cuadrícula de entradas
  • Contenedor
  • Testimonios
  • Aviso
  • Acordeón
  • Iconos de compartir
  • Llamada a la acción
  • Botón personalizable
  • Espaciador
  • Divisor
  • Perfil de autor
  • Letra capital

Editor Blocks

Completísima, distinta e interesante biblioteca de bloques personalizables. Tienes un montón a elegir:

  • Envoltura/fondo
  • Tabla de precios
  • Miembros del equipo
  • Sección destacada (Hero)
  • Testimonios
  • Llamada a la acción
  • Listado de marcas
  • Características destacadas (horizontal y vertical)

CoBlocks

Biblioteca de bloques pensados específicamente para marketing:

  • Acordeón
  • Alerta
  • Autor
  • Destacado dinámico
  • Clic para tuitear
  • Gif
  • GitHub Gist
  • Tabla de precios
  • Compartir en redes
  • Destacar

Advanced Gutenberg Blocks

Bloques diferentes, para usos especializados, pero muy interesantes todos:

  • Advertencia/Aviso
  • Enlace a cualquier tipo de entrada
  • Producto de WooCommerce
  • Botón de añadir al carrito para WooCommerce
  • Anuncio
  • Anuncio de texto rectangular
  • Tarjeta de vista previa de plugin WordPress
  • Tarjeta de vista previa de web
  • Testimonios
  • Mapa de Google
  • Clic para tuitear
  • Tabla de contenidos
  • Entradilla

Recipe Card Blocks

Geniales bloques para recetas de tu blog de comidista o para la web de tu restaurante:

  • Detalles de la receta
  • Ingredientes
  • Instrucciones

En próximas versiones piensan incorporar instrucciones con imágenes e iconos.

Secure Blocks

Bloques orientados a la seguridad y privacidad de tus contenidos y tu web:

  • Mostrar contenido solo a usuarios conectados
  • Mostrar contenido alternativo a usuarios no conectados
  • Mostrar contenido a usuarios con ciertos perfiles
  • Mostar contenido alternativo a usuarios que no tengan ciertos perfiles

Y tienen previsto añadir los siguientes:

  • Acceder
  • Registrarse
  • Restablecer contraseña
  • Restringir entradas/páginas completas

Stackable

Montón de bloques para tu editor Gutenberg, para todos los gustos:

  • Tarjeta
  • Caja de precios
  • Cabecera
  • Contador
  • Vídeo emergente
  • Testimonios
  • Miembros del equipo
  • Llamada a la acción
  • Aviso
  • Cita
  • Mención
  • Números
  • Botón fantasma
  • Expandir
  • Divisor
  • Espaciador

 

¿Hay más?

Hay más, y seguirán saliendo muchísimos más, dalo por seguro. Aquí tienes una lista de más bibliotecas de bloques gratuitos para Gutenberg:

Aquí te he mostrado los bloques gratis para Gutenberg más interesantes que puedes ya probar.

¿Puedo crear mis propios bloques?

Por supuesto, y ya hay un par de plugins que facilitan enormemente la creación de bloques:

  • Lazy Blocks: Constructor visual de bloques para Gutenberg
  • Kadence Blocks: Una especie de framework para crear o mejorar bloques.

¿Algo más a tener en cuenta?

Solo me queda darte un consejo:

NUNCA uses bloques de Gutenberg, ni módulos de ningún maquetador (Divi, Elementor, Visual Composer, etc) en entradas o te complicarás cualquier cambio de tema o maquetador en el futuro.

Si no quieres usar Gutenberg no es obligatorio, puedes desactivarlo

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(10 votos, promedio: 4.4)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

7 comentarios en “Los mejores bloques gratuitos para Gutenberg”

  1. La verdad es que hasta ahora no me ha gustado mucho lo que he probado, pero habrá que ir haciéndose a ello.
    En cualquier caso, el cambio de tema siempre es un problema.

    Gracias por la info.

  2. Quique Martinez

    Muy buena explicación de los bloques Fernando, muchas gracias!!! Tendremos que comenzar a probarlo y acostumbrarnos…

  3. ¿No utilizar Gutenberg en entradas es factible? Ahora entiendo que puedes utilizar uno u otro o desactivarlo pero se supone que será parte del core ¿no? Con los maquetadores estoy de acuerdo pero parece que Gutenberg será el futuro nos guste o no

  4. Hola Fernando. Piensas que la carga de mi blog agradecerá si hago con gutemberg la home y 7 u 8 páginas más y me desinstalo trhive architect o que no merecerá la pena el tiempo empleado. Desconozco los recursos que consume si lo instalas.

    1. Gutenberg, de momento, solo añade nuevos CSS, pero hay que esperar a ver lo que pasa cuando esté integrado en el núcleo de WordPress.

      Pero vamos, que la prueba es fácil, crea 2 páginas, con el mismo contenido, una con Thrive y otra con Gutenberg y mide ambas con la consola de chrome a ver

  5. Recomiendo GhostKit (un nombre muy desafortunado debo decir), tiene bloques excelentes y lo mejor es que implementa un modelo de caja CSS en cada uno, y otra opción: aunque sé que no le gusta al sr. Tellado, a los que lo usen prueben los nuevos bloques de Elementor para Gutenberg (funciona hasta con el free); honestamente me parece que Elementor hace trampa pues no ofrece «bloques» per se, sino que ofrece un «envoltorio» para tener un editor Elementor incrustado…aún así, no se puede negar que la combinación es potente.

  6. Hola buenas!

    ¿Qué quieres decir con esto?

    NUNCA uses bloques de Gutenberg, […] en entradas o te
    complicarás cualquier cambio de tema o maquetador en el futuro.

    En entradas ahora es por defecto el editor de bloques el que sale. Estoy de acuerdo en no usar Divi por ejemplo en posts porque si cambias de tema tendrás un lío o tendrás que instalar el Plugin Divi Builder. Pero no entiendo porque no Gutenberg si ahora es el editor por defecto y no hay otro.
    Muchas gracias!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido