CSS 到 Liferay 主题答案

【问题标题】：CSS to Liferay themeCSS 到 Liferay 主题
【发布时间】：2013-09-13 05:21:46
【问题描述】：

我有一个 CSS 网页设计，我想转换成 Liferay 主题。这可能吗？

我正在使用 Liferay 6.1 Ga2 与 Tomcat 7 和 Liferay SDK for java。

任何建议将不胜感激！

提前致谢

【问题讨论】：

你能说得更具体点吗？ Liferay 有一个包含主题的插件 SDK。你试过了吗？

标签： liferay liferay-6 liferay-velocity liferay-ide liferay-theme

【解决方案1】：

如果你有 CSS 设计，那么你可以在你的主题中使用它。但是请确保如果您使用任何 liferay OOB portlet，那么您还必须自定义这些 OOB portlets CSS。

afaik,无法将 css 设计直接转换为 liferay css 结构。

【讨论】：

【解决方案2】：

来自学习过 Liferay 的具有网页设计师背景的人。您需要扩展基本主题并开始对其进行自定义。您可以通过 liferay SDK 创建主题来做到这一点。然后它将所有文件复制到 /docroot/diffs/*

在那里你会看到一个 css 文件夹，在那里你会看到一个 custom.css 文件，这是你想要添加你的 css 属性的文件。它具有设置元素和属性的最高/最后优先级。

如果要自定义模板引擎，需要查看 /docroot/diffs/templates 下的速度模板。如果您不熟悉它，请复制您正在播放的文件，这样您就不必把它全部吹走并在搞砸时重新开始。但基本上 Velocity 很容易学习。如果您想通过 /docroot/diffs/images/custom/ 文件夹通过主题将图像直接嵌入 liferay 中的速度，这里有一段代码可以工作。

<img src="$themeDisplay.getPathThemeImages()/custom/image_name.png" id="logo" />

【讨论】：

【解决方案3】：

我建议保持 portal_normal.vm 与默认的 portal_normal.vm 相似，因为这样升级会更容易。

【讨论】：