页面生成器：Sliders块

[Jannah]

1000093518.jpg

作为各种各样的新闻块，Jannah提供了各种各样的滑块和视频播放列表，您可以将任何滑块设置为全宽、盒装或两列布局，如果您想要全宽滑块，您会发现4个以上的滑块适合您的目的。如果你想要一个网格滑块，你会发现有9个以上的滑块被设计成网格滑块。如果你想要一个盒装滑块，你会发现超过4个适合你的需求。

滑块常规选项

file-8MblMHs7Bz.png

1. Categories - 选择滑块将显示的文章的分类，它是多选的。
2. Tags - 按标签而不是分类显示文章，此选项将覆盖分类选项。
3. Exclude Posts - 输入一个文章 ID 或以逗号分隔的 ID 以排除文章。
4. Sort Order - 按可用的六个值之一对块中的文章进行排序：
   
   • Recent Posts-最新文章
   • Random Posts-随机文章
   • Last Modified Posts-最新更新文章
   • Most Commented Posts-热门评论文章
   • Most Viewed Posts-最多浏览数文章
   • Best Reviews-基于评分
5. Number of the posts to show - 要显示的文章数
6. Offset - 要偏移的文章数，如果要在特定滑块中显示特定分类中的某些文章，并使用另一个滑块显示其他文章，则非常有用。
7. Custom Slider - 如果要显示预定义的自定义滑块而不是普通文章中的幻灯片内容，请选择预定义的自定义滑块之一。

滑块高级选项

file-cqsEkgAwO7.png

1. Color - 滑块原色、分类标签的颜色、悬停时的控制箭头/点和加载图标。
2. Posts Title Length - 文章标题长度，字数或字符数，在 Jannah 选项面板中搜索Trim Text by以选择按单词或字符修剪。
3. Posts Excerpt - 文章摘要，您可以从下面显示的输入中确定摘要的长度。
4. Posts Meta - 显示/隐藏文章元数据（日期、作者、浏览次数等......
5. Post Primary Category - 显示/隐藏文章主分类标签。
6. Review Rating - 显示/隐藏文章评分。
7. Colored Mask  - 显示/隐藏图像上方的彩色图层。
   
   file-JR9aKXSXBn.jpg
8. Disable Gradient Overlay - 禁用/启用默认的黑色渐变。
9. Animate Automatically - 启用/禁用滑块自动播放。
10. Slider Speed in ms：以毫秒为单位的滑块速度量（1000 毫秒 = 1 秒）。
11. Media Icon Overlay - 显示/隐藏图像上方的媒体图标。

file-y0Ma9leiF9.jpg

滑块预览
Slider #1：https://jannah.tielabs.com/demo/slider-1/
Slider #2：https://jannah.tielabs.com/demo/slider-2/
Slider #3：https://jannah.tielabs.com/demo/slider-3/
Slider #4：https://jannah.tielabs.com/demo/slider-4/
Slider #5：https://jannah.tielabs.com/demo/slider-5/
Slider #6：https://jannah.tielabs.com/demo/slider-6/
Slider #7：https://jannah.tielabs.com/demo/slider-7/
Slider #8：https://jannah.tielabs.com/demo/slider-8/
Slider #9：https://jannah.tielabs.com/demo/slider-9/
Slider #10：https://jannah.tielabs.com/demo/slider-10/
Slider #11：https://jannah.tielabs.com/demo/slider-11/
Slider #12：https://jannah.tielabs.com/demo/slider-12/
Slider #13：https://jannah.tielabs.com/demo/slider-13/
Slider #14：https://jannah.tielabs.com/demo/slider-14/
Slider #15：https://jannah.tielabs.com/demo/slider-15/
Slider #16：https://jannah.tielabs.com/demo/slider-16/
Slider #17：https://jannah.tielabs.com/demo/slider-17/
Slider #18：https://jannah.tielabs.com/demo/slider-18


另外集成LayerSlider和Slider Revolution插件，安装插件后将显示在页面构建器中。