本站示例:
功能说明:
- 可以设置不同图标
- 后台增加或者删除语言
- 开源无加密,可以自己再扩展
- 支持所在国家自动切换语种(一键部署)
使用了translate开源库组件,可实现多种语言全自动切换能力,详细介绍可以去开源地址查看
使用方法:
简单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
暂无评论内容