Title: Carrossel with Glider.js
Author: Jonathan Afranio
Published: <strong>mars 5, 2021</strong>
Last modified: septembre 21, 2026

---

Search plugins

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

# Carrossel with Glider.js

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

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

 * [Details](https://tah.wordpress.org/plugins/carousel-glider-js/#description)
 * [Reviews](https://tah.wordpress.org/plugins/carousel-glider-js/#reviews)
 *  [Installation](https://tah.wordpress.org/plugins/carousel-glider-js/#installation)
 * [Development](https://tah.wordpress.org/plugins/carousel-glider-js/#developers)

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

## Description

🇧🇷: 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).

## Screenshots

[⌊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

## Installation

#### 🇧🇷 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.

## Reviews

![](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/) janvier 10, 2022 1 reply

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.

 [ Read all 1 review ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/)

## Contributors & Developers

“Carrossel with Glider.js” is open source software. The following people have contributed
to this plugin.

Contributors

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

[Translate “Carrossel with Glider.js” into your language.](https://translate.wordpress.org/projects/wp-plugins/carousel-glider-js)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/carousel-glider-js/),
check out the [SVN repository](https://plugins.svn.wordpress.org/carousel-glider-js/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/carousel-glider-js/)
by [RSS](https://plugins.trac.wordpress.org/log/carousel-glider-js/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 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

 *  Version **1.1.0**
 *  Last updated **1 semaine ago**
 *  Active installations **30+**
 *  WordPress version ** 1.0 or higher **
 *  Tested up to **7.1.2**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/carousel-glider-js/)
 * Tags
 * [carousel](https://tah.wordpress.org/plugins/tags/carousel/)[slider](https://tah.wordpress.org/plugins/tags/slider/)
 *  [Advanced View](https://tah.wordpress.org/plugins/carousel-glider-js/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/carousel-glider-js/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/carousel-glider-js/reviews/#new-post)

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

## Contributors

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

## Support

Got something to say? Need help?

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

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://github.com/jonathanafranio/carrossel-glider-js)