# 如何在 WordPress 菜单中添加语言切换器

> 了解如何借助常用多语言插件在 WordPress 菜单中添加语言切换器，以及在经典主题和站点编辑器中需要检查的事项。

- URL: https://www.lingowp.com/zh/blog/wordpress-caidan-tianjia-yuyan-qiehuanqi/
- Author: Amine Sayagh
- Category: 指南
- Published: 2026-10-11
- Language: zh

主菜单里的语言切换器，能让访客在浏览网站时清楚地选择另一种语言。对小型企业或网店来说，这会让翻译后的页面和商品信息更容易被找到。

具体步骤取决于两点：由哪个多语言插件管理你的语言，以及你的主题使用的是经典菜单，还是基于区块的站点编辑器。切换器通常由多语言插件提供；而在区块主题中，WordPress 的导航区块是编辑菜单结构的地方。

本指南由 LingoWP 发布。

## 开始之前

请确认你的多语言插件已启用，并且已配置好语言。如果希望切换器把访客带到当前页面的翻译版本，请先发布并关联这些翻译。

不同插件的回退行为各不相同。例如，Polylang 表示，其切换器在有翻译时会链接到当前页面的翻译，否则会链接到对应语言的首页。当某种语言没有已发布的内容时，它还可以在前台隐藏该语言。

接下来，确认你的主题如何处理导航：

- **经典主题：** 在后台查找 **外观 → 菜单**。
- **区块主题：** 查找 **外观 → 编辑器**，然后编辑页眉模板或其中的导航区块。

导航区块允许你以区块的形式编辑菜单项，因此对于这类主题，插件可能会提供兼容的切换器区块或其他放置方式。

## 方案一：把切换器添加到经典菜单

如果你的后台有 **外观 → 菜单**，可以尝试以下步骤：

1. 打开 **外观 → 菜单**。
2. 选择分配给网站主导航或页眉导航的菜单。
3. 找到多语言插件提供的语言切换器选项。
4. 将它添加到菜单中，调整到想要的位置，然后保存菜单。
5. 在另一个浏览器标签页中打开你的网站，在一个已翻译的页面上测试切换器。

具体的菜单标签和设置取决于插件。

### TranslatePress

TranslatePress 会引导用户前往 **外观 → 菜单**，在其中的 **Language Switcher** 区域选择语言并将它们添加到菜单。随后你可以调整各项的顺序，并配置语言名称和旗帜的显示方式。

### Polylang

Polylang 说明可以在菜单页面中添加 **Languages switcher**。如果找不到该选项，请检查它的元框是否在 **显示选项** 中被隐藏。你可以配置是否显示当前语言、旗帜或语言名称。

### WPML

WPML 在其设置中提供语言切换器的控制项。选择菜单位置，并配置语言顺序、旗帜、列表或下拉布局以及语言标签等选项。

保存之后，请确认该菜单已分配给你的主题实际显示的位置。添加到未使用菜单中的切换器不会出现在页眉里。

## 方案二：在区块主题中添加切换器

如果你的网站使用站点编辑器，请打开 **外观 → 编辑器**，然后编辑包含导航的页眉或模板部件。选中导航区块，查找多语言插件提供的语言切换器区块。

各插件的支持情况不同。Polylang 当前的文档指出，在导航区块中使用其语言切换器是 **Polylang Pro** 的功能，并提示你可能需要先添加一个普通的导航区块，语言切换器区块才会出现。

TranslatePress 的文档介绍了适用于 WordPress 编辑器的 Language Switcher 区块，以及适用于经典菜单的菜单项方式。如果在区块主题的导航中找不到相关选项，请查阅插件当前的说明，了解其支持的放置位置。它的通用区块可能是为页面内容或其他位置设计的，而不是用于导航本身。

编辑完页眉后，请保存更改，并在桌面端和移动端预览网站。导航区块包含菜单在移动端如何显示的设置，但选择器的外观也取决于你的主题和插件。

## 选择清晰的切换器设计

访客应当无需猜测就能明白这个控件的作用。可以考虑以下几点：

- 显示语言名称，例如 **English** 和 **Français**，而不要只依赖旗帜。旗帜代表的是国家，不一定是语言。
- 如果页眉空间有限，或网站支持多种语言，请使用下拉菜单。
- 如果访客需要一眼看到所有可用语言，请使用简短、可见的列表。
- 让控件在移动端容易点按，并与菜单的其余部分保持一致。
- 检查标签、颜色和焦点状态在页眉背景上是否依然清晰可读。

大多数多语言插件都提供一些关于语言顺序、标签、旗帜或布局的选项，不过可用的设置各不相同。

## 在依赖切换器之前先测试

测试的范围不要只限于首页：

1. 打开一个已有翻译版本的页面。
2. 切换语言，确认访客到达了对应的页面（如果存在的话）。
3. 试试没有翻译的页面，检查回退行为。
4. 在桌面端页眉和移动端菜单中检查切换器。
5. 确认显示的每一种语言都对访客可用，并且指向可正常访问的内容。

这对商店和展示型网站同样重要。如果顾客在商品页面切换语言，请检查翻译后的商品页面是否存在，以及控件的表现是否符合预期。不要假设每个插件处理缺失翻译的方式都相同。

## 故障排查：为什么看不到语言切换器？

### 外观 → 菜单中没有切换器选项

检查插件是否已启用，并在 **显示选项** 中查看是否有被隐藏的语言切换器面板。Polylang 明确说明，其元框可以在那里被禁用。

### 没有 外观 → 菜单 页面

你的网站可能使用的是区块主题。请在站点编辑器中编辑页眉，并检查你的多语言插件是否支持在导航区块中放置切换器。支持情况可能因产品和方案而异，请在插件当前的文档中核实。

### 选择器出现在错误的位置

检查你编辑的是哪个菜单或页眉模板部件，并确认当前启用的主题正在使用它。

### 前台缺少某种语言

检查该语言是否已启用并且有已发布的内容。有些插件在没有可链接的已发布内容时会隐藏该语言。

### 切换器在移动端看起来不一样

预览移动端导航，如果你的插件和主题提供相关控制项，请调整布局或位置。例如，TranslatePress 的文档说明了桌面端和移动端菜单切换器的单独配置。

## 实用要点

要在 WordPress 菜单中添加语言切换器，请先确认你使用的是经典菜单还是站点编辑器。然后按照你所用多语言插件的说明操作，保存正确的菜单或页眉，并在已翻译的页面和移动端测试语言切换。

如果找不到切换器选项，请先查看插件对你主题的放置支持情况，再考虑使用自定义代码。

## 相关指南

- [如何不使用插件翻译 WordPress 网站](/zh/blog/fanyi-wordpress-wangzhan-wuxu-chajian/)
- [WordPress 多语言插件价格](/zh/blog/wordpress-duoyuyan-chajian-jiage/)
- [LingoWP 如何处理多语言网站内容](/zh/)

## 来源

*核对于 2026 年 10 月 7 日。*

- [WordPress.org: Navigation block documentation](https://wordpress.org/documentation/article/navigation-block/)
- [WPML: Add a Language Switcher to Your WordPress Site](https://wpml.org/documentation/getting-started-guide/language-switcher-options/)
- [TranslatePress: Language Switcher documentation](https://translatepress.com/docs/settings/language-switcher/)
- [Polylang: The language switcher](https://polylang.pro/documentation/support/guides/the-language-switcher/)
- [Polylang: Navigation menus](https://polylang.wordpress.com/documentation/setting-up-a-wordpress-multilingual-site-with-polylang/navigations-menus/)