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

时间:2019-12-17 07:19:23

标签: wordpress revolution-slider

我要在Wordpress和主页上建立一个摄影网站,我想为移动和台式机设置一个不同的滑块作为给定的要求。那我该怎么办呢?

1 个答案:

答案 0 :(得分: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;
  }
}