文章分类
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至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
相关内容
Elementor Popup设置点击连接弹出的2种方法

本文介绍Elementor Popup设置点击连接弹出的2种方法法,在Elementor中创建一个Popup弹出框,我们可以通过多种方式进行点击有弹出设置。 方法一:通过Elementor元素Link的动态标签设置弹出 这种方法仅限于在Elementor编辑中使用,任何带有Link选项的链接都可以进

阅读全文 »
2步解决ACF自定义产品固定链接中没有分类的问题

本文介绍如何解决ACF自定义产品固定链接中没有分类的问题,目前使用ACF(Advanced Custom Fields)创建的自定义内容类型默认是不注册分类的固定链接的,WordPress设置中的固定链接修改也对其无效,这样当我们创建产品和产品分类的时候,产品页面的固定链接中就不包含产品分类的信息。

阅读全文 »
Zapier Webhook 实现询盘提交关键词过滤和邮件转发教程

本文介绍如何使用Zapier Webhook 实现询盘提交关键词过滤和邮件转发教程,将Zapier流程集成到Elementor Form中可以实现表单消息关键词过滤和转发。 此方法适合需要过滤垃圾关键词询盘邮件消息的用户,一般表单安全验证主要是防止机器人提交垃圾信息,但是无法阻止人工发送的垃圾询盘,

阅读全文 »
如何通过CSS控制文本的行数?

我通常在使用Elementor Loop Items模版制作产品列表时,会使用CSS代码来控制一下摘要的行数,这样内容看起来比较整齐。 如果你直接选择的摘要元素,是可以控制文本单词数量。 但是如果你使用的摘要内容是一个自定义字段,通过文本元素去获取和展示,将没有长度选项去控制,这是我会通过下面的CS

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