Carrossel with Glider.js

Plugin Banner

Carrossel with Glider.js

by Jonathan Afranio

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

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

  1. screenshot-1.png

    screenshot-1.png

  2. screenshot-2.png

    screenshot-2.png

  3. screenshot-3.png

    screenshot-3.png

  4. screenshot-4.png

    screenshot-4.png

  5. screenshot-5.png

    screenshot-5.png

  6. screenshot-6.png

    screenshot-6.png

  7. screenshot-7.png

    screenshot-7.png

  8. screenshot-8.png

    screenshot-8.png

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 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 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 en GitHub. Si no encuentras lo que buscas, envía un correo a jonathan.afranio.s@gmail.com.

fastest slider

By pawelwi on January 10, 2022

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.

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).
Back to top