淘宝商城月销5000件

OpenCms运行环境

OpenCms运行环境

TemplateTwo 建站实例之四:网站首页完善

作者【袁海明】 时间【2009-12-16】 浏览【2,717】

本文主要讲述首页内容的完善:设置首页为三列布局,并为左右两列分别添加文本区块信息,具体步骤如下:

1、创建文本区块文件:

进入_info_目录,新建文件text_locale,类型为tttextbox(Template Two Textbox),内容暂时不用编辑,如下图:

TemplateTwo实例——创建文本区

图1(新建text_locale文件)

2、设置首页为三列布局:

首先要配置三列布局文件,编辑_config_目录下的3preset文件,编辑后的内容如下图所示:

 TemplaetTwo实例——创建三列布局

图2(创建三列布局,左右列宽度分别为200px)

三列布局创建之后,接下来就要设置首页文件采用此布局,编辑首页文件index.html,切换到”Configuragion“标签页面,编辑后效果如下图:

 TemplateTwo实例——设置首页为三列布局

图3(设置首页为三列布局)

Preset:设置首页为三列布局,选择”三列布局“,就是我们之前刚刚编辑的3preset文件;

Element—>Box:设置区块显示的文件,点击右侧的文件夹图标,选择第一步创建的text_locale文件;

Element—>Orientation:设置区块显示的位置,选择”Left“;

Element—>Color Schema:设置区块显示的样式,此处选择”Box Schema 1“。

编辑完成后,此时首页的浏览效果如下图:

 TemplateTwo实例——首页浏览

图4(三列布局首页浏览)

3、为首页左侧列text_locale区块添加内容:

在图4的状态下,点击左侧列text_locale区块的编辑图标(类似眼睛的圆圈图标),此操作与直接在工作区编辑text_locale文件一样,编辑后内容如下:

 TemplateTwo实例教程——编辑Texbobox内容

图5(编辑text_locale文件内容)

编辑后首页浏览效果如下图:

TemplateTwo实例——首页浏览

图6(添加左侧列区块信息后的首页浏览)

此时的首页左列已经添加了一个关于TemplateTwo汉化模块发布的区块信息,用同样的方法,在右侧列增加一个关于TemplateTwo介绍的区块信息tt_introduce,步骤与上述相同,不再详述,首页编辑、浏览效果分别如图7、图8所示

TemplateTwo实例——为首页添加右侧区块

图7(为首页添加右侧列区块信息,位置为右侧,样式为Box Schema 2)

TemplateTwo实例——首页浏览

图8(首页浏览:三列布局,左右列各一个文本区块信息)

现在的首页已经是一个标准的三列布局页面,使用如上的方法,左、中、右三列可以添加多个区块信息,在后的文章中还会不断对首页内容进行添加,下一篇文章主要讲述为站点创建栏目、设置导航信息等。

0条评论 »

还没有任何评论。