Carousel Slider Block for Gutenberg

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

  1. Desde tu escritorio de WordPress, ve a Plugins > Añadir 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 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

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.
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.
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.
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!
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).
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.

Colaboradores

«Carousel Slider Block for Gutenberg» está traducido en 9 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.