Ultimate Gutenberg Blocks Parte 2: Pack de bloques gratuitos para Gutenberg

Ultimate Gutenberg Blocks Parte 2: Pack de bloques gratuitos para Gutenberg

En este artículo continuaremos viendo los bloques para Gutenberg llamado Ultimate Addons for Gutenberg que tiene su mayor ventaja en ser completamente gratuito

Recordemos antes de comenzar sus principales ventajas:

  • 16 bloques en total sobre las funcionalidades más requeridas en los sitios web
  • No requieren código
  • Compatibles con el tema Astra

Los bloques que explicaremos en este artículo tratan sobre como mostrar las entradas del blog, por lo que si no tienes entradas creadas y los usas no te aparecerá.

Sigue aprendiendo con los cursos de la Zona Premium. Puedes darte de alta por 10€ al més aquí. Incluye acceso a los cursos, descargas de temas, plugins premium y soporte directo conmigo para dudas.

PostGrid

Permite mostrar las entradas del blog en una cuadricula.

Las opciones de configuración de este bloque que se encuentran en la parte derecha de la pantalla se explican a continuación:

  • General.- Permite ordenar las entradas según varios criterios, filtrar las entradas que se mostraran por categoría, definir cuantas entradas se mostraran y en cuantas columnas. Así como si las entradas tendrán la misma altura o no.
  • Imagen.- Permite habilitar o deshabilitar la imagen, también permite cambiar el tamaño de la imagen para adaptarla mejor a la cuadricula y finalmente también podemos definir la posición donde aparecerá la imagen solo hay 2 disponibles Arriba que es la que viene por defecto y Fondo que permite poner la imagen como fondo de cada entrada.Si seleccionamos esta última opción podremos adicionalmente seleccionar un color de superposición junto a un nivel de opacidad que permitirán que el texto se vea mejor mediante contraste.
  • Content.- Permite habilitar y deshabilitar metadatos de la entrada como lo son: autor, fecha de publicación, numero de comentarios de la entrada, etc. Además, podemos seleccionar cuantas palabras tendrá el extracto de la entrada que veremos en cada cuadro de la cuadricula.
  • Read more link.- Permite activar o desactivar el botón de leer más de cada entrada, si se decidimos mostrarlo podremos configurar como se verá la apariencia del botón, además de definir si en enlace al que lleva el botón se abrirá en una nueva pestaña del navegador o en la misma.
  • Typography.- Permite dar formato a los textos de la entrada definiendo aspectos como: tipo de fuente, tamaño, estilo y altura de línea. Todo ello para el título, la información meta y el extracto.
  • Colors.- Permite definir los colores de los elementos de la entrada que incluyen: color de fondo de cada entrada, del título, del texto de la información meta y del texto del extracto.
  • Spacing.- Permite establecer el espacio entre los distintos elementos de la cuadricula como: entre filas, entre columnas, entre título e información meta y entre información meta y texto de extracto.
  • Avanzado.- Permite asignar el nombre de una clase a la cuadricula para después darle formato usando CSS.

En resumen, podremos crear una página y mostrar en ella las entradas en una disposición de cuadricula.

Post Masonry

Igual que PostGrid nos permite mostrara las entradas del blog, pero a diferencia de este último Post Masonry muestra las entradas en el formato Masonry.

De esta forma las entradas se organizan en bloques apilables, y se acomodan según sus dimensiones para llenar mejor el espacio de la pantalla. Las opciones de configuración son exactamente las mismas que para el bloque PostGrid.

Sigue aprendiendo con los cursos de la Zona Premium. Puedes darte de alta por 10€ al més aquí. Incluye acceso a los cursos, descargas de temas, plugins premium y soporte directo conmigo para dudas.

Post Carousel

Permite mostrar las entradas en grupo, mostrando primero un grupo y luego desplazándose para mostrar otros y aunque el pase de unas entradas a otras se hace de forma automatiza y animada también incluye botones de navegación.

En cuanto a las propiedades comparte la mayoría con los bloques PostGrid y Post Masonry, sin embargo, tiene algunas propiedades diferentes bajo la sección Carrousel que veremos a continuación.

Las opciones de configuración especiales nos permiten:

  • Pausar la reproducción del carrusel cuando ponemos el cursor sobre el
  • Habilitar la reproducción automática
  • Establecer la velocidad de duración de la animación
  • Poner la animación en bucle para que se repita indefinidamente
  • Establecer la velocidad de transición al pasar de un grupo de entradas a otro
  • Establecer si se quieren flechas en la navegación y si es así ajustar su tamaño
  • Establecer si se quieren puntos en la navegación y si es así ajustar su tamaño
Sigue aprendiendo con los cursos de la Zona Premium. Puedes darte de alta por 10€ al més aquí. Incluye acceso a los cursos, descargas de temas, plugins premium y soporte directo conmigo para dudas.

En el siguiente vídeo veremos todo lo explicado anteriormente:

Resumen

Los bloques de Ultimate Gutenberg Blocks para mostrar las entradas del blog, ponen a nuestra disposición distintas formas de mostrar el contenido de nuestro blog para que su navegación sea más accesible y cómoda para el usuario.

Nos permiten junto al resto de los bloques de Ultimate Gutenberg Blocks que hemos visto agregar y personalizar contenido que con los bloques que Gutenberg trae por defecto no sería posible hacer.

Prueba 12 clases gratis

 

1. Cómo contratar un hosting, instalar WordPress y acceder a tu web

2. Cómo buscar y elegir un theme para tu web

3. Cómo crear menús personalizados

4 Cómo personalizar páginas en WordPress con Gutenberg

5. Cómo instalar Divi y cargar diseño web en un par de clics. 

6. Qué es el email marketing y porqué debes usarlo

7. Cómo funciona el editor visual de MailerLite para crear tus campañas de email marketing

8. Cómo crear una tienda online profesional con Flatsome

9. Cómo crear una página web para inmobiliarias

10. Estrategias linkbuilding para mejorar el SEO

11. Cómo crear metadescripciones para atraer más clics a nuestra web.

12. Cómo conseguir suscriptores y contactos

Muchas gracias por suscribirte. Tendrás noticias mías por correo en breveRevisa, por favor, tu bandeja de spam o correo no deseado si en unos minutos no has recibido mi email.¡Seguimos!​David