Descripción
Un carrusel de diapositivas adaptable para el editor Gutenberg que permite añadir cualquier bloque a las diapositivas.
Características
- Añade 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 scroll 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 hacer scroll 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 añadir diapositivas. Añade 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
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
- Desde tu escritorio de WordPress, ve a Plugins > Añadir nuevo.
- Busca Carousel Slider Block en la caja Buscar plugins.
- Haz clic en Instalar ahora para instalar el plugin Carousel Slider Block.
- Haz clic en Activar para activar el plugin.
- El bloque de carrusel de diapositivas se añadirá 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 añado un carrusel a WordPress?
-
Seleciona el bloque de carrusel de diapositivas desde la categoría de diseño.
-
¿Cómo añado una diapositiva a WordPress?
-
Selecciona el bloque de carrusel de diapositivas. Haz clic en el botón + para añadir diapositivas al carrusel.
Reseñas
Colaboradores y desarrolladores
«Carousel Slider Block for Gutenberg» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores«Carousel Slider Block for Gutenberg» está traducido en 10 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.
Registro 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
Añadido los ajustes de la reproducción automática.
1.0.4
Experiencia de usuario mejorada mediante el uso de controles de bloques internos. Añadida la opción RTL. Eliminada la opción de relleno. Actualizado el icono de bloque diapositiva.
1.0.5
Se añadió «block.json». Diseño de bloque de carrusel mejorado en el editor. Icono 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 «Añadir diapositiva».
1.0.7
Añadido 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
Añadida 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.