如何改变jquery滑块插件的图像

Question

我想把“滑动器”放在我的头版上。我可以用html，js，css设置这个插件。但是，我想知道如何在管理中改变这个滑块的图像。当我使用jquery插件时，我希望更改管理区域中的幻灯片图像。你能给我一些提示，以改变图片在管理，是标记在html。

Answer 1

有多种方法使滑块动态。

如果使用Gutenberg编辑器，可以向图片库添加如下新样式：

register_block_style( 'core/gallery', [
  'name'  => 'swiper',
  'label' => __( 'Swiper Slider' ),
] );

然后创建图库并选择Swiper样式。它将向图库添加一个额外的类is-style-swiper。以CSS和JS为目标。

如果您使用ACF (高级自定义字段)，那么更改HTML标记以满足Swiper的需求就更容易了。