专注WordPress外贸建站实用教程,提供基于WordPress的外贸建站服务!
文章分类
文章标签

如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】

文章导航

本文介绍如何通过GTranslate免费版插件实现WordPress网站多语言自动翻译,多语言自动翻译可以帮助不同语言的用户阅读网站的内容。

什么是WordPress网站多语言自动翻译?

网站多语言自动翻译本质并不算多语言网站,它是通过翻译插件实现的页面自动翻译,实际效果和我们使用浏览器翻译插件翻译页面是一样的,它不会生成其他语言的页面,翻译的结果是机器自动翻译的结果,不能人工校验和修改。

什么是WordPress网站多语言自动翻译?

多语言自动翻译页面和多语言切换页面有什么区别?

对比项多语言自动翻译多语言切换
费用插件和翻译都是免费插件授权和翻译都需要收费
配置和管理配置和管理操作简单配置和管理相对复杂
是否生成多语言页面不生成针对每个语言生成一个独立的页面
是否有利于SEO帮助不大由于会生成其他语言的页面,更有利于SEO
是否可以校对和修改翻译不可以可以

如何使用GTranslate插件实现WordPress网站多语言自动翻译?

1)安装GTranslate插件

直接在网站后台在线安装GTranslate插件。

直接在网站后台在线安装GTranslate插件。

2)GTranslate多语言自动翻译配置

安装并启用GTranslate插件之后,可以在网站后台设置菜单下看到GTranslate菜单,点击进入配置页面。

image 19 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

在小部件选项中你可以设置小部件的外观以及勾选需要翻译的语言。

设置你喜欢的翻译小部件外观形式,并在右侧的预览效果中可以看到用户看到的小部件展示效果。

image 21 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

设置翻译的原语言,一般是选择你网站的默认语言。

image 22 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

设置二级目录或者二级域名作为翻译页面的URL,这是高级功能,是实现多语言页面的,这里跳过即可。

image 23 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

显示母语名称,勾选则会使用对应的语言显示翻译小部件中的语言名称,该选项针对部分外观生效。

image 25 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

根据浏览器语言自动切换,勾选后会根据用户浏览器语言自动显示翻译的语言。

image 26 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

启动CDN服务

image 27 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

设置翻译小部件自动显示在对应的默认菜单中。

image 28 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

设置浮动小部件展示的位置。

image 29 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

小部件的CSS选择器,你可以自定义选择器名称,用于重写小部件CSS代码。

image 30 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

设置国旗图标的大小。

image 31 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

设置国旗图标的效果,有2D和3D两种。

image 32 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

勾选你需要翻译的语言。

image 33 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

设置翻译语言的默认国旗,比如英语就有很多国家,你可以选择美国或者加拿大。

image 34 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

设置完成之后保存设置即可。

3)将自动翻译小部件添加到网站前端

GTranslate提供了多种方式在前端展示翻译小部件。

方法一:将小部件添加到菜单中

这个方法需要使用主题默认的页眉菜单才能实现,我测试了Elementor Header是无法实现的。

勾选小部件要显示的默认菜单,比如主题的默认菜单,勾选之后翻译小部件会自动显示在菜单选项中。

image 35 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

方法二:使用浮动小部件

使用浮动小部件,将翻译小部件浮动显示在网站左上角,右上角、左下角、右下角。

image 36 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

这里我设置在了左下角,如果你觉得位置或者外观不满意,可以通过修改外观风格和CSS代码来重写浮动小部件的样式。

image 37 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

方法三:通过短码添加到某一个位置

这是我最常用的方法,比较方,可以添加小部件到你想添加的任何地方。

image 38 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

你还可以通过短码定义小部件的显示内容。

image 39 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

在古腾堡中添加翻译小部件短码:

通过简码Block添加翻译小部件到也买中的任意位置。

image 40 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP
image 41 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

以下是我添加的翻译小部件实际效果,你可以点击翻译页面。

在Elementor中添加翻译小部件短码:

在Elementor中通过Shortcode小部件添加翻译小部件到任意位置。

image 42 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP
image 43 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP

我通过短码将翻译小部件添加到了网站页眉,添加之后看到的效果如下图:

image 45 - 如何实现WordPress网站多语言自动翻译【GTranslate免费版教程】 - NUTSWP
想快速搭建一个完全属于自己的外贸独立站?
本站提供专业的外贸建站服务,如果你不想自己花时间精力搭建网站,可以将你的需求告诉我,我来帮助你搭建一个专业外贸独立站!
微信联系我
Whatsapp联系我
文章分类
文章标签
专注WordPress外贸建站实用教程,提供基于WordPress的外贸建站服务!
外贸建站交流群
广告勿扰
企业微信
文章导航
文章分类
文章标签
建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!