如何添加 WordPress 语言切换器

您是否正在考虑为自己的网站添加 WordPress 语言切换器？如果是，请继续阅读！

在 WordPress 网站上添加语言切换器并翻译内容，让访客可以用自己的语言阅读，可以帮助您进入新的市场，为搜索引擎优化和在线可见度提供更多机会，并帮助您与新的受众建立信任。

要想获得全部收益（包括高投资回报率），就必须让访客在网站上通过易于查找、设计精良、使用直观的语言切换器简单地更换语言。

在本文中，我们将提供详细的分步指南，介绍如何为网站添加 WordPress 语言切换器，以及如何根据网站设计对其进行自定义。

教程：使用 Weglot 添加 WordPress 语言切换器

有了 WordPress的翻译插件 Weglot，添加WordPress 语言切换器就变得简单快捷了。 

有了 Weglot，您可以在 5 分钟内为网站添加多种语言，并且无需任何代码即可自定义设计。 

您可以选择在网站的不同位置添加 WordPress 语言切换器，包括菜单、小工具或 HTML 页面的源代码。 

在本教程中，我们将为网站导航添加语言切换器。默认情况下，Weglot 会将语言切换器添加到网站的左下方。然后，我们将向您展示如何通过设置或使用 Weglot 的语言切换器可视化编辑器来移动它。 

步骤 1

在你的 WordPress 网站上安装并激活Weglot 插件。然后，创建一个 Weglot 账户，在此管理和编辑您的翻译，并获取用于集成的唯一 API 密钥

‍

步骤 2 

点击 WordPress 仪表板上的 Weglot 标签，添加 API 密钥，选择网站的原始语言和要添加的语言，然后点击保存。 

步骤 3

您的 WordPress 网站现在可以使用多种语言了！Weglot 已自动检测到您网站的内容，使用第一层机器翻译进行翻译，并将其显示在语言子目录下。

请查看网站前端，您会在右下角看到一个新的 WordPress 语言切换器。

点击后，它会展开显示可用语言，让您选择并显示您喜欢的翻译。

这是 Weglot 自带的默认设计，您现在可以通过几种不同的方式自定义 WordPress 语言切换器的外观和位置。

自定义 WordPress 语言切换器

要开始进行基本定制，请进入 WordPress 后台的Weglot > 语言按钮设计（可选）。在此页面，您可以选择

• 是否使用下拉菜单
• 是否在切换器中使用标记，以及标记的类型
• 如果显示语言名称
• 只显示语言代码

‍

还有一个部分用于覆盖 CSS，并用自己的自定义选择器进行替换--我们稍后再讨论这个问题。现在，让我们自定义语言切换器，显示不带标志的语言名称，但保留下拉菜单。

为此，请取消选中 "有标志"，并选中 "是全名"，然后查看您的网站：

‍

您可能还想进行一些高级定制。例如，在导航中显示语言切换器。

有几种方法可以做到这一点：在菜单中、作为 widget、使用简码或 HTML。请注意，您不需要任何 PHP 知识，也不必访问核心模板。这让您无需专家经验就能获得开发人员级别的能力。

返回 WordPress 面板中的 Weglot 屏幕，然后向下滚动页面，直到看到显示语言切换器的选项：

‍

只需根据提示选择语言切换器的位置即可。在本例中，我们将转到 "外观 -> 菜单"，然后拖放切换器来更改菜单中的项目顺序。 

准备就绪并保存更改后，请再次查看前端：

虽然语言切换器位于页眉内，但它的显示方式并不正确。此外，您也可以使用内嵌语言代码，而不是下拉菜单。

这就是使用 CSS 的地方。首先，关闭 WordPress 中 Weglot 菜单的下拉设置。然后，勾选显示语言代码的复选框。

在这里，你可以使用覆盖 CSS文本区域来设置字体、颜色和文字大小的选择器，使其适合你的网站设计：

最后，看看你的前端设计：

通过正确的位置和几行 CSS，您就可以快速、轻松地设置 Weglot 语言切换器的样式，使其与您的网站相匹配，而无需复杂的模板编辑、HTML 或 PHP 编码技能。 

