栏目导航模块介绍

2023-06-21


一、功能效果

利用“栏目导航”模块可以达到点击左边的栏目,页面右边出现相应的内容的效果。

点击下图可访问示例网站测试效果。



二、功能说明

【版本】免费版及以上版本



三、设置教程

1. 新增栏目导航模块

进入电脑网站设计页面,在左侧导航栏点击【模块-新增模块-基础】,添加【栏目导航】模块。



2. 新增栏目

在【栏目导航】模块上新增栏目。(栏目类型选择“默认”,代表新增一个空白页面)。



3. 完成模块信息

如需展示公司电话、邮箱、地址等,则分别添加这三个信息的栏目并设置显示。添加完成后点击保存。



4. 设置版式

点击页面左侧导航的【样式-版式】,选择显示“区域1和区域2”,绿色则代表已选中显示



5. 加到指定栏目

首次添加了栏目导航到左侧后,鼠标右键栏目导航,选择【加到指定栏目】,在弹窗中将要展示出来的栏目选中添加到右框栏目中。


注意:如果未设置栏目导航【加到指定栏目】,点击任意栏目进入的页面显示是空白的,没有左侧的栏目导航。


此时可返回添加【栏目导航】模块的页面,将【栏目导航】模块右键点击加到指定栏目(详见步骤5)

或点击左侧【添加模块】新增【栏目导航】模块,并将已添加过的栏目设置显示。



6. 为栏目导航添加内容

点击栏目导航中相应的栏目,在页面的右侧添加想要展示的内容。

(例如,页面左侧需要分别点击“公司电话、公司邮箱、公司地址”,在这三个页面的右侧分别添加“文字模块、文字模块、在线地图模块”,即可实现点击左侧的标题,右边出现相应内容的效果。



7. 完成效果

完成后的效果如下,点击左侧的标题,右侧能出现相应内容,您还可以给模块设置好看的样式和动画,让模块与您的网站设计效果更加贴合。




四、常见问题

Q:为什么我点击导航栏目进入后右侧没有添加模块的按钮?

A:在右侧导航点击【样式-版式】,再次勾选版式1和2即可。




免费使用