学做网站培训课程介绍

当前位置:

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

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

中英文多语网站

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

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

发表评论

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

相关教程

  • Dreamweaver是一款常用的网站创建工具,下面介绍一下Dreamweaver建网站的方法与步骤。学会Dreamweaver的使用对于我们自己建网站有很大帮助。下载安
  • 下载一个dedecms网站系统:鉴于有部分人不会如何下载dedecms这个系统,可以在怎么做网站教程里有提供下载;购买一个网站空间:所谓的网站空间,就是
  • 网站模板建网站是一种相对简单的建站方式,可以通过安装网站模板来快速搭建一个网站。对于一些想快速搭建网站的人来说,网站模板建网站是一种非常不错
  • 繁体字 网站怎么制作 (13463 次浏览)
    繁体字 网站是一种网站字体全部为繁体字的类型网站,它的制作方法与我们普通网站制作是类似的。但需要我们单独安装繁体字字体包。下面学建站网介绍一
  • 怎么做多语种网站 (13434 次浏览)
    多语种网站是指用一个域名,做好几种语言的网站。下面介绍一下多语种网站制作方法与步骤。方法/步骤1本地网站语种为英语,增加一个西语的二级目录
  • 怎么自己做一个商城网站,下面介绍一下商城网站建设步骤1.应用自助搭建工具想不敲代码.不做设计,简单的方法就是通过自助搭建工具来实现商城网站建
  • 如何创建一个企业网站 (13521 次浏览)
    企业网站是比较多的网站类型,它是企业在互联网宣传的平台,那么如何创建一个企业网站呢?其实步骤都是差不多的。下面介绍一下创建一个企业网站的步
  • 新手学习网站建设需要有以下基本的条件:电脑熟练操作,使用电脑最好在一年以上;会打字,懂基本电脑知识;基本的电脑软件会使用;新手学习网站
  • 现在很多人想做外贸英文网站,那么怎么做英文网站呢?制作英文网站建议使用WordPress程序。WordPress制作英文网站只需三步就可以完成。第一步:下载W
  • 家教网站不同于其他企业网站,家教网站的最大特点是体现正规、服务特色、服务案例,所以在家教网站制作的过程,要着重注意网站首页的排版和结构。下