WordPress Slider Block Gutenslider

Gutenslider is an image slider and video slider plugin for WordPress that adds a simple to use Gutenberg slider block to your WordPress editor. You do not need other editors but can manage everything directly in the Gutenberg editor you already know and love. You can add any content on top that you want! Gutenslider is faster and slicker than any other slider around. Go and try it out yourself and make use of a content slider, image slider and video slider that will increase user engagement on your website and allow you to create your sliders in seconds not in minutes, by using the Gutenberg backend editor you know already. No need to study complicated backend editors. Gutenslider is the best match for you and your customers.

Live Examples

Con Gutenslider, mejorar tu blog o página web es más fácil que nunca:

1. Simply add the Gutenslider Block from the Gutenberg backend
2. Select images from your Media Library
3. Add any Block you like on top
4. Customize Gutenslider to your needs in the backend
5. Slide! 👩‍🎤

Gutenslider es fácil de usar, rápido, muy potente y desarrollado por personas fiables, que también contribuyen con su trabajo en el repositorio principal de Gutenberg

Plugin Features

• Add unlimited slides
• Change the transition mode: fade, slide, flip
• Add any block on top that you want
• Block alignment: wide, full
• Content alignment: top, center, bottom, left, right
• Fixed Content / Changing Content
• Slides to show: auto or 1
• Arrows on/off
• Arrow size
• 3 Arrow Colors
• Dots on/off
• Dots size
• 3 Dot Colors
• Spacing: top/bottom and left/right
• Margin: top/bottom and left/right
• Automatic Captions
• Fullscreen slider (slider will be in the background of your content).
• Very easy to use because it is a Gutenberg block – no need to go away from your backend editor
• Hyperlink Slides
• Integración sencilla de lightGallery
• webp support
• Navegación de etiquetas
• Custom Css for Slider

Plugin Pro Features 💎

• Video Slider: add videos to your slide backgrounds
• Parallax Sliders
• 5 transition modes: fade, slide, flip, coverflow, cube, cards
• Transition time
• Time of a slide
• Color overlays of slides
• Gradient overlay of slides
• Space between slides
• Bulk Editing
• Arrow color / Arrow Background Color
• Advanced Arrow Styles
  • Pick from 10 styles or add your own svg
  • Position ( Sides, Top Left, Bottom Left, Top Right, Bottom Right )
  • Arrows Follow Mouse
  • Unlimited Color Options
  • Color de fondo
  • Colores al pasar el cursor
  • Desplazamiento horizontal y vertical de flechas.
  • Arrow Mix Blending
  • Custom SVG arrows
• Advanced Progress options
  • Style ( dots, dynamic dots, numbers, progressbar )
  • Posición ( Arriba Top, Abajo Bottom, Izquierda Left, Derecha Right )
  • Desplazamiento
  • Unlimited Color Options
• Advanced lightgallery styles
  • choose any background color
  • escoge entre 30 transiciones
  • enable/disable counter
  • enable and set image caption
• Dots style
• Advanced Responsive Controls
• Diapositivas que mostrar: desde auto a un máximo de 8
• Advanced Hash Navigation Settings: customize hash for slider + slides
• … y por supuesto todas las características gratuitas.

Free 7-day trial, no credit card required

So you can easily create a Fullscreen Video Slider for your blog or websitee with Gutenslider Pro. And even go more custom by, creating Full Screen Video Background ! Sliders !. There is no limit to your creativity.

Slider Modes

Changing Content

El modo de carrusel que seguramente conoces. Cada diapositiva tiene un fondo personalizado y un contenido personalizado.

Fixed Content

In this mode you select fixed content, that will stay on top, while the background changes and loops all slides. Great for headlines, call to actions. You name it!

Gutenslider se ha construido siguiendo las mejores prácticas sugeridas en WordPress, CSS, Javascript, tanto en su uso y visualización como en su administración en el escritorio. Está optimizado para SEO. Hace uso de las nuevas capacidades de Gutenberg construidas con react. El resultado es robusto, fácil de usar y ultrarápido. Funciona con cualquier tema. Vamos, pruebalo.

Help us get better

Sabemos que Gutenslider es bonito, pero también sabemos que siempre podremos mejorarlo. No únicamente la calidad y seguridad del código, si no también sus características y la experiencia de uso. Para esto último necesitamos tu ayuda. Si piensas que deberíamos cambiar cosas, por favor, ten la amabilidad de enviarnos una solicitud de soporte o de mejora el el foro de ayuda. Gracias.

Installation 🔧

Minimum Requirements

Para que funcione este plugin necesitas la versión de WordPress 5.0 o superior. Para versiones inferiores a la 5.0, necesitas activar e instalar el plugin Gutenberg.

Quick and Fast

1. Go to the Plugins Menu in WordPress
2. Search for «Gutenslider»
3. Click «Install»
4. Activate the Gutenslider Plugin on your Plugins Menu

Experienced Users (same result)

1. Upload the gutenslider folder to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress

Frequently Asked Questions ❓

What blocks are supported

Gutenslider works with any blocks on top. However there might be styling issues or things to improve. Either write your own custom css or submit a support request in the support forum. If it is a commonly used block, we will integrate the needed styles into Gutenslider.

Can I use Gutenslider with any theme?

Si, puedes usar Gutenslider con cualquier tema. Si experimentas dificultades, por favo contacta con el autor del tema, antes de publicar ninguna cuestión en el foro de soporte de Gutenslider

Is Gutenslider free?

Yes! Gutenslider’s core features are absolutely free. If you want more control over the slider settings and many more features, you can buy the pro version of the plugin.

Can you provide support?

Yes, just post a question on the support tab, and we will answer as soon as possible.

Can you add this feature I need?

We are happy to extend Gutenslider to our users’ needs. Just contact us on our website at https://gutenslider.org and we will see what we can do.

What is Gutenberg

Para obtener una completa experiencia del editor de bloques de nueva generación de WordPress, necesitarás un tema que esté listo para Gutenberg. Cuando lo hayas hecho, instala el plugin Gutenberg de WordPress o simplemente actualiza ti sistema a WordPress 5.0 o superior. Esto es todo! 💥

Can I have Gutenslider in my language

Puedes contribuir en la traducción de Gutenslider para tu propio uso y para todas las demás personas que hablen tu idioma aqui: https://translate.wordpress.org/projects/wp-plugins/gutenslider/ . Simplemente envia tu traducción y una vez sea aceptada, Gutenslider funcionará de inmendiato en tu idioma.

Visit us 🔗

Visit us on https://gutenslider.org to see a full overview of features or follow our blog.

Powered by

Gutenslider se ha hecho posible gracias a asombrosas personas que desarrollan el código bajo licencias que permiten la reutilización. Usamos las siguientes licencias de código abierto:

• swiper (github)
• lightGallery (github)
• SimpleParallax (github)