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

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

 

设置页面导航菜单

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

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

 

 

 

step1,创建菜单

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

 

 

step2,填充栏目信息

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

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

 

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

 

 

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

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

 

  • 最后点击保存菜单

 

step3,进入页头菜单

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

 

 

 

step4,进入目标页面

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

 

 

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

 

 

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

 

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

 

 

 

 

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

如何编辑站点导航菜单

导航菜单组件(示例)

 

 

评论

动物园-马戏团-游乐场-旅游景区网站模板
编号:000013
IT培训-计算机编程培训-java培训-python培训-大数据培训网站模板
编号:000111
医院诊所门诊-牙科医院-骨科医院-美容整形医院-儿科医院-妇女儿童医院-妇科医院-男科医院网站模板
编号:000250
VR眼镜虚拟现实公司-元宇宙科技
编号:000178
商务酒店-青旅-民宿-青年旅馆网站模板
编号:000213
电影制作-影视制作-影视公司-影业公司-影视视频制作公司网站模板
编号:000041
数据加载中...
数据加载中...

产品标题

剩余 0

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

立刻分享给好友

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

知道了