Carousel Slider Block for Gutenberg

Descripción

Un carrusel de diapositivas adaptable para el editor Gutenberg que permite agregar cualquier bloque a las diapositivas.

Características

  • Agrega diapositivas ilimitadas
  • Añadie cualquier bloque a las diapositivas
  • Vista previa del carrusel en el editor
  • Adaptable y compatible con toques

Ajustes

  • Diapositivas por vista
  • Diapositivas que hacen desplazamiento al mismo tiempo
  • Velocidad de desplazamiento
  • Relleno de diapositivas
  • Flechas de anterior/siguiente
  • Navegación por puntos
  • Blucle de diapositivas infinito
  • Reproducción automática
  • Ajustes de adaptabilidad: diapositivas a mostrar y desplazarse en un tamaño de pantalla dado
  • RTL

Requisitos

Recomendamos PHP 5.6+, WordPress 5.8+, con Gutenberg activo.

Documentación

Selecciona el bloque de carrusel de diapositivas desde la categoría de diseño. Haz clic en el botón + situado al final del carrusel para agregar diapositivas. Agrega cualquier bloque dentro de las diapositivas. Usa la barra de desplazamiento horizontal para previsualizar las diapositivas en el editor.

Puedes reordenar las diapositivas usando los botones de flecha izquierda y derecha de la barra de herramientas.

Para quitar una diapositiva selecciona la diapositiva y haz clic en los tres puntos de la derecha sobre la misma. Haz clic en la opción de eliminar esa diapositiva.

Haz clic en el bloque de carrusel (el bloque que anida todas las diapositivas) para mostrar los ajustes del carrusel.

Capturas de pantalla

  • Diapositivas del carrusel
  • Agrega cualquier bloque a las diapositivas del carrusel
  • Ajustes del carrusel

Bloques

Este plugin proporciona 2 bloques.

  • Carousel Slider Display a carousel with any blocks in the slides.
  • Slide A single slide within the carousel.

Instalación

  1. Desde tu escritorio de WordPress, ve a Plugins > Agregar nuevo.
  2. Busca Carousel Slider Block en la caja Buscar plugins.
  3. Haz clic en Instalar ahora para instalar el plugin Carousel Slider Block.
  4. Haz clic en Activar para activar el plugin.
  5. El bloque de carrusel de diapositivas se agregará al grupo de bloques de diseño en el editor.

Si aún necesitas ayuda, visita Codex de WordPress

FAQ

¿Qué es Gutenberg?

Gutenberg es el nombre del nuevo editor basado en bloques introducido en WordPress 5. Gutenberg facilita crewar contenido dentro del editor usando bloques.

¿Cómo agrego un carrusel a WordPress?

Seleciona el bloque de carrusel de diapositivas desde la categoría de diseño.

¿Cómo agrego una diapositiva a WordPress?

Selecciona el bloque de carrusel de diapositivas. Haz clic en el botón + para agregar diapositivas al carrusel.

Reseñas

4 de Noviembre de 2024 1 respuesta
Updater beware. 1.0.15 totally broke my slider layout. They just all load vertically on top of each other now. Trying to diagnose/revert, but worth knowing in case it happens to you also. Update: Excellent customer service. Plugin has been fixed. Thank you.
3 de Noviembre de 2024 5 respuestas
Basic Gutenberg block that lets you manually assemble other Gutenberg blocks into a slider. There is a minor technical issue. I only see one of the two next/prev arrows, and that arrow overflows the page width by default when no padding or margin is applied to the slider. The plugin is limited in scope to only allow creating slides manually. That mirrors the scope of the built-in suite of Gutenberg blocks nicely, but one dynamic feature I think would be appropriate is to load a configurable number of blog posts dynamically, optionally with filters applied. The plugin author has been very quick to update the plugin, so this review may be outdated by the time you read it.
25 de Octubre de 2024
It is missing several basic Slick settings, though, like fade, centerMode, adaptiveHeight, variableWidth…
Leer los 42 comentarios

Colaboradores & Desarrolladores

“Carousel Slider Block for Gutenberg” es software de código abierto. Las siguientes personas han contribuido a este plugin.

Colaboradores

“Carousel Slider Block for Gutenberg” ha sido traducido en 11 idiomas. Gracias a los traductores por sus contribuciones.

Traduce “Carousel Slider Block for Gutenberg” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código, echa un vistazo al repositorio SVN, o suscríbete al registro de desarrollo por RSS .

Historial de cambios

1.0.0

Primera versión del plugin.

1.0.1

Corregido el problema de “lodash”.

1.0.2

Actualización para la última versión de WP Gutenberg. Corregido el editor de CSS.

1.0.3

Agregado los ajustes de la reproducción automática.

1.0.4

Experiencia de usuario mejorada mediante el uso de controles de bloques internos. Agregada la opción RTL. Eliminada la opción de relleno. Actualizado el ícono de bloque diapositiva.

1.0.5

Se agregó “block.json”. Diseño de bloque de carrusel mejorado en el editor. Ícono de bloque de diapositiva actualizado. Probado para WordPress 5.9.

1.0.6

Se eliminó el problema de CSS con margen de bloque en las diapositivas.
Se cambió el estilo del botón “Agregar diapositiva”.

1.0.7

Agregado un conjunto adaptable para que las diapositivas se desplacen a la vez.

1.0.8

Pequeñas mejoras de CSS en el editor. Se actualizó el uso de la hoja de estilos CSS. Probado en WordPress 6.0.

1.0.9

Corregido el mensaje de error en la pantalla del editor de widgets. Probado en WordPress 6.3.1.

1.0.10

Corregido el error de “lodash” con la última actualización de WordPress 6.4.

1.0.11

Corregido el problema de diseño en filas.
Código de reprogramación.

1.0.12

Agregada la dependencia de etiquetas.

1.0.13

Se revirtió Slick init a una solución funcional, fuera del proceso de construcción del bloque WP.

1.0.14

Actualiza las CSS para centrar bloques de imágenes.

1.0.15

Button block appender fix.

1.0.16

Fix slider init.