其他分享
首页 > 其他分享> > Liferay自定义主题

Liferay自定义主题

作者:互联网

编译出主题默认文件

  1. 使用开发工具新建theme模块
  2. 点击theme模块对应gradle或maven的build
  3. 进入${theme项目}/build/buildTheme目录查看主题默认编译出的所有问题

定制自己的主题(以全局添加bootstrap为例)

  1. 注意下述目录不存在可新建,可参照${theme项目}/build/buildTheme/中目录结构

  2. 将bootstrap.css(网上下载)文件复制到src/main/webapp/css目录

  3. 将bootstrap.js(网上下载)文件复制到src/main/webapp/js目录

  4. 将${theme项目}/build/buildTheme/templates/portal_normal.ftl复制到src/main/webapp/templates目录

  5. 修改portal_normal.ftl文件head部分,添加bootstrap.css引用

    <link rel="stylesheet"  rel="stylesheet" href="${css_folder}/bootstrap.css" />
    
  6. 修改portal_normal.ftl文件body部分,添加bootstrap.js引用

    <script type="text/javascript" src="${javascript_folder}/bootstrap.js"></script>
    
  7. 重新build项目,查看${theme项目}/build/buildTheme/templates/portal_normal.ftl文件已经是定制过的

标签:bootstrap,自定义,normal,主题,buildTheme,ftl,theme,build,Liferay
来源: https://blog.csdn.net/yichengjie_c/article/details/118805600