Liferay 主题开发核心知识点
1. 自定义资源路径配置
在主题中引用 JS 和静态资源时,需使用特定的变量路径:
<script src="${javascript_folder}/jquery-1.11.3.js"></script>
<img src="${images_folder}/img/kk-2.jpg">
CSS 引入方式如下,通过 main.css 导入其他样式文件:
@import url(animate.min.css);
2. 主题热部署特性
主题是 Liferay 中唯一支持热部署的模块,主要涉及以下配置:
2.1 面包屑导航
使用以下代码定义面包屑导航区域:
<nav id="breadcrumbs">#breadcrumbs()</nav>
2.2 Portlet 标题控制
可通过修改模板取消 Portlet 默认名称显示:
<h1 class="portlet-title">
$theme.portletIconPortlet()
<span class="portlet-title-text">$portlet_title</span>
</h1>
2.3 Portlet 内容包裹逻辑
配合 portlet.vm 调整 Portlet 放置位置,修改相关代码块可影响退出时的 JS 执行状态:
<div id="content">
#if ($selectable)
$theme.include($content_include)
#else
$portletDisplay.recycle()
$portletDisplay.setTitle($the_title)
$theme.wrapPortlet("portlet.vm", $content_include)
#end
</div>

