如果您仅需要制作一个单页网站,仅需要当前页面被访问到不需要页面跳转,点击菜单的链接时,页面自动滚动到页面的相关节点的锚点处。那么这篇文章就是为你量身定制的。跟着我的教会你如何设置
设置页面导航菜单
进入系统后台后,根据路径“ 页面与菜单 -> 菜单管理 ” ,来到菜单设置页面,原系统默认名称叫“站点主菜单”。系统支持存在多个菜单导航,并给不同页面配置不同的菜单。
- 保留原来的菜单结构,新建一个新的菜单(推荐)
- 或者清空原来的菜单后,在原菜单的基础上修改
step1,创建菜单
新建一个新的菜单并保存,这里给这个新的菜单命名为“单页菜单”,点击创建菜单。
step2,填充栏目信息
此时菜单的栏目是空的,我们开始为菜单填充栏目和描点ID。距离操作如下!
科普一下描点ID如何设置:首页的描点ID默认值是“#”号。其他页面的描点ID值可以任意取名字,格式为“#name”。注意“#”号是必须填写的
- 第一个栏目,我们添加“首页” 在链接文本处写“首页”,描点信息写在URL中填写“#”。然后点击添加菜单
- 第二个栏目,关于我们,描点信息填写在URL中,ID设置为 #aboutus
- 依次添加第三个栏目,产品介绍,描点信息填写在URL中,ID设置为 #introduce
- 最后点击保存菜单
step3,进入页头菜单
进入页头模板,将菜单替换成我们新建的菜单,路径【页面与菜单】-【模板页面】,点击菜单导航组件,将目标菜单替换为我们刚才设置的“单页菜单”,然后保存
step4,进入目标页面
这里拿首页举例了。【页面与菜单】-点击【首页】编辑按钮
进入页面后,点击页面中“关于我们”的节点,在左边控制板中选择【高级设置】-【css样式】,在css id 出填写我们前面设置的描点名字“aboutus”
接着设置下一个节点,点击页面中“产品介绍”的节点,在左边控制板中选择【高级设置】-【css样式】,在css id 出填写我们前面设置的描点名字“introduce”
到这里我们的单页面就设置好了,保存发布后可以预览效果。
关于菜单导航设置的其他关联文章可以参考:
评论