我可以分别为台式机和移动设备设置Revolution滑块吗？

Question

我正在Wordpress和主页上建立一个摄影网站，我希望根据给定的要求为移动设备和台式机设置不同的滑块。那我该怎么办呢？

Answer 1

您可以创建两个WordPress滑块，一个用于移动设备，一个用于桌面。

• 创建两个滑块后，可以将以下代码添加到您的帖子或页面中。请确保将代码中的ID值更改为您自己的滑块的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;
  }
}