Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

Eazy Image Slider Block

开发者 playwithpixels
更新时间 2024年4月4日 17:10
捐献地址: 去捐款
PHP版本: 6.1 及以上
WordPress版本: 6.5
版权: GPLv2 or later
版权网址: 版权信息

标签

image gallery slider block easy simple gutenberg block carousel image slider tk

下载

1.0.0

详情介绍:

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: Credits Tiny Slider 2 Tiny Slider React

安装:

  1. Install Plugin through the WordPress Admin Interface 'Plugins > Add new'
  2. Activate the plugin
  3. Done!
OR
  1. Upload eazy-image-slider-block to the /wp-content/plugins/ directory
  2. Activate the plugin through the 'Plugins' menu in WordPress
  3. Done!

屏幕截图:

  • Slider without arrows
  • Slider without dots
  • Settings in the admin editor
  • And the result on the page
  • Unrestricted height of the slides

升级注意事项:

1.0.0
  • Initial Eazy Image Slider Block release. 🚀

常见问题:

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.

更新日志:

1.0.0