我可以分别为桌面和移动设备设置 Revolution 滑块吗？

Question

我正在 Wordpress 和主页上构建一个摄影网站，我想根据给定要求为移动设备和桌面设备设置不同的滑块。那我该怎么做呢？

Answer 1

You can create two WordPress sliders, one for mobile, one for desktop.

• 创建两个滑块后，您可以将以下代码添加到 post 或页面。请务必将代码中的 ID 值更改为您自己的滑块。

<div id="largescreen">
[wonderplugin_slider id="1"]
</div>

<div id="smallscreen">
[wonderplugin_slider id="2"]
</div>

• 然后您可以将以下CSS代码添加到您的WordPress主题style.css文件中，以在屏幕宽度小于640px时显示小滑块：

#largescreen {
  display: block;
}

#smallscreen {
  display: none;
}

@media (max-width: 640px) {
  #largescreen {
    display: none;
  }

  #smallscreen {
    display: block;
  }
}