网站多语言切换插件 —支持前台切换

本站示例:

功能说明:

  • 可以设置不同图标
  • 后台增加或者删除语言
  • 开源无加密,可以自己再扩展
  • 支持所在国家自动切换语种(一键部署

使用了translate开源库组件,可实现多种语言全自动切换能力,详细介绍可以去开源地址查看

GITHUB开源地址

使用方法:

简单3步即可使用,本站右上角示例

1.引入js库

在网站HTML代码头部的位置插入以下代码,位于</head>之前:

<!-- 引入多语言切换的js -->
<script src="https://cdn.staticfile.net/translate.js/3.2.1/translate.js"></script>
<script>
	translate.selectLanguageTag.show = false; //不出现的select的选择语言
    translate.service.use('client.edge'); //设置机器翻译服务通道
	translate.execute();
</script>

2. 在页面最底部加入js代码

填写JS代码,不需要添加<script>标签:

//translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签,凡是在这里面的,都不进行翻译。
//translate.ignore.class.push('test');	//翻译时指定忽略的class name,凡是class name 在这里面的,都不进行翻译。如果不设置默认只有 ignore 这一个
//translate.setAutoDiscriminateLocalLanguage();	//设置用户第一次用时,自动识别其所在国家的语种进行切换
translate.setUseVersion2(); //设置使用v2.x 版本
translate.execute(); //执行翻译初始化操作,显示出select语言选择

3. 安装插件

wordpress建站,需安装以下插件,设置添加语种并启用

插件下载见下方附件

© 版权声明
THE END
喜欢就支持一下吧
点赞20赞赏 分享
评论 抢沙发
头像
欢迎留言
提交
头像

昵称

取消
昵称表情图片

    暂无评论内容