跳到主要内容
返回文章列表

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

作者:Amine Sayagh

分类指南

日期


蓝色极简插画:网站导航栏中带有地球图标的语言选择器和下拉菜单。

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

具体步骤取决于两点:由哪个多语言插件管理你的语言,以及你的主题使用的是经典菜单,还是基于区块的站点编辑器。切换器通常由多语言插件提供;而在区块主题中,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 菜单中添加语言切换器,请先确认你使用的是经典菜单还是站点编辑器。然后按照你所用多语言插件的说明操作,保存正确的菜单或页眉,并在已翻译的页面和移动端测试语言切换。

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

相关指南

来源

核对于 2026 年 10 月 7 日。