如何使用按钮组组件?

浏览数量: 0     作者: 小七     发布时间: 2016-01-18      来源: 本站

按钮组组件

【组件简介】按钮组是具有按钮风格的快速导航。
 
【应用场景】可以用来展示多个链接,像一排按钮一样排列,方便用户直观的切换链接查看不同的页面。按钮组可以灵活的调整默认背景色、文字颜色、选中背景色、文字颜色等,每个按钮都可以添加对应的链接,可以是站内页面、外部链接、页面锚点、产品分类、文章分类等多种类型。

【使用方法】

1、如何添加按钮组组件?
  1)     打开浏览器输入 www.7datong.com  到达七达通科技云营销平台首页,点击右上角登录按钮。

七达通科技建站05
 
2)     在白色框内输入账号和密码,点击登录。
七达通科技建站06
 3)     点击编辑网站,进入网站后台。
七达通科技建站07
 
第四步:找到添加组件入口。把鼠标放到要添加 Google 组件的区域,出现小水滴(即添加组件按钮),单击小水滴,弹出“添加组件”弹出框;
添加组件 
 
第五步:添加“ 按钮组 ”组件。在基础组件中,找到“ 按钮组 ”组件,单击“ 按钮组 ”,弹出“设置 按钮组 ”窗口;
按钮组组件

2、如何设置按钮组组件?
在弹出的设置 按钮组 窗口,可以设置 按钮组 的内容和 风格
内容:
组件标题:根据需要可以输入组件标题,若不输入,标题也不会显示 ;
链接列表:点击右上角“批量添加链接”按钮, 可以在站内页面、外部链接、页面锚点、产品分类、文章分类选择;
设置按钮组1  
 
站内页面:您可以根据需要在站内页面下的系统页面或自定义页面勾选自己所需的按钮名称;
设置按钮组2 设置按钮组3  
 
外部链接:
您可以点击右边蓝色“添加链接”按钮,在新增链接窗口输入链接名称和链接地址点击保存即可;如果在添加导航内容窗口已有外部链接,可点击外部链接后的“修改”按钮进行再编辑;如果误操作或不需要此外部链接,可点击编辑后的删除按钮进行清除;
设置按钮组4 设置按钮组5  
设置按钮组6  
 
页面锚点:
您可以在页面锚点下已添加的锚点中勾选自己所需的锚点名称;
设置按钮组7  
 
产品分类:
您可以根据需要在产品分类下勾选自己所需的产品分类名称,也可点击右边蓝色“管理产品分类”按钮编辑您的产品分类信息;
设置按钮组8  
 
文章分类:
您可以根据需要在文章分类下勾选自己所需的文章分类名称,也可点击右边蓝色“管理文章分类”按钮编辑您的文章分类信息;
 
设置按钮组9  
 
如在此都没有所需按钮名称,可点击右边“添加自定义页面”,即出现页面设置界面,可根据所需填写页面名称,具体可点击蓝色字条“设置页面名称时需要注意什么”了解设置页面名称注意点与方法,页面 URL自行生成,同时根据需要可以设置访问权限。
设置按钮组10 设置按钮组补  
 
如何修改链接名称?:
修改链接名称方法遵循 链接列表后面“单击以修改链接名称”。将鼠标移动到需要更改的链接的名称上,左键单击链接名称,在链接名称下面出现白色框即可在其中更改链接名称。如果误操作或不想再要某一链接,点击链接后“删除”按钮即可清除;
如何设置链接在新窗口打开?:
将鼠标移动到需要新窗口打开的链接的名称上,左键单击链接名称,在链接名称下面出现“新窗口打开”字样,勾选前面方框即可设置链接在新窗口打开,如无此需要则不用勾选;
设置按钮组11  
 
如何调整链接顺序?:
排序方法遵循 链接列表后面“拖动调整链接顺序”。将鼠标放至需要挪动的导航条处,导航条显示黄色,鼠标左键长按需要挪动的链接上下移动链接的位置,当移动时虚线框显示在所要放置位置上下两个链接之间时松开鼠标即可完成链接顺序的调整;
设置按钮组12  
 
风格:
在此,您可以根据需要设置按钮的高度、宽度、按钮组的位置、按钮间水平间距、按钮上下外边距、按钮初始样式中的背景颜色、文字颜色、边框(改变颜色、线条样式及粗细)和圆角弧度以及按钮悬浮、选中样式中的背景颜色、文字颜色、边框(改变颜色、线条样式及粗细)和圆角弧度;
设置按钮组13  
 
设置按钮组14 设置按钮组15  

          微信公众号

阿里巴巴国际站

网站建设

知识圈

联系我们
  客服QQ:693557443
   服务顾问:18988788608  ( 微信 )
  邮箱:info@7datong.com
  地址 : 深圳市龙华区恒和国际大厦903室
Copyright © 深圳市七达通科技有限公司 All Rights Reserved 版权      互联网服务粤ICP备16005814号
   - 网站地图