请注意，自定义 CSS 修改完全是可选的。您可以通过 WordPress 管理器中 Weglot 标签部分的选项移动和更改设计。 

如果您喜欢更直观的操作，也可以使用 Weglot 的语言切换器可视化编辑器： 

语言切换器可视化编辑器允许您控制与 WordPress 仪表板相同的设置。您只需将切换器拖动到您希望它出现的位置，然后点击 "保存 "即可在 WordPress 网站上进行更改。 

显示 WordPress 语言切换器的最佳实践

语言转换者通常分为两个具有相关属性的阵营：

• 不存在。 换句话说， 网站根本不提供翻译。
• 很难找到。语言切换器可能隐藏在导航栏或其他位置，迫使用户玩捉迷藏。
• 容易找到。相比之下，您可能会在一个清晰、相关的位置（如页眉或页脚）找到 WordPress 语言切换器。
• 非常容易找到。 如果 WordPress 语言切换器位于显眼的屏幕区域（如页眉），您就会有好运气。这可以让您快速选择正确的语言。

因此，让网站访客轻松选择喜欢的语言至关重要。在理想的情况下，您应该不需要附加组件就能做到这一点。有鉴于此，请考虑以下几点：

1. 谨慎选择语言。您可以启用所有语言并不意味着您应该启用所有语言；您应该只启用您需要的语言。 
2. 使语言切换器易于找到。最好将语言切换器放在页面的页眉或页脚，这两个位置都不错。对于移动设备，语言切换器通常会作为菜单项出现在主导航中。
3. 为 WordPress 语言切换器设计风格，使其与你的设计相匹配。 虽然使用提供的通用语言切换器可能很诱人，但定制它以匹配您网站的外观和感觉却是个好主意。
4. 为所选语言选择旗帜或名称。 虽然旗帜因多种原因（色彩鲜艳、标志性强、节省空间）而吸引着设计师的使用，但旗帜并不是为描述语言而设计的。这就带来了各种问题。

3 个成功转换语言的例子

在浏览网页时，你经常会看到语言切换器。但是，如果你不会说其他语言（或者没有寻找选项），你可能不会意识到它们的设计和在页面上的位置有多么不同。

1. 微软翻译器

Microsoft Translator网站允许访问者通过页面页脚附近的下拉菜单（或者在这里是 "上拉菜单"）从近 40 种语言中进行选择。他们还选择使用母语完整显示每种语言的名称。这样做可以让访问者一目了然地识别自己的语言，并确保语言切换选项一目了然。

我们喜欢你可以选择访问网站的地区版本，作为一个单独的选项。大品牌往往很难选择语言，而是迫使用户切换地区。

2. Etsy

作为一个供手工艺人出售手工制品的国际市场，Etsy提供精心设计的语言切换器也就不足为奇了。你可以在网站每个页面的页脚找到它。

您可以选择地区、语言和货币。点击后会弹出一个模态框，您可以在其中更改这些选项。这种设计非常巧妙，直观易用，用户可以选择自己的语言，而不必被重定向到网站的地区版本。

3. Evernote

流行的笔记应用Evernote保持了语言切换器的简洁性，使用页脚的下拉菜单来切换语言。

它很容易找到，并提供清晰的标签--"选择一种语言"。因此，如果您点击它，就会知道您将看到什么。

有时，如果没有必要，您并不需要复杂的语言切换器。毕竟，如果你妨碍了访客，可能会让他们对你的网站望而却步。

实现精心设计的 WordPress 语言切换器

有了合适的工具，在网站上添加 WordPress 语言切换器就变得非常简单。有了 Weglot，您不仅可以获得自动添加的语言切换器，还可以在没有开发人员的情况下更改设计。 

此外，Weglot 还为您提供第一层机器翻译，然后您可以对其进行完全编辑控制，因此您可以进行修改、添加队友，并订购专业翻译以完善译文。 

选择一款同时兼顾多语言搜索引擎优化的 WordPress 翻译插件。这要归功于自动创建的语言子目录、翻译的元数据、hreflang 标签的实施等！ 

准备好为您的网站添加 WordPress 语言切换器了吗？试试Weglot 的 10 天免费试用版； 无需信用卡。