Liferay轮播门户布局

时间:2015-03-03 21:27:52

标签: jquery liferay liferay-theme

我正在为Liferay Portal开发自定义布局。

我想创建类似于用于将图像显示为轮播的插件,但我想显示门户网站的页面而不是图像。

我创建了一个包含2行3列的模板。我的门户网站的每个页面都是这种格式。

我使用一些portlet创建了一些页面,在我的主页面中,我将这些页面显示为旋转木马。

任何人都知道是否有一些插件吗?或者可以建议如何建立这个?

我正在尝试使用Slick插件进行构建,但这并不容易。

用几句话说,我想用旋转木马的方式显示页面而不是图像

1 个答案:

答案 0 :(得分:2)

答案假设您要在Liferay 6.2(或更高版本)中为Web内容/期刊文章(而非门户页面)实现轮播。

Liferay 6.2引入了Application Display Templates (ADT)的框架。 ADT可用于自定义各种portlet中的资产表示。例如,您可以在Asset Publisher或Media Gallery portlet中自定义日记文章,文档或图像的显示。 ADT可以使用Freemarker或Velocity引擎实现。

对于Media Gallery中的图像,甚至还有Liferay 6.2中包含的样本轮播模板。见portlet_display_template_carousel.ftl。该模板使用Alloy UI Carousel来实现轮播。可以使用您首选的Slick框架轻松更改模板以实现期刊文章的轮播。

我建议如下:

  • 使用网页内容/期刊文章为您的轮播创建幻灯片。
  • 使用已定义的标记标记文章。
  • 创建新的ADT以在轮播中显示文章。
  • 利用Asset Publisher portlet显示文章。
  • 配置Asset Publisher以按定义的标记过滤文章a选择您的ADT模板以显示它们。
  • 完成。