如何在 WordPress 中创建有效的语言下拉菜单

已发表: 2023-04-01

将您的网站翻译成多种语言对您的用户很有帮助,对您的流量也大有裨益。 当访问者看到他们可以用他们的语言阅读您网站上的内容时,他们会停留更长时间。 只要您提供翻译,为什么不让用户尽可能轻松地切换到他们喜欢的语言呢? 使用 TranslatePress,有多种方法可以显示语言下拉列表:

  • 菜单下拉
  • 小部件或页脚下拉菜单
  • 浮动选择器

在这篇文章中,我将向您展示如何使用它们。 但首先,让我们谈谈有效的语言下拉列表的构成要素。

设计有效的语言下拉菜单

就像网站设计的任何方面一样,一切都以用户为中心。 当我们谈论语言下拉菜单或切换器时,您需要注意的主要事情是您网站的访问者将如何查看它并与之交互。

您可以做出的一项重要设计选择是,是用您网站的母语显示语言,还是显示特定的语言。 例如,在英语网站上,您可以将语言显示为“Espanol”,而不是“西班牙语”。 这有助于用户轻松识别他们的语言,并帮助他们立即舒适地浏览您的网站。

另一个有用的视觉指南是在语言旁边显示国家/地区的国旗。 在切换器中的语言文本旁边显示韩国国旗可以让韩国访客立即认出它。

在规划网站布局时,考虑语言下拉菜单的位置也很重要。 每个站点都是独一无二的,因此您站点的最佳位置可能与其他站点不同。 再次考虑您的访问者将如何与您的网站互动。 考虑最明显的地方可能是显示下拉菜单的地方。 它可能位于右下角,但如果您在那里有其他重要内容,您可能需要考虑将其移至页面左侧。

如果您将语言下拉菜单放在页脚中,访问者会很容易发现它吗? 还可以考虑将语言切换器放在多个区域,例如侧边栏,甚至放在导航菜单中。

显示您的语言下拉列表的最重要因素是您想象您的特定用户如何最好地找到它并与之交互。

现在我们已经介绍了设计方面,让我们来看看如何将其全部付诸行动!

您的语言切换器设置

从 WordPress 仪表板(插件 → 添加新插件)安装免费的 TranslatePress 插件后,您需要做的第一件事就是访问您的设置。 您可以在设置 → TranslatePress下的 WordPress 仪表板菜单中找到它们。 在“常规”选项卡中向下滚动以找到“语言切换器”部分。

TranslatePress 设置的屏幕截图

您会看到三个选项,每个选项都有自己的设置:

  • 短代码
  • 菜单项
  • 浮动语言选择

对于每个选项,使用下拉菜单选择语言名称的显示方式。 例如,您可以选择Full Language NamesShort Language NamesFlags with Language Names等。

此外,浮动语言选择让您可以选择深色浅色主题,以及在页面上的定位。

做出选择并保存更改后,让我们继续在页面上显示下拉菜单。

显示您的语言下拉菜单

同样,显示您的语言下拉菜单是个人选择。 您可能需要尝试不同的设置和显示选项,直到找到最适合您网站的设置。

短代码

如果您在语言下拉菜单中使用短代码[language-switcher]选项,则可以在您网站上几乎任何接受短代码 Gutenberg 块的地方显示切换器。 使用短代码的最佳位置通常是在小部件中——您可以将其放在侧边栏或页脚中。

如果您使用块主题和完整的站点编辑,您还可以非常轻松地在页脚中添加短代码。

WordPress 站点编辑器的屏幕截图

在前端,您的访问者可以使用下拉菜单选择他们喜欢的语言。

带有语言下拉菜单的 WordPress 网站页脚屏幕截图

菜单项

如果愿意,您可以在导航菜单中显示语言下拉菜单。 TranslatePress 会自动将选项添加到 WordPress 以使其变得简单。 编辑菜单时,您会在可以添加的菜单项列表中看到语言切换器。

WordPress 菜单编辑器的屏幕截图

首先,选择当前语言和您希望在下拉列表中显示的任何语言。 单击添加到菜单。 然后,将语言排列为当前语言下的子项。

保存菜单后,您需要确保在站点标题中选择了适当的菜单——这取决于您的主题。 在前端,您的语言下拉菜单将出现在您的导航菜单中。

导航菜单中带有语言下拉菜单的 WordPress 标题屏幕截图

浮动语言选择

如果您想在每个页面上始终提供一个语言下拉列表,无论用户滚动到哪里,您都需要使用Floating Language Selection

如果您像我们之前介绍的那样在 TranslatePress 设置中启用了此选项,那么它将自动出现在您指定的任何位置——您无需执行任何其他操作!

在前端,浮动语言切换器显示为经过专业抛光的按钮。 单击可展开您提供的所有语言的选项。

带有浮动语言切换器的 WordPress 网站的屏幕截图

如果您使用的是付费版本的 TranslatePress,您可以显示任意多种语言。 但是,如果您只需要一种额外的语言,您可以使用免费版本。

使用语言下拉菜单让您的访客更轻松

您可以做很多事情来让访问者轻松选择首选语言。 在设计翻译网站时,请考虑以下选择:

  • 本地语言名称显示或您网站的语言;
  • 使用标志帮助用户快速识别他们的语言;
  • 语言下拉列表的位置。

您为用户提供的体验越好,他们就越有可能留在您的网站上——并返回!

TranslatePress 多语种

TranslatePress 是翻译您的 WordPress 网站的最简单方法。 它速度很快,不会减慢您的网站速度,适用于任何主题或插件,并且对 SEO 友好。

获取插件

或下载免费版

如果您对如何设置自己的语言下拉菜单有任何疑问,请随时在评论中告诉我们!