Descripción
The Eazy Image Slider Block plugin adds a simple to use and easy to configure image slider block to the Gutenberg editor based on Tiny Slider 2.
You can configure following options:
- Slides to show
- Slides to slide by
- Show arrows
- Show dots
- Automatic slide width
- Center the slides
- Restrict the height of the images
- Gutter between the slides
- Edge padding
Credits
Capturas
Bloques
Este plugin proporciona 1 bloque.
- Image Slider Eazy slider for images
Instalación
- Install Plugin through the WordPress Admin Interface 'Plugins > Add new'
- Activate the plugin
- Done!
OR
- Upload
eazy-image-slider-block
to the/wp-content/plugins/
directory - Activate the plugin through the 'Plugins' menu in WordPress
- Done!
FAQ
-
Can I change the dots color?
-
Yes, currently only via CSS. The selectors for the buttons are:
.eazy-image-slider .tns-nav button
and for the active state:
.eazy-image-slider .tns-nav button.tns-nav-active
Example you can put in your themes
style.css
:.eazy-image-slider .tns-nav button { background-color: #fcc; } .eazy-image-slider .tns-nav button.tns-nav-active { background-color: #e22; }
-
Can I change the arrows color?
-
Yes, same applies as for the dots, currently only via CSS.
.eazy-image-slider .tns-controls button:before
and for the hover state:
.eazy-image-slider .tns-controls button:hover:before
Example you can put in your themes
style.css
:.eazy-image-slider .tns-controls button:before { background-color: #fcc; } .eazy-image-slider .tns-controls button:hover:before { background-color: #e22; }
-
Can I disable the style / script loading entirely?
-
Yes, to do so, simply add following lines to your themes
functions.php
:For the styles:
function eazyimageslider_remove_style() { wp_dequeue_style( 'eazy-image-slider-style' ); } add_action( 'wp_enqueue_scripts', 'eazyimageslider_remove_style', 99 );
For the script:
function eazyimageslider_remove_script() { wp_dequeue_script( 'eazy-image-slider-view-script' ); } add_action( 'wp_enqueue_scripts', 'eazyimageslider_remove_script', 99 );
-
What does vh mean in the restrict slides height setting?
-
VH is a unit relative to the viewport. Which means if you set your slides height to be restricted to 50vh, the slides will have the height of 50% of the viewport.
Reseñas
No hay reseñas para este plugin.
Colaboradores y desarrolladores
"Eazy Image Slider Block" es un software de código abierto. Las siguientes personas han colaborado con este plugin.
ColaboradoresTraduce "Eazy Image Slider Block" 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
- Initial Eazy Image Slider Block release. 🚀