文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章标签

如何实现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
相关内容
WP基础:固定链接设置

本文介绍WordPress网站的固定链接设置,这是一项基础的WordPress设置,固定链接对SEO也有一定的影响。固定链接结构应该在网站创建之初或者网站上线之前设置好。 WordPress 中的固定链接是什么? 固定链接实际上就是用户通过浏览器访问某一个页面的唯一的地址,之所以称其为固定链接,就是

阅读全文 »
WP基础:搜索引擎可见性设置

通常我们安装启动一个新的WordPress网站,WordPress的基础设置中默认的搜素引擎可见性是开启的,但是我们在制作网站的过程中,网站内容是不完备的,所以并不希望搜索引擎索引网站的页面。 我们可以通过WordPress基础设置中的阅读设置页面,勾选上【 建议搜索引擎不索引本站点】,这样搜索引擎

阅读全文 »
Elementor的操作记录和修订版本

本文介绍如何借助Elementor的操作记录和修订版本进行Elementor页面恢复操作? 如果你在找古腾堡编辑器的修订版本的操作方法,请阅读《古腾堡编辑器的修订版本》 Elementor目前有2种画布窗口模式,所以我会分别介绍修订版本操作在哪里进入编辑。 如果你是传统的画布窗口 在编辑窗口左侧工具

阅读全文 »
WordPress语言设置基础教程

本文介绍WordPress语言设置基础教程,WordPress默认的语言是英文,但是支持非常多语言,你可以根据你的需求,将网站的语言设置成其他语言,同时还可以单独设置后台语言。 如何进行WordPress语言设置? 安装好WordPress网站之后,就可以设置网站的默认语言,在网站后台的Settin

阅读全文 »
Elementor Floating Buttons移动端全宽不生效

Elementor新出的Floating Buttons功能,发现了Mobile Bar的移动端全宽不生效,这个问题我在本地测试发现所有的Mobile Bar模版的移动端全宽开启都不生效。 根据排查的方法,我也进行了一些的排查工作,发现问题任然存在。 于是通过自定义CSS代码,修复了这个问题。 CS

阅读全文 »
文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章标签
想快速搭建一个完全属于自己的外贸独立站?
本站提供专业的外贸建站服务,如果你不想自己花时间精力搭建网站,可以将你的需求告诉我,我来帮助你搭建一个专业外贸独立站!
文章导航
文章分类
文章标签
建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!