WordPress.org

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

Diapositivas del carrusel
Añade 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

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

vanessajw 30 de mayo de 2024

Went back to this simple gallery carousel after Modula wouldn’t show carousel after latest updates with theme. I keep having to find new carousels as various updates clash. This was fine. Even if it looks odd (thee clash I think) in my edit area it works on display screen page fine.

timebandit04 18 de mayo de 2024 1 respuesta

I haven’t paid the vendor any money to use this simple and easy to use block. I din’t install their site builder, just the block. And it seems to work straight out of the box. I say seems to, because I haven’t used it enough yet. But early indications are; that this is truly free and functional native block.

heartenmade 28 de abril de 2024

This is a great plugin and exactly what I was looking for, however, I have to agree with the other reviewer that talks about how the styles conflict with Kadence. Right now it seems to be just the arrow styles (like .slick-next:before, .slick-prev:before). You can see the arrow styles being overridden by this plugin when added to a page that is also using the Gallery block (in carousel mode) by Kadence Blocks. I am also disappointed there is not at least one more breakpoint. Hopefully this will be added in the future.

sagerountree 27 de abril de 2024

Fantastic plugin that adds enormous versatility to my website. It’s simple and easy to use while giving me a huge range of ways to customize my sliders/carousels. Thanks, Virgiliu!

katmacau 17 de abril de 2024

Great work on a neat, easy to use plugin. Works well. I’d like to see future versions include options to set the padding between slides with your settings. Also the option to position the nav dots and the arrows. I am currently using CSS to override your defaults (eg put nav dots over the slider instead of under).

Michael Samson 6 de abril de 2024 1 respuesta

I just installed this plugin for a simple solution to be able to add any type of block into a slider. It’s a very needed feature and really should be a default block in Gutenberg IMO. My compliments to the author on recognizing this need. Unfortunately I found two frustrating issues: Issue 1: If you’re already using other types of sliders that rely upon slick.js, there will be css conflicts. This plugin adds a lot of css directly to the slick selectors (ex. .slick-next). The problem is that this will conflict with any other slider using slick.js by overriding its styles. What has to happen here is that the css for this particular slider needs to be limited solely to this block. I hope that the plugin author reads this and makes the change. The main benefit of the plugin is its simplicity. But this issue with the css is an oversight that should be corrected. Issue 2: I’ve also discovered that this block will not function properly within a default Gutenberg row block or a Kadence Blocks row/section block combination. This is major drawback since using rows/sections is a basic part of using a block editor. I’m using Kadence Blocks and rely upon its row and section blocks for overall design structure. Putting the above issues aside, this is still a very useful block and I hope the author will address these issues I’ve identified.

Leer todas las 36 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.

Virgildia

«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.