当前位置: 代码迷 >> Web前端 >> liferay portal4 制造一个布局
  详细解决方案

liferay portal4 制造一个布局

热度:583   发布时间:2012-11-23 00:03:43.0
liferay portal4 制作一个布局
制作开始
第一步:创建布局模版文件
/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 的路径名。
第三部:重启服务
制作完毕