Other/其他

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

阿里云

如何让一个网站同时给多个国家用户浏览,常用的方法就是制作多语言网站。通过切换按钮可以切换不同的语言版面,并且自动翻译成对应国家的语言。如下图:
中文网站怎么转换成中英文多语网站(自动翻译切换)
那么如何将一个普通的中文网站转换成多语言网站呢?如何你是 WordPress 网站,可直接使用 WordPress 中英文多语言网站自动翻译插件,如果你是其它类型网站,可以尝试以下的方法。

section

第一步:下载网站自动翻译 JS 插件,这个 JS 插件支持中文、英文、俄文、德文、法文等等几十个网站的语言;将 JS 文件上传到自己的网站主机上;

也想出现在这里?联系我们
创客主机

第二步:使用以下的代码在自己的网站底部引入 JS 插件;

  1. <script src="js/translate.js"></script>
  2. <script>translate.execute();</script>

第三步:调用语言切换按钮。语言切换按钮有二种方式,一种是直接显示的方式,一种是下拉选择的方法。

直接显示的方式:

  1. <ul class="translate_switch">
  2. <li><a class="english" href="javascript:translate.changeLanguage('en');"><!-- 英语 --></a></li>|
  3. <li><a class="chinese" href="javascript:translate.changeLanguage('zh-CN');"><!-- 简体中文 --></a></li>|
  4. <li><a class="chinese_tw" href="javascript:translate.changeLanguage('zh-TW');"><!-- 繁体中文 --></a></li>
  5. </ul>
  6. <style>
  7. .translate_switch li{ display: inline;padding-right: 4px; }
  8. .translate_switch .english:after{ content:'English' }
  9. .translate_switch .chinese:after{ content:'简体中文' }
  10. .translate_switch .chinese_tw:after{ content:'繁体中文' }
  11. </style>

下拉选择的方法:

  1. <div id="translate"></div>

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

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

已有 206 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!