Gutenberg: Bloque visor deslizante

Portaledu está aumentando las herramientas disponibles en el editor Gutenberg. Dentro de esta serie de bloques que estamos incorporando, presentamos el bloque visor deslizante de entradas.

Este bloque permite seleccionar las entradas de una categoría y visualizarlas en diapositivas, de una en una, de modo circular, realizando una presentación de las mismas y añadiendo así dinamismo a las páginas. De cada entrada se mostrará, a ancho completo del contenedor, la imagen destacada y, opcionalmente, el extracto de la misma.

Resulta ideal para la presentación visual de categorías como noticias u otros temas, ya que el bloque elegirá las últimas entradas de la categoría seleccionada para su presentación. Podemos ver un ejemplo a continuación 👇🏽

El bloque es fácilmente configurable desde el editor, presentando las siguientes opciones:

• Categoría. Al elegir una categoría, las entradas pertenecientes a esta, ordenadas descendentemente por fecha de creación, serán seleccionadas para su visualización
• Número de entradas. Número total de entradas seleccionadas para su visualización. Si se deja en su valor por defecto 5, optarán a la visualización las cinco últimas entradas pertenecientes a la categoría elegida.
• Duración de cada diapositiva. Tiempo en milisegundos que permanecerá visualizada una diapositiva. Pasado dicho tiempo, el visor mostrará la siguiente.
• Mostrar extracto. Indica si en las diapositivas se mostrarán o no las primeras líneas de las entradas.
• Fondo Blanco/Negro: Metadatos de la entrada en negro sobre fondo blanco o a la inversa.
  
  Los elementos que estarán siempre presentes en las dispositivas y cuya presencia no es configurable son:
  • Imagen destacada de la entrada. En caso de que la entrada carezca de imagen personalizada, se utilizará una imagen por defecto propia del bloque.
  • Título de la diapositiva
  • Fecha de su creación
  • Enlace (leer más) para navegar hasta la entrada.