在之前的文章中，我们已经创建了首页，设置首页为三列布局，并为左右列添加了文本区块信息，中间列为首页文件信息，本文开始为网站添加栏目和导航信息，进一步完善网站内容。

添加栏目、导航：

OpenCms中没有栏目的概念，我们可以把一个文件夹(包含文件夹下内容，文件夹下可再添加子栏目，也就是子文件夹)或是一个文件当做一个栏目。接下来我们为网站创建两个栏目：“新闻公告”和“联系我们”，分别是文件夹类型和文件类型的栏目。

• “新闻公告”栏目创建、添加到导航：在网站根目录下创建文件夹”news“，设置Title属性为”新闻公告“，并添加到导航，导航文字为”新闻公告“，查看导航创建方法；
• “联系我们”栏目创建、添加到导航：在网站根目录下创建文件contactus.html，类型为Page with free text，选择模板(Template)OpenCms Template Two，设置Title属性为”联系我们“，并添加到导航，导航文字为”联系我们“。

结果如下图：

图1(创建栏目后站点文件夹结构)

此时首页浏览效果如下图：

图2(添加栏目后首页浏览)

我们没有写一行代码就已经实现了动态导航的功能，是的，TemplateTwo已经包含了导航的实现，并且提供了4种样式，我们在以后的文章中会对导航的程序实现再做说明。

添加首页到导航：

我们在之前已经创建了首页文件index.html，现在我们为index.html设置导航信息，导航文字为“首 页”，并设置导航位置为首位，注意导航部分的变化，浏览如下图：

图3(添加“首页”导航的效果)

修改导航样式：

编辑页面样式配置文件_config_/style，修改Main Menu为Dolphin，浏览效果如下图，可以看到导航样式的变化，TemplateTwo提供了四种样式的主导航，其它的样式大家可以测试一下效果：

图4(修改导航样式后的主页浏览)

接下来的文章我们将会为栏目添加内容，进一步填充网站的内容。

【版权声明】：凡署名“袁海明”的文章皆为本人原创，交流和联系平台是OpenCms中文网(www.opencmschina.com)，敬请注意。本声明亦为文章内容的一部分，不得擅自修改。如若转载本人作品，必须保留作者、链接及本声明!谢谢合作!