制作开始
第一步:创建布局模版文件
/layouttpl/custom/下添加三个文件:
2_3_columns.tpl web布局模版文件
2_3_columns.wap.tpl wap布局模版文件(不支持wap可以不添加)
2_3_columns.gif 布局模版效果图
2_3_columns.tpl内容如下:(css样式在/html/themes/风格包/css/layout.css中定义)
<div class="columns-2-3" id="content-wrapper">
<table id="layout-grid">
<tr>
<td class="lfr-column twentyfive" id="column-1" valign="top">
$processor.processColumn("column-1")
</td>
<td class="lfr-column seventyfive" id="column-2" colSpan="3" valign="top">
$processor.processColumn("column-2")
</td>
</tr>
<tr>
<td class="lfr-column twentyfive" id="column-3" valign="top">
$processor.processColumn("column-3")
</td>
<td class="lfr-column fifty" id="column-4" colSpan="2" valign="top">
$processor.processColumn("column-4")
</td>
<td class="lfr-column twentyfive" id="column-5" valign="top">
$processor.processColumn("column-5")
</td>
</tr>
</table>
</div>
第二部 将做好的布局模版文件加入配置文件中
/WEB-INFO/liferay-layout-templates-ext.xml
<?xml version="1.0"?>
<!DOCTYPE layout-templates PUBLIC "-//Liferay//DTD Layout Templates 4.3.0//EN" "http://www.liferay.com/dtd/liferay-layout-templates_4_3_0.dtd">
<layout-templates>
<custom>
<layout-template id="3_2_3_columns" name="3列-2列-3列">
<template-path>/layouttpl/custom/3_2_3_columns.tpl</template-path>
<wap-template-path>/layouttpl/custom/2_2_columns.wap.tpl</wap-template-path>
<thumbnail-path>/layouttpl/custom/3_2_3_columns.gif</thumbnail-path>
</layout-template>
<layout-template id="2_3_columns" name="2列-3列">
<template-path>/layouttpl/custom/2_3_columns.tpl</template-path>
<wap-template-path>/layouttpl/custom/2_2_columns.wap.tpl</wap-template-path>
<thumbnail-path>/layouttpl/custom/2_3_columns.gif</thumbnail-path>
</layout-template>
</custom>
</layout-templates>
参数 id 定义该 template 的 ID 号, name 定义该 template 在 Add Content 中显示的名称, template-path 定义该 template 的路径名。
第三部:重启服务
制作完毕