Title: Carrossel with Glider.js
Author: Jonathan Afranio
Published: <strong>5 de Marzo de  2021</strong>
Last modified: 21 de Septiembre de  2026

---

Buscar plugins

![](https://s.w.org/plugins/geopattern-icon/carousel-glider-js.svg)

# Carrossel with Glider.js

 Por [Jonathan Afranio](https://profiles.wordpress.org/jonathanafranio89/)

[Descargar](https://downloads.wordpress.org/plugin/carousel-glider-js.1.1.0.zip)

 * [Detalles](https://cl.wordpress.org/plugins/carousel-glider-js/#description)
 * [Reseñas](https://cl.wordpress.org/plugins/carousel-glider-js/#reviews)
 *  [Instalación](https://cl.wordpress.org/plugins/carousel-glider-js/#installation)
 * [Desarrollo](https://cl.wordpress.org/plugins/carousel-glider-js/#developers)

 [Soporte](https://wordpress.org/support/plugin/carousel-glider-js/)

## Descripción

🇧🇷: O Glider.js, o Carousel em javascript puro (vanilla.js) para WordPress.

🇺🇸: Glider.js, Carousel in pure javascript (vanilla.js) for WordPress.

🇪🇸: El Glider.js, el carrusel en javascript puro (vanilla.js) para WordPress.

#### Features / Funcionalidades / Características

🇧🇷:
 * 5 layouts (designs) prontos: `only-images`, `text-full-image`, `text-half-
image`, `only_text`, `small-thumb`. * Custom Post Type (“Carousel”) + categorias:
cada item do carrossel é gerenciado como um post, com sua própria imagem destacada,
link e janela de destino. * Responsivo: quantidade de itens e de rolagem configurável
separadamente para mobile, tablet, laptop e desktop. * Tela de configurações (Carousel
Config) com abas, seletor de cor nativo do WordPress e: * Imagem/SVG customizado
para as setas de navegação (anterior/próxima). * Campo de CSS customizado, aplicado
automaticamente em toda página com carrossel. * Pronto para tradução (pt_BR, pt_PT,
es_ES, es_AR incluídos).

🇺🇸:
 * 5 built-in layouts (designs): `only-images`, `text-full-image`, `text-half-
image`, `only_text`, `small-thumb`. * Custom Post Type (“Carousel”) + categories,
so each carousel item is managed like a post, with its own featured image, link 
and target window. * Responsive: independent item count and scroll count for mobile,
tablet, laptop and desktop. * Settings page (Carousel Config) with tabs, native 
WordPress color picker, and: * Custom image/SVG for the previous/next navigation
arrows. * Custom CSS field, applied automatically on every page that renders a carousel.*
Translation-ready (pt_BR, pt_PT, es_ES, es_AR included).

🇪🇸:
 * 5 diseños incorporados: `only-images`, `text-full-image`, `text-half-image`,`
only_text`, `small-thumb`. * Custom Post Type (“Carousel”) + categorías: cada elemento
del carrusel se gestiona como un post, con su propia imagen destacada, enlace y 
ventana de destino. * Responsivo: cantidad de elementos y de desplazamiento configurable
por separado para móvil, tablet, laptop y escritorio. * Página de configuración (
Carousel Config) con pestañas, selector de color nativo de WordPress, y: * Imagen/
SVG personalizado para las flechas de navegación (anterior/siguiente). * Campo de
CSS personalizado, aplicado automáticamente en toda página que muestre un carrusel.*
Listo para traducción (pt_BR, pt_PT, es_ES, es_AR incluidos).

## Capturas de pantalla

[⌊screenshot-1.png⌉⌊screenshot-1.png⌉[

screenshot-1.png

[⌊screenshot-2.png⌉⌊screenshot-2.png⌉[

screenshot-2.png

[⌊screenshot-3.png⌉⌊screenshot-3.png⌉[

screenshot-3.png

[⌊screenshot-4.png⌉⌊screenshot-4.png⌉[

screenshot-4.png

[⌊screenshot-5.png⌉⌊screenshot-5.png⌉[

screenshot-5.png

[⌊screenshot-6.png⌉⌊screenshot-6.png⌉[

screenshot-6.png

[⌊screenshot-7.png⌉⌊screenshot-7.png⌉[

screenshot-7.png

[⌊screenshot-8.png⌉⌊screenshot-8.png⌉[

screenshot-8.png

## Instalación

#### 🇧🇷 Instalação

 1. Envie a pasta `carrossel-glider-js` inteira para o diretório `/wp-content/plugins/`.
 2. Ative o plugin na tela **Plugins > Plugins Instalados**.

Você vai encontrar o menu **Carousel** no admin do WordPress.

#### 🇺🇸 Installation

 1. Upload the entire `carrossel-glider-js` folder to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the **Plugins** screen (**Plugins > Installed Plugins**).

You will find the **Carousel** menu in your WordPress admin screen.

#### 🇪🇸 Instalación

 1. Sube la carpeta `carrossel-glider-js` completa al directorio `/wp-content/plugins/`.
 2. Activa el plugin en la pantalla **Plugins > Plugins Instalados**.

Encontrarás el menú **Carousel** en el panel de administración de WordPress.

## FAQ

### Where can I find more documentation? / Onde encontro mais documentação? / ¿Dónde encuentro más documentación?

🇧🇷: Você pode encontrar a [documentação completa](https://github.com/jonathanafranio/carrossel-glider-js/)
no GitHub. Se não encontrar o que procura, envie um e-mail para jonathan.afranio.
s@gmail.com.

🇺🇸: You can find the [full documentation](https://github.com/jonathanafranio/carrossel-glider-js/)
on GitHub. When you are unable to find what you are looking for, send an email to
jonathan.afranio.s@gmail.com.

🇪🇸: Puedes encontrar la [documentación completa](https://github.com/jonathanafranio/carrossel-glider-js/)
en GitHub. Si no encuentras lo que buscas, envía un correo a jonathan.afranio.s@
gmail.com.

## Reseñas

![](https://secure.gravatar.com/avatar/b718c6d95ecf0df2c36f452dbd97083708787426c2137bd0b177d17475a279ed?
s=60&d=retro&r=g)

### 󠀁[fastest slider](https://wordpress.org/support/topic/fastest-slider/)󠁿

 [pawelwi](https://profiles.wordpress.org/pawelwi/) 10 de Enero de 2022 1 respuesta

This slider is the fastest one by design. It's css based not javascript! If google
page insight results are important for you then you should try this slider. I'v 
tested lots of popular wordpress sliders and they are way more slower than this 
one. If speed is your priority then try it – you want be disappointed.

 [ Leer 1 comentario ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/)

## Colaboradores & Desarrolladores

“Carrossel with Glider.js” es software de código abierto. Las siguientes personas
han contribuido a este plugin.

Colaboradores

 *   [ Jonathan Afranio ](https://profiles.wordpress.org/jonathanafranio89/)

[Traduce “Carrossel with Glider.js” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/carousel-glider-js)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/carousel-glider-js/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/carousel-glider-js/),
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/carousel-glider-js/)
por [RSS](https://plugins.trac.wordpress.org/log/carousel-glider-js/?limit=100&mode=stop_on_copy&format=rss).

## Historial de cambios

#### 1.1.0

 * Rewritten from procedural code to an object-oriented structure with PHP namespaces(`
   CGJ\`) and a lightweight PSR-4-style autoloader (no more scattered `require_once`).
 * Settings page redesigned: native WordPress tabs (Setas, Marcadores, Texto com
   imagem, Texto sem imagem, Links, Avançado) and the native WordPress color picker
   instead of plain `<input type="color">` fields.
 * New: custom image/SVG for the “previous” and “next” navigation arrows (Media 
   Library picker), replacing the built-in SVG icons when set.
 * New: custom CSS field (Avançado tab), printed in its own `<style>` block on every
   page that renders a carousel.
 * Fix: saving a “carousel” post no longer overwrites the link/target meta fields
   of unrelated posts (the `save_post` handler is now scoped to the `carousel` post
   type only).
 * Various small hardening fixes (`esc_url`/`esc_attr` added where missing, `wp_reset_postdata()`
   after the carousel query).
 * No breaking changes — updating from 1.0.3 works like any normal plugin update,
   no manual steps needed.

#### 1.0.3

 * Previous stable release (procedural code base).

## Meta

 *  Versión **1.1.0**
 *  Última actualización **hace 6 días**
 *  Instalaciones activas **30+**
 *  Versión de WordPress ** 1.0 o superior **
 *  Probado hasta **7.1.2**
 *  Versión de PHP ** 7.4 o superior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/carousel-glider-js/)
 * Etiquetas
 * [carousel](https://cl.wordpress.org/plugins/tags/carousel/)[slider](https://cl.wordpress.org/plugins/tags/slider/)
 *  [Vista Avanzada](https://cl.wordpress.org/plugins/carousel-glider-js/advanced/)

## Calificaciones

 5 de 5 estrellas.

 *  [  1 valoración de 5 estrellas     ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/?filter=5)
 *  [  0 valoraciones de 4 estrellas     ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/?filter=4)
 *  [  0 valoraciones de 3 estrellas     ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/?filter=3)
 *  [  0 valoraciones de 2 estrellas     ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/?filter=2)
 *  [  0 valoraciones de 1 estrellas     ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/?filter=1)

[Tu reseña](https://wordpress.org/support/plugin/carousel-glider-js/reviews/#new-post)

[Ver todas las reseñas](https://wordpress.org/support/plugin/carousel-glider-js/reviews/)

## Colaboradores

 *   [ Jonathan Afranio ](https://profiles.wordpress.org/jonathanafranio89/)

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/carousel-glider-js/)

## Donar

¿Te gustaría apoyar el avance de este plugin?

 [ Donar para este plugin ](https://github.com/jonathanafranio/carrossel-glider-js)