在网站的首页放上一个滚动的大图,几乎是一个常态,针对这个需求,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,查看效果
至此我们就完成了首页滚动大图这个模块了。
关于该模块的一些细节,比如高度,图片上的文字设置啊,这些在本文就不做讨论了,大家可以自己尝试设置,或者在社区中发帖讨论
评论 (0)