官方系列教材 - B计划

实战Joomla从0搭建企业站

在网站的首页放上一个滚动的大图,几乎是一个常态,针对这个需求,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,查看效果


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

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

 

作者: 樱木花道

Joomla程序员,从J1.5到J4.x始终都在做Joomla相关开发定制工作,有超过10年行业经验,国内Joomla扩展开发商ZMAX团队的核心成员

作者网站:ZMAX程序人

评论 (0)

  • 最新在前
  • 最佳在前

第4章 重新认识Joomla

第17章 实现支持栏目 - 资源下载页面

第19章 模板风格 - 让页面与众不同