Açıklama
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
Ekran Görüntüleri
Bloklar
Bu eklenti 1 blok sağlar.
- Image Slider Eazy slider for images
Yükleme
- 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!
SSS
-
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.
İncelemeler
Bu eklenti için herhangi bir değerlendirme bulunmuyor.
Katkıda Bulunanlar ve Geliştiriciler
“Eazy Image Slider Block” açık kaynaklı yazılımdır. Aşağıdaki kişiler bu eklentiye katkıda bulunmuşlardır.
Katkıda bulunanlar“Eazy Image Slider Block” eklentisini dilinize çevirin.
Geliştirmeyle ilgilenir misiniz?
Kodu görüntüleyin, SVN deposuna göz atın ya da RSS ile geliştirme günlüğüne abone olun.
Değişiklik Kaydı
1.0.0
- Initial Eazy Image Slider Block release. 🚀