学做网站培训课程介绍

中文网站怎么转换成中英文多语网站(自动翻译切换)

如何让一个网站同时给多个国家用户浏览,常用的方法就是制作多语言网站。通过切换按钮可以切换不同的语言版面,并且自动翻译成对应国家的语言。如下图:

中英文多语网站

那么如何将一个普通的中文网站转换成多语言网站呢?如何你是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>

只需要将以下的代码放到自己想要显示切换按钮的位置即可。通过以上的操作,一个纯中文的网站就可以转换成多语言网站了。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

X学做网站论坛微信二维码

微信号:xuewangzhan

(点击微信号复制,加好友咨询)

微信号已复制,请打开微信加好友后咨询!