在使用H5页面的过程中,添加一个导航菜单按钮,能让你随心所欲去到你要看的页面。那么H5页面的导航功能怎样添加呢?下面让小编利用凡科微传单的H5页面模板给大家简单介绍一下。
1、先登录凡科微传单平台,选择一个H5页面模板,然后进入设计页面,在设计H5页面上方工具栏目里,选择控件,再选择导航。
2、添加成功后,把按钮移动到合适的位置上。选中导航按钮后,看见H5页面设计右方的工具栏,可以根据个人需求选择导航的样式、导航主题颜色和图标颜色。在链接列表一块,通常该微传单一共有多少页下方的栏目就会多少栏,也可以通过底下的+号能够增加栏目。
3、选中其中一个栏目点击编辑。
在栏目编辑界面,可以看到相对应的栏目指向相对应的页面,那么这时候可以给栏目改一个名称,方便区分页面。当然这个指向不局限于页面,也可以选择指向外链和淘宝APP,选中后就下方输入框输入网址即可。后在下方可以给栏目选择预设图标或者用户上传图片自定义图标,然后选择图标颜色。
4、动画效果,可以根据个人需求选择给按钮添加动画效果。
接下来的每个页面都是一样这个步骤设计。
通过以上的步骤,H5页面的导航设计就完成了,添加好导航按钮,就可以随心随意选择想要去的页面,大家赶紧通过H5页面模板制作起来吧!