本文主要讲述首页内容的完善:设置首页为三列布局,并为左右两列分别添加文本区块信息,具体步骤如下:
1、创建文本区块文件:
进入_info_目录,新建文件text_locale,类型为tttextbox(Template Two Textbox),内容暂时不用编辑,如下图:

图1(新建text_locale文件)
2、设置首页为三列布局:
首先要配置三列布局文件,编辑_config_目录下的3preset文件,编辑后的内容如下图所示:

图2(创建三列布局,左右列宽度分别为200px)
三列布局创建之后,接下来就要设置首页文件采用此布局,编辑首页文件index.html,切换到”Configuragion“标签页面,编辑后效果如下图:

图3(设置首页为三列布局)
Preset:设置首页为三列布局,选择”三列布局“,就是我们之前刚刚编辑的3preset文件;
Element—>Box:设置区块显示的文件,点击右侧的文件夹图标,选择第一步创建的text_locale文件;
Element—>Orientation:设置区块显示的位置,选择”Left“;
Element—>Color Schema:设置区块显示的样式,此处选择”Box Schema 1“。
编辑完成后,此时首页的浏览效果如下图:

图4(三列布局首页浏览)
3、为首页左侧列text_locale区块添加内容:
在图4的状态下,点击左侧列text_locale区块的编辑图标(类似眼睛的圆圈图标),此操作与直接在工作区编辑text_locale文件一样,编辑后内容如下:

图5(编辑text_locale文件内容)
编辑后首页浏览效果如下图:

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

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

图8(首页浏览:三列布局,左右列各一个文本区块信息)
现在的首页已经是一个标准的三列布局页面,使用如上的方法,左、中、右三列可以添加多个区块信息,在后的文章中还会不断对首页内容进行添加,下一篇文章主要讲述为站点创建栏目、设置导航信息等。
【版权声明】:凡署名“袁海明”的文章皆为本人原创,交流和联系平台是OpenCms中文网(www.opencmschina.com),敬请注意。本声明亦为文章内容的一部分,不得擅自修改。如若转载本人作品,必须保留作者、链接及本声明!谢谢合作!




0条评论 »
还没有任何评论。