Gutenberg wordpress Nuevos bloques de contenido

gutenberg wordpress
Valoración del Post
5/5

Wordpress Gutenberg bueno pues ya esta aquí wordpress 5.0.1 y con ello el nuevo editor editor de WordPress Gutenberg y este nos  ofrece un nuevo enfoque basado en bloques para crear contenido en WordPress.

En lugar de un solo cuadro de texto unificado como el editor clásico de TinyMCE, cada fragmento de contenido en Gutenberg es su propio bloque:

  • Un párrafo es un bloque.
  • Cada imagen es su propio bloque.
  • Un blockquote es su propio bloque.
  • … entiendes la idea

Una de las características sorprendentes que esto abre es la posibilidad de que los desarrolladores externos agreguen sus propios bloques que puedes usar para crear contenido con Gutenberg.

Ese potencial ya ha llevado al lanzamiento de una serie de plugins  de bloques para Gutenberg.

En esteartículo, he recopilado ocho de los mejores complementos de bloques de Gutenberg que te dan acceso a nuevos bloques de contenido increíbles en Gutenberg.

¡Míralos si quieres expandir lo que puede hacer el editor de Gutenberg!

¿Cómo funcionan los plugins de Gutenberg Blocks?

La forma en que funcionan los complementos de bloque de Gutenberg es bastante simple, pero  quiero darte a conocer  esta publicación porque el editor de Gutenberg es completamente nuevo y es posible que aún no estés familiarizado con él.

Básicamente, todos estos plugins son simplemente “plug and play”.

Es decir, todo lo que hace es instalar y activar el complemento.

A continuación, puedes comenzar a utilizar tus nuevos bloques desde la interfaz Gutenberg normal.

Los 8 mejores plugins de Gutenberg Blocks

1. Atomic Blocks

gutenberg wordpress

Atomic Blocks es un conjunto de nuevos bloques Gutenberg del mismo equipo que esta detrás de Array Themes, una popular tienda de temas con una gran reputación por escribir código de calidad.

Actualmente, Atomic Blocks agrega 11 bloques nuevos , con más en camino:

  • Post grid
  • Envase
  • Testimonial
  • Aviso en línea
  • Acordeón
  • Compartir iconos
  • Llamada a la acción
  • Botón personalizable
  • Espaciador y dividido
  • Perfil de autor
  • Tapa de la gota

Una vez que instales el complemento, obtendrás una nueva sección de Bloques atómicos en la interfaz de Gutenberg:

gutenberg wordpress

Si quieres ver demostraciones en vivo de todos los bloques, haz click aquí y desplázate hacia abajo. Obtendrás una opción para hacer clic en Ver demostración de bloque uno por uno.

Todos los nuevos bloques están diseñados para funcionar perfectamente con el tema de WordPress de Bloques atómicos asociado , pero puedes usar Bloques atómicos con cualquier tema.


Descargar el Plugin


Descargar el Tema

2. Stackable

wordpress Gutenberg

Stackablees otro plugin de bloque Gutenberg que parece estar recibiendo algo de tracción. Actualmente ofrece más de 17 bloques nuevos , incluidos algunos bloques más avanzados.

Puedes consultar la lista completa en la página del complemento, pero aquí están algunos de mis favoritos:

  • Caja de precios
  • Contar hasta
  • Vídeo emergente
  • Testimonios
  • Miembros del equipo
  • Llamada a la acción
  • Botón mejorado
  • Expandir / mostrar más

Al igual que Atomic Blocks, obtienes una nueva área apilable en la interfaz de Gutenberg después de instalar el complemento:

gutenberg pricng table block

Los bloques se ven bastante bien y obtienes un buen número de opciones de personalización para cada bloque en la barra lateral.


Descargar Plugin

3. Advanced Gutenberg

wordpress gutenberg

Advanced Gutenberg es otra buena opción de JoomUnited

A diferencia de los dos complementos (plugins) anteriores, Advanced Gutenberg agrega más que solo bloques.

Sin embargo, si obtienes nuevos bloques, más de 12 bloques serán exactos, incluidos los bloques para:

  • Listas de iconos
  • mapas de Google
  • Acordeones
  • Pestañas
  • Tablas avanzadas
  • Botones avanzados

Más allá de eso, Advanced Gutenberg también agrega algunas configuraciones de back-end, la más poderosa de las cuales son los controles de acceso para Gutenberg .

Puedes crear “perfiles” personalizados para roles de usuario o usuarios individuales que controlan exactamente qué bloques tienen acceso esos usuarios a:

roles de editor de gutenberg


Descargar Plugin

4. Advanced Gutenberg Blocks

wordpress gutenberg

No debemos  confundir con Advanced Gutenberg , Advanced Gutenberg Blocks agrega 10+ nuevos bloques Gutenberg

  • Vista previa de la tarjeta del sitio web ( crea una vista previa que se parece a lo que sucede cuando compartes un sitio web en Facebook ; requiere una clave de OpenGraph API gratuita )
  • Tarjeta de complemento de WordPress (le permite mostrar información de WordPress.org en sus publicaciones , excelente para los blogs de WordPress )
  • Testimonios

vista previa del sitio web

Además de agregar nuevos bloques, el plugin también te permite ocultar los bloques de Gutenberg de la interfaz (incluidos los bloques predeterminados).


Descargar Plugin

5. CoBlocks

wordpress Gutenberg

CoBlocks se marca a sí misma como “Gutenberg Blocks for Content Marketers”, lo que debería darte una buena idea de quién es el público objetivo para este plugin.

Construido por el mismo equipo que esta detrás de ThemeBeans, CoBlocks actualmente agrega más de 10 bloques nuevos , incluyendo algunos únicos como:

  • Bloque de autor
  • Bloque dinámico de recursos humanos
  • Haga clic para bloquear Tweet
  • Bloque de gif
  • Bloque GitHub
  • Bloque de tabla de precios
  • Bloque de acordeon

Todos los bloques se asientan dentro de una nueva sección de CoBlocks en Gutenberg:

haz clic para twittear gutenberg block


Descargar Plugin

6. Bokez

wordpress Gutenberg

Bokez no tiene muchas instalaciones en este momento, pero eso describe bastante a la mayoría de los complementos que agregan nuevos bloques de Gutenberg en este momento.

Actualmente, Bokez agrega más de 13 bloques nuevos a Gutenberg , incluyendo bloques para:

  • Tabla de precios
  • Post grid
  • Testimonial
  • Acordeón
  • Barra de progreso

Los bloques se mezclan con todos los otros bloques de Gutenberg, lo que los hace un poco difíciles de encontrar.

Pero una vez que los encuentras, se ven bastante bien y te dan muchas opciones de personalización:

bloque de tabla de precios


Descargar Plugin

7. Kadence Blocks

wordpress gutenberg

Kadence Blocks es único porque está más enfocado en agregar bloques de diseño que bloques de contenido, al menos por ahora.

Por ejemplo, en este momento la característica más grande es probablemente el bloque de diseño de fila . Este te permite anidar 1-6 columnas en el interior, que pueden contener cualquiera de los otros bloques a los que tienes acceso.

También puedes agregar tus propios fondos, así como márgenes / relleno personalizados para dispositivos de escritorio y móviles.

Lo probe en mi sitio de pruebas y lo encontré más utilizable que el widget de la columna beta actual en el núcleo de Gutenberg.

Funciona de manera muy parecida a la configuración de una fila en un generador de páginas y te brinda diferentes estructuras de columnas:

bloque de la fila de gutenberg

Más allá del bloque de diseño de fila, también tienes acceso a:

  • Encabezado avanzado: este le ayuda a personalizar el encabezado de sus publicaciones.
  • Botón avanzado
  • Icono
  • Espaciador / divisor

Todos los bloques son modulares, lo que significa que puedes desactivar cualquier bloque que no quieras usar.

Me emociona ver cómo se desarrolla éste, ya que en este momento las columnas siguen siendo una de las áreas donde Gutenberg se está quedando atrás.


Descargar Plugin

8. Editor Blocks

Editor Blocks es otra buena opción que agrega nuevos bloques de contenido a Gutenberg.

Actualmente, Editor Blocks agrega más de 10 bloques nuevos de Gutenberg, que incluyen:

  • Hero Block ( mi favorito ): hace que sea realmente fácil crear áreas de héroe con una CTA.
  • Tabla de precios
  • Miembros del equipo
  • Bloque de envoltura
  • Testimonial
  • Marcas (por ejemplo, una cuadrícula de logotipo de clientes o lugares en los que ha aparecido)

Los bloques se ven muy bien. Y me encanta que se estén ramificando en cosas “más grandes” como las secciones de héroe completo:

bloque héroe gutenberg

Si quieres verlos a todos en acción, esta página está construida completamente con Bloques de editor.

Y al igual que Atomic Blocks, también hay un tema opcional de  Editor Blocks que está diseñado para emparejarse bien con todos los nuevos bloques.

También te puede interesar leer mi artículo 

Guía completa del nuevo editor de WordPress Gutenberg


Descargar Plugin

Los 8 mejores plugins de WordPress Gutenberg Editor Blocks
5 (100%) 2 votes

Resumen
Los 8 Mejores Plugins De WordPress Gutenberg Editor Blocks
Nombre del Artículo
Los 8 Mejores Plugins De WordPress Gutenberg Editor Blocks
Descripción
💥 WordPress Gutenberg ✅ este nos ofrece un nuevo enfoque basado en bloques para crear contenido en WordPress. ✅ En lugar de un solo cuadro de texto unificado como el editor clásico de TinyMCE, cada fragmento de contenido en Gutenberg es su propio bloque:
Autor
Cerrar menú