Elementor区块背景slideshow随机排序/每次加载换图设置求助
解决Elementor Slideshow区块随机顺序加载图片的问题
方法一:用扩展插件(无代码)
Elementor原生的Slideshow区块没自带随机顺序功能,你可以装个Elementor扩展插件来实现:
- 推荐用PowerPack Elements for Elementor或者Elementor Header & Footer Builder,这类插件都给Slideshow加了随机顺序选项。
- 操作步骤:
- 后台「插件」→「添加新插件」,搜索上面的插件,安装激活。
- 编辑页面时,删掉原来的Slideshow区块,换成插件提供的高级幻灯片模块(比如PowerPack里的Advanced Slider)。
- 在模块的设置面板里找「幻灯片顺序」选项,选「随机」就搞定了。
方法二:代码片段复制粘贴(不用懂编程)
如果不想装额外插件,用WordPress的代码片段插件来加一段代码,直接让原生Slideshow随机排序:
- 步骤:
- 后台装个Code Snippets插件(专门用来加代码,不用改主题文件,安全),安装激活。
- 进入「Snippets」→「Add New」,新建一个片段。
- 把下面这段代码直接粘贴进去:
add_action( 'elementor/frontend/widget/before_render', function( $widget ) { if ( 'slideshow' === $widget->get_name() ) { $settings = $widget->get_settings_for_display(); if ( ! empty( $settings['slides'] ) ) { shuffle( $settings['slides'] ); $widget->set_settings( $settings ); } } } );
- 给片段起个名字(比如「Elementor幻灯片随机排序」),勾选「Only run on site front-end」,点「Save and Activate」。
- 刷新页面,原来的Slideshow每次加载都会随机显示图片顺序了。
注意点
- 代码法只对Elementor原生的Slideshow区块有效,第三方插件的幻灯片模块不适用。
- 要是之后Elementor更新导致代码失效,直接禁用这个代码片段就行,不会搞坏网站。
内容的提问来源于stack exchange,提问作者Chris D
相关产品推荐
相关产品推荐

