< 返回 20.2 首页添加滚动大图 - Revolution Slider - B计划

在网站的首页放上一个滚动的大图,几乎是一个常态,针对这个需求,joomla已经有很多的解决方案,其中最好的方案就是 Revolution Slider 。在本节我们将介绍如何使用Revolution Slider来实现首页的滚动大图。

1,本节目标


了解Revolution Slider扩展,并且使用这个扩展来实现 首页的滚动大图模块。

2,网站幻灯片,滑块解决方案 - Revolution Slider


 2.1 安装 Revolution Slider

打开应用市场,在搜索栏中输入关键词 “幻灯片”。即可找到 Revolution Slider 组件。直接在线安装即可。

2.2 使用 Revolution Slider

在应用市场的项目详情中已经介绍了该扩展的使用方法,大家可以研究一下。在这里就不多说了。

2.2.1 进入管理界面

在应用市场中直接点击 进入管理按钮就可以进入到 组件的操作界面了。也可以通过 导航栏上的 组件 -> Unite Revolution Slider 2 进入到组件的管理界面

2.2.2 新建滑块

新建一个滑块。注意,你是新建了一个滑块,不是添加一个幻灯片,这个滑块可以包含多个图片。如图:

2.2.3 向滑块中添加幻灯片

点击编辑幻灯片,向滑块中添加幻灯片。如图:

这样我们的滑块就新建完成了。

2.2.4 在前台展示滑块

这个组件提供了一个模块,用来展示滑块,在扩展,模块管理中,我们新建一个模块,将模块的类型选择为 Unite Revolution Slider 2。在general settings中将slider参数设置为 我们刚刚新建的滑块。如图:

关于这个模块,有两个重要的参数,一个是菜单指派,在这里我们只需要该模块在首页显示,因此,在菜单指派设置中,将其指派到首页即可。这里就不截图了。

另外一个重要的参数就是 模块的位置 。在这里我们将其设置为 banner. 如果不清楚如何查看模块的位置,请参考文章:Joomla模板位置预览

这样我们的首页滚动大图模块就设置好了。

3,查看效果


至此我们就完成了首页滚动大图这个模块了。

关于该模块的一些细节,比如高度,图片上的文字设置啊,这些在本文就不做讨论了,大家可以自己尝试设置,或者在社区中发帖讨论

 

当前章节: 20.2 首页添加滚动大图 - Revolution Slider

B计划

第4章:重新认识Joomla
第17章:实现支持栏目 - 资源下载页面
第19章:模板风格 - 让页面与众不同
  • 内容提要
  • 留言讨论 (0)
  • 视频教程
在网站的首页放上一个滚动的大图,几乎是一个常态,针对这个需求,joomla已经有很多的解决方案,其中最好的方案就是 Revolution Slider 。在本节我们将介绍如何使用Revolution Slider来实现首页的滚动大图。

评论 (0)

  • 最新在前
  • 最佳在前

内容待完善

该课程提供视频版,可以观看完整的视频教程