3

我想使用 css 改变 liferay 的外观和感觉。我对liferay很陌生。任何人都可以给我任何想法来进行更改。提前致谢

4

5 回答 5

3

一步一步看起来很复杂，但也没有那么糟糕......

1a) 下载并解压您要使用的 liferay 版本的插件 sdk。所有下载都在 sf 页面http://lportal.sourceforge.net/

1b) 确保您拥有最新版本的 ant 和与您的 liferay 版本相匹配的 JDK 版本（1.5.x 或 1.6.x）

2）套件中有几个主要文件夹。更改为“主题”文件夹并以这种格式运行创建脚本（在 linux 或 mac 上，您需要使 .sh 文件可执行）

c:\liferay\plugins\themes >create my-name "我的主题描述" linux/mac $>./create.sh my-name "我的主题描述"

这将在名为 my-name-theme 的文件夹中创建一个骨架主题，并在其中创建一个名为 _diff 的文件夹。

在 _diff 文件夹中进行任何您想要的修改。（WEB-INF 中的属性文件更改除外）

一旦您进行了更改，从 my-name-theme 文件夹中运行“ant compile”，sdk 将运行它并在 sdk 根目录中的“dist”文件夹中输出一个 .war 文件。您可以使用插件安装程序将其上传到站点

或者......如果您配置 sdk 以了解您的开发服务器在哪里，您可以从主题文件夹中运行“ant deploy”，并让 liferay 中的自动部署魔法完成工作。

安装主题后，只需使用“管理页面”工具中的“外观”选项卡进行分配。

提示：对 custom.css 文件进行大部分更改......使升级变得容易。

提示：如果您对每次更改都执行此操作，那么 CSS 的开发速度真的很慢......因此，如果您正在运行开发服务器，请在指向 _diffs/css 文件夹的 head 标记末尾之前添加一个样式标记。href="file:///...../_diffs/custom.css"。这样，您所做的任何编辑都将被编译到战争的下一个版本中，并将覆盖当前安装的版本而无需重新上传。确保在将链接放在实时服务器之前删除链接。

liferay.com 文档很棒，并且有一个“主题指南”我现在找不到让我开始的链接。

于 2010-02-12T07:42:07.067 回答
1

Liferay 的 IMO 主题开发一开始可能会很慢。我发现两种不同的方法非常有用。它对我有用，也可能对你有用。

  1. 如果您在 _diff 文件夹 AFAIK 中编辑文件，则每次看到两个更改时都必须进行部署，这对于前端开发人员来说可能非常令人沮丧。可以直接在 tomcat/themename 文件夹中编辑 css 文件。每隔几个小时左右将更改的内容复制到 _diff 文件夹中并进行部署。在我的情况下，CSS 保留在 C:\liferay-portal-6.1.0\tomcat-7.0.23\webapps\\css\
  2. 另外，如果您知道 liferay 现在支持Sass。因此，您正在编写 Sass“部署”可能是您最有可能的选择。但我也想出了一种方法来加快这个过程。安装ruby ​​（如果您在 Windows 中，则在 Mac 中预装它）> 安装Compass > 并创建一个空白指南针项目。启动“指南针手表”。在 IDE 中打开 scss 文件和编译后的 css 文件。"compass watch" 将轮询您的 scss 文件中的更改，并将编译后的输出放入 css 文件中。每隔一段时间，您可以将 css 输出复制到主题文件夹中的 css 文件中，或者直接复制到 chrome/safari 中的 firebug 或 web-inspector 中。

我发现这些是比每次部署或完全在 firebug/web-inspector 上开发更快的开发实践。

此外，如果有人知道更好的方法，特别是仅部署 CSS/JS （或者如果不编写 Scss 则简单复制），请告诉我们。

于 2012-04-06T12:18:37.743 回答
1

我们已经为多家公司进行了许多 LifeRay 定制，但您的问题太模糊，我们无法回答。如果您只是想更改一些颜色和字体，那么编辑 CSS 就可以了，但如果您想完全更改布局，那么您需要深入研究模板文件并开始使用 XHTML。

提供更多详细信息，我们可能会朝着正确的方向推动您：D

于 2010-01-18T14:26:16.730 回答
0

您可以使用 liferay 插件 sdk 制作您的自定义样式，可以在这里找到：http ://www.liferay.com/downloads/liferay-portal/additional-files

包含一个主题文件夹，您可以在其中创建一个新主题。Liferay 在这里生成一个基本主题作为样板，然后您可以对其进行自定义和部署到您的 liferay 安装。

于 2010-02-09T07:02:27.847 回答
0
于 2011-05-11T15:18:08.050 回答