Liferaytheme中文介绍.docVIP

Liferay的主题：自定义Liferay的外观和感觉 Liferay是一个JSR - 168规范的企业门户。从版本3.5.0开始，提供了一个Liferay的 开发机制，以轻松定制用户界面（外观）。这是通过创建主题。一个主题基本上是一个用户界面设计旨在使更多的门户网站用户友好和视觉愉悦。多个主题可以添加到用户的门户网站 选择。这篇文章解释了如何使用这个强大的功能来定制外观和感觉的Liferay到自己的设计。 你可以做一个什么主题？ 一个主题可以控制整个外观和感觉的Liferay中产生的网页。该门户端本页面可以完全定制。即便是表面上的附带的portlet Liferay的可定制使用CSS，图片，JavaScript和特殊模板。 1.1了解基本知识 第一个重要概念，在设计主题是portlet范本。每个portlet中Liferay的可分为两个方面：1。 Portlet内容：内部区域，显示了门户肉。2。 Portlet模板：外部区域，可定制的每个主题。 使用整个门户模板更灵活不仅仅是修改页面顶部和底部（这是旧的方式）。下面的图片显示，有过几次主题开发了现实生活中的网站。 当portlet的显示，默认情况下Liferay的周围绘制一个人（各该行为框 虽然该文件是Liferay的portlet.xml中配置）。这个箱子的外观，可 完全自定义了使用两个模板 - 即portlet_top.jsp和 portlet_bottom.jsp。这两个模板绘制框中显示的portlet负责 下文。 该portlet_top模板用于绘制按钮控制portlet的负责人： 最大化，最小化，向上移动，向下移动，关闭，恢复，帮助（如帮助模式支持）和 编辑偏好（如果编辑模式支持）。该门户网站的模板，告诉这些按钮 应显示在每一种情况。 除了门户和门户模板中，portlet的内容也被修改。 这只会是有可能的Portlet遵循一些约定。最重要的是 使用CSS由JSR - 168规范定义的样式。随着包装的portlet Liferay的使用这些样式。他们还利用一个特殊类型的盒子内每次有所谓划界是必要的。这些的外观和内箱感觉也可以用类似的方法修改至于使用的portlet中显示的模板inner_top和inner_bottom。Liferay的Portal安装可以有很多可用的主题。默认情况下所有用户的桌面 和所有群体的网站都使用默认的主题叫经典，但这个主题是 配置。每个用户都可以改变自己的主题，门户网站管理员可以设置一个各组不同主题的网站。这是比其他CMS系统的强大它是采用一个单一的门户网站的整体主题！现在你有一个什么可以做一个主题让我们来看看如何创建思路一。 2创建新主题 创造一个新的主题过程开始于使用适当的图形工具的设计。在本文中，我们将承担这项任务已经完成，在设计上已经可以作为一组页面的HTML。从这些文件中你需要编辑一个XML文件，创建/修改CSS文件和发展过程中添加一些逻辑来介绍一些JSP页面的HTML页面。2.1添加新的主题 主题可以被添加到Liferay的方法有两种： 1。直接添加在/的HTML /主题的所有文件和目录，你的主题目录。 2。包中的所有文件，并到一个WAR文件你的主题目录被丢弃到一个热部署目录（在这个时候，为Tomcat的/ webapps目录这一点。仅适用）2.1.1添加主题文件/目录一个主题通常有以下目录结构 ·彩色-计划：包含了该主题的配色方案每个所需的文件。 ·图像：包含使用/由模板引用这一主题，图像。 ·模板：包含模板portlet的一般看法，因为弹出窗口和 盒子般的装饰中使用的门户网站不同的看法。 2.1.2定义一个新的主题 在深入挖掘这些文件夹，下一步就是注册在Liferay的主题。编辑文件Liferay的外观和feel.xml在WEB - INF目录出席并添加下面的XML片断： theme id=my-theme name=My theme root-path/html/themes/my-theme/root-path templates-path/html/themes/my-theme/templates/templates-path images-path/html/themes/my-theme/images/images-path template-extension jsp/template-extension settings setting key=my-setting value=example-value/ /settings color-scheme id=gen-color name=DarkBlue ![CDATA[ -- Content omitted for clarity --