如何使用语言栏组件?

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

语言栏

【组件简介】语言栏组件实现多个语言版本的网站之间的快速切换。

【应用场景】语言栏组件一般应用在有多个语言版本的网站,添加语言栏组件后,可以实现多个语言版本的网站链接的相互切换,语言栏组件也有多种展示风格,可以是纯文字的形式、纯国旗图标的形式,也可以是国旗图标+文字混合排版的方式,可以是平铺也可以是下拉菜单的形式,请根据实际的应用位置选择合适的组件风格。

 
【使用方法】

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

七达通科技建站05
 
2)     在白色框内输入账号和密码,点击登录。
七达通科技建站06
 3)     点击编辑网站,进入网站后台。
七达通科技建站07
 4)      把要操作的页面切换为当前页面。把鼠标放到“当前页面”四个字眼的右侧区域,弹出下拉菜单,在自定义页面或系统页面中找到相关页面,单击此页面名称(不要单击页面名称后面的按钮),即可切换为当前页面。
选择页面

 
5)     在当前页面,把鼠标放到要添加社交关注组件附近的区域,出现黑色小水滴,将鼠标移到黑色小水滴上,水滴呈现蓝色,单击蓝色小水滴,弹出”添加组件“对话框;
添加组件入口
 
6)      添加“语言栏”组件。在基础组件中,在左边第六个找到“ 语言栏 ”组件,单击“ 语言栏 ”,弹出“设置 语言栏 ”窗口。
    添加语言栏组件
 

2、如何设置语言栏组件?
在弹出的“”设置语言栏“”窗口,可以设置语言栏的内容和风格。
或者通过如下入口也可进去语言栏组件的设置项:把鼠标放到语言栏组件区域,左上角出现组件名称,把鼠标移到“语言栏”三个字右侧的第一个按钮处即“设置”,单击它即可进去设置项中。
语言栏组件

内容:
 
选择显示的语言版本:在这里会显示您所购买的语言,若想要显示出来就在语言版本前面的框内单击鼠标,有黑勾出现在框内代表您已选中,然后保存即可。
  设置语言栏
 
语言栏位置:可以设置语言栏显示在一行内的位置,若想要选择语言显示的位置显就在样式前面的圈内单击鼠标,有蓝点出现在圈内代表您已选中,然后保存即可
左对齐:居于所在行的最左边,若有多行则靠左对齐
居中:居于所在行的中间,若有多行则居中对齐
右对齐:居于所在行的最右边,若有多行则靠右对齐
选择语言栏对齐方式
 
风格:语言栏组件也有多种展示风格
纯文字的形式:多适合简约风格的网站
纯国旗图标的形式:带有国旗图标,显得更生动
国旗图标+文字混合排版的形式:图标更明显清晰
可以是平铺也可以是下拉菜单的形式:多个语言时不会占用太多空间
请根据实际的应用位置选择合适的组件风格,若想要选择某种风格,单击它,当边框变成蓝色代表您已经选中,然后保存即可。
选择语言栏风格
 
图标:可以将球星显示在语言栏前面,想要选中某个风格,单击它,当框变成蓝色代表您已选中
无:不显示图标
地球:在语言栏前显示地球型图标
选择后保存即可。
选择语言栏图标
 
设置按钮样式:当在选择语言栏风格中选择了最后一种默认蓝色风格,对话框底部就会出现设置按钮样式。
设置按钮样式
 
高度:拖动滚动条或者直接在输入框内填写数字,即可设置语言栏高度。
左右间距:拖动滚动条或者直接在输入框内填写数字,即可设置语言栏左右间距。
文字大小:拖动滚动条或者直接在输入框内填写数字,即可设置语言栏文字大小,一般字体最小为14号字,为了显示合理语言栏字体不宜过大。
背景色:单击下拉箭头,选择需要的背景颜色。
文字色:单击下拉箭头,选择需要的文字颜色,然后保存即可。
设置语言栏按钮样式
 
设置下拉列表样式:当在选择语言栏风格中选择了最后一种默认蓝色风格,对话框底部就会出现设置下拉列表样式。若您只购买了一种语言,那么就不会显示下拉列表。
列表宽度:拖动滚动条或者直接在输入框内填写数字,即可设置下拉列表宽度。
行高:拖动滚动条或者直接在输入框内填写数字,即可设置下拉列表每一行行高。
文字大小:拖动滚动条或者直接在输入框内填写数字,即可设置下拉列表文字大小。
背景色:单击下拉箭头,选择需要的背景颜色。
文字颜色:单击下拉箭头,选择需要的文字颜色。
鼠标滑过:单击下拉箭头,选择需要的鼠标滑过背景颜色,然后保存即可。
设置语言栏下拉列表样式

          微信公众号

阿里巴巴国际站

网站建设

知识圈

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