Gutenberg: Bloque carrusel

Portaledu está aumentando las herramientas disponibles en el editor Gutenberg. Dentro de esta serie de nuevos bloques que se van a ir incorporando, presentamos el bloque de carrusel.

Este bloque permite seleccionar las entradas de una categoría y visualizarlas en diapositivas de modo circular, realizando una presentación de las mismas y añadiendo así dinamismo a las páginas.

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 carrusel rotará para seleccionar la siguiente.
  • Entradas por diapositiva. Con un valor mínimo de 2 y máximo de 4. Permite seleccionar cuántas diapositivas mostrará el carrusel simultáneamente.
  • Mostrar extracto. Indica si en las diapositivas se mostrarán o no las primeras líneas de las entradas.
  • Mostrar leer más. Se puede ocultar/mostrar el enlace (leer más) para navegar a la entrada.
  • Mostrar fecha. Se puede ocultar/mostrar la fecha del post.

    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 carrusel.
    • Título de la diapositiva

También podemos crear un carrusel minimalista, solamente con las imágenes destacadas de los posts. Para hacerlo, activaremos la opción Ocultar información de la entrada y seleccionaremos una proporción de la imagen.

Conseguiremos un resultado como este:

Avís de privacitat

Este lloc web utilitza només cookies tècniques necessàries per al seu funcionament. No s’emmagatzemen dades amb finalitats publicitàries ni es comparteixen amb tercers. S’utilitza analítica interna sense cookies, i només es recull la IP amb finalitats de seguretat.

Veure política de cookies