如何在Liferay 7.2中编辑经典主题?

时间:2019-09-11 12:41:08

标签: liferay liferay-theme liferay-7.2

我试图从本质上在liferay 7.2上重新创建经典主题,但是这样做存在问题。我尝试从github下载包含所有内容的liferay文件夹,以便可以在那里获取主题文件夹表单,但是,这不起作用,因为当我尝试将主题部署回本地主机时,它只会返回错误。

如果有更好的方法来简单地编辑标题和navbar portlet,以使其看起来像经典主题一样,那也将有很大帮助。

So this ss shows the result of gulp deploy with the folder from github

And this ss is the result of a custom folder with gulp deploy

2 个答案:

答案 0 :(得分:0)

这就是我的工作

  1. 使用Liferay主题生成器创建主题
  2. github复制或下载更改,然后将所有更改保存在src文件夹中
  3. gulp构建或gulp部署

您应该拥有自己的经典主题版本。

答案 1 :(得分:0)

我在尝试扩展经典主题时也遇到了类似的问题(即使不推荐),但是有了 liferay 的新样式书功能,这是我们加快主题创建的好机会。

我已经使用“yo liferay-theme”生成器创建了一个基本主题项目来构建我的主题并部署它,一切正常。 然后我从 lifery frontend-theme-classic github repo 下载了必要的文件: [https://github.com/liferay/liferay-portal/tree/7.3.x/modules/apps/frontend-theme/frontend-theme-classic][1][1]:https://github.com/ liferay/liferay-portal/tree/7.3.x/modules/apps/frontend-theme/frontend-theme-classic 我在 WEB-INF 目录下添加文件夹:css、图像、模板和一些必要的更改。 当我运行 gulp build 时,我收到一个关于未定义变量的错误:

<块引用>

开始'build:compile-lib-sass'... [23:21:28] 'build:compile-lib-sass' 在 1.94 秒后出错 [23:21:28] 错误 插件 'gulp-sass' 消息: build_css\custom_properties_custom_properties_variables.scss 错误:未定义变量:“$btn-link”。 在 build/_css/custom_properties/_custom_properties_variables.scss 的第 10 行 来自 build/_css/_custom_properties.scss 的第 1 行 来自 build/_css/_custom.scss 的第 13 行 来自 build/_css/main.scss 的第 21 行

<块引用> <块引用>
         link: $btn-link,

--------^

详情: 状态:1 文件:C:/Users/sgFSJESO/ump-theme/build/_css/custom_properties/_custom_properties_variables.scss 线:10 列:9 格式化:错误:未定义变量:“$btn-link”。 在 build/_css/custom_properties/_custom_properties_variables.scss 的第 10 行 来自 build/_css/_custom_properties.scss 的第 1 行 来自 build/_css/_custom.scss 的第 13 行 来自 build/_css/main.scss 的第 21 行

<块引用> <块引用>
         link: $btn-link,

如果有人解决了这个问题,我很乐意理解为什么。