一页纸单页页网站的菜单配置,着陆页设置

如果您仅需要制作一个单页网站,仅需要当前页面被访问到不需要页面跳转,点击菜单的链接时,页面自动滚动到页面的相关节点的锚点处。那么这篇文章就是为你量身定制的。跟着我的教会你如何设置

 

设置页面导航菜单

进入系统后台后,根据路径“ 页面与菜单 -> 菜单管理 ” ,来到菜单设置页面,原系统默认名称叫“站点主菜单”。系统支持存在多个菜单导航,并给不同页面配置不同的菜单。

  • 保留原来的菜单结构,新建一个新的菜单(推荐)
  • 或者清空原来的菜单后,在原菜单的基础上修改

 

 

 

step1,创建菜单

新建一个新的菜单并保存,这里给这个新的菜单命名为“单页菜单”,点击创建菜单。

 

 

step2,填充栏目信息

此时菜单的栏目是空的,我们开始为菜单填充栏目和描点ID。距离操作如下!

科普一下描点ID如何设置:首页的描点ID默认值是“#”号。其他页面的描点ID值可以任意取名字,格式为“#name”。注意“#”号是必须填写的

 

  • 第一个栏目,我们添加“首页” 在链接文本处写“首页”,描点信息写在URL中填写“#”。然后点击添加菜单

 

 

  • 第二个栏目,关于我们,描点信息填写在URL中,ID设置为 #aboutus

  • 依次添加第三个栏目,产品介绍,描点信息填写在URL中,ID设置为 #introduce

 

  • 最后点击保存菜单

 

step3,进入页头菜单

进入页头模板,将菜单替换成我们新建的菜单,路径【页面与菜单】-【模板页面】,点击菜单导航组件,将目标菜单替换为我们刚才设置的“单页菜单”,然后保存

 

 

 

step4,进入目标页面

这里拿首页举例了。【页面与菜单】-点击【首页】编辑按钮

 

 

进入页面后,点击页面中“关于我们”的节点,在左边控制板中选择【高级设置】-【css样式】,在css id 出填写我们前面设置的描点名字“aboutus”

 

 

接着设置下一个节点,点击页面中“产品介绍”的节点,在左边控制板中选择【高级设置】-【css样式】,在css id 出填写我们前面设置的描点名字“introduce”

 

到这里我们的单页面就设置好了,保存发布后可以预览效果。

 

 

 

 

关于菜单导航设置的其他关联文章可以参考:

如何编辑站点导航菜单

导航菜单组件(示例)

 

 

评论

工程建设-建筑公司-市政环保企业网站模板
编号:000150
宠物医院-宠物医生-宠物美容院--宠物寄养中心网站模板
编号:000014
田园农场-农业-种植业-水果种植基地-果园-瓜果蔬菜企业网站模板
编号:000008
幼儿园-托儿所-早教中心-幼儿培训-早教机构网站模板
编号:000098
建筑师资格培训-建设工程职称-建造师-造价师培训考试网站模板
编号:000128
工程建设-建筑公司-市政环保企业网站模板
编号:000149
数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了