WordPress 上最流行、最简单的多语言切换工具

发表于 分类于 ，
详细介绍WordPress最流行的多语言切换工具GTranslate的安装配置方法，对比免费版与付费版功能，支持Elementor和WooCommerce的完整教程

GTranslate** 是 WordPress 上最流行、最简单的多语言切换工具之一。

🌍 一、GTranslate 的优势

功能 免费版 付费版（Pro）
使用 Google 翻译自动翻译 ✅ ✅
自定义语言切换样式（国旗+语言名） ✅ ✅
SEO 多语言 URL（/en/, /fr/ 等） ❌ ✅
自定义翻译文本 ❌ ✅
支持 WooCommerce、Elementor 等 ✅ ✅

⚙️ 二、安装与设置步骤

1️⃣ 安装插件

在 WordPress 后台：

插件 → 安装插件 → 搜索 “GTranslate” → 安装并启用

2️⃣ 设置语言选项

进入：

设置 → GTranslate

主要配置：

  • Widget Look（外观样式）：
    选择样式，例如：

    • “Dropdown with flags”（下拉带国旗 ✅）
    • “Nice dropdown”
    • “Flags with language names”

  • Show floating language selector
    → 如果希望它固定在页面侧边，也可以启用浮动版本

  • Show in menu
    → 可以选择放在页眉菜单中显示

  • Default language
    → 设置你的默认语言（例如 Chinese / zh-CN）

  • Widget code
    → 你也可以用短代码 [gtranslate] 插入到任意位置（菜单、页脚、侧栏等）

3️⃣ 添加到菜单（像你截图那样）

进入：

外观 → 菜单 → 添加自定义链接
在链接文字里输入：

1
[gtranslate]

保存菜单后，它会自动替换成语言切换下拉框。

4️⃣ （可选）自定义样式

GTranslate 会生成类似：

1
2
3
4
5
6
7
<div class="gtranslate_wrapper">
  <select class="glink">
    <option value="en">🇺🇸 English</option>
    <option value="fr">🇫🇷 Français</option>
    ...
  </select>
</div>

你可以在 外观 → 自定义 → 额外CSS 里微调样式：

1
2
3
4
5
6
7
8
9
#gtranslate_selector {
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 14px;
}
.gtranslate_wrapper select {
  border: 1px solid #ccc;
  background-color: #fff;
}

💡 三、补充说明

  • 免费版的翻译是实时通过 Google Translate API 生成的（不会创建独立语言 URL）；
  • 如果你需要多语言 SEO（比如 /en/, /fr/ 这样的子路径），就需要升级到 GTranslate Pro；
  • 免费版非常适合展示类网站或个人博客；
  • WPML / Polylang / TranslatePress 更适合需要精准翻译或多语言 SEO 的网站。