中文网站怎么转换成中英文多语网站(自动翻译切换)
如何让一个网站同时给多个国家用户浏览,常用的方法就是制作多语言网站。通过切换按钮可以切换不同的语言版面,并且自动翻译成对应国家的语言。如下图:
那么如何将一个普通的中文网站转换成多语言网站呢?如何你是WORDPRESS网站,可直接使用WordPress 中英文多语言网站自动翻译插件,如果你是其它类型网站,可以尝试以下的方法。
方法/步骤
第一步:下载网站自动翻译JS插件,这个JS插件支持中文、英文、俄文、德文、法文等等几十个网站的语言;将JS文件上传到自己的网站主机上;
第二步:使用以下的代码在自己的网站底部引入JS插件;
<script src="js/translate.js"></script>
<script>translate.execute();</script>
第三步:调用语言切换按钮。语言切换按钮有二种方式,一种是直接显示的方式,一种是下拉选择的方法。
直接显示的方式:
<ul class="translate_switch">
<li><a class="english" href="javascript:translate.changeLanguage('en');"><!-- 英语 --></a></li>|
<li><a class="chinese" href="javascript:translate.changeLanguage('zh-CN');"><!-- 简体中文 --></a></li>|
<li><a class="chinese_tw" href="javascript:translate.changeLanguage('zh-TW');"><!-- 繁体中文 --></a></li>
</ul>
<style>
.translate_switch li{ display: inline;padding-right: 4px; }
.translate_switch .english:after{ content:'English' }
.translate_switch .chinese:after{ content:'简体中文' }
.translate_switch .chinese_tw:after{ content:'繁体中文' }
</style>
下拉选择的方法:
<div id="translate"></div>
只需要将以下的代码放到自己想要显示切换按钮的位置即可。通过以上的操作,一个纯中文的网站就可以转换成多语言网站了。