如何添加WordPress语言切换器

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

在您的 WordPress 网站上添加语言切换器并翻译内容，让访客能够用自己的语言阅读，这有助于您开拓新市场，为搜索引擎优化（SEO）和提升在线曝光度创造更多机会，并帮助您赢得新受众的信任。不确定该使用哪个插件？请查看我们对最佳 WordPress 语言切换器插件的对比评测。

借助Weglot ，您无需编写代码即可为您的WordPress网站或WooCommerce 商店添加多种语言，并在翻译内容正式发布前，在上下文中逐一审核每处翻译。

本文将提供详细的分步指南，指导您如何为网站添加WordPress语言切换器，并如何根据网站设计进行个性化定制。

教程：WeglotWeglot为WordPress添加语言切换器

WordPress 语言切换器是一种导航组件，可让访客选择其偏好的语言，并在网站的不同语言版本之间进行切换。您只需安装一个翻译插件，选择所需语言，然后通过短代码将切换器放置在菜单、小工具区域或页面中，即可将其添加到任何 WordPress 网站。

Weglot 2.0 是在您熟悉的“Weglot ”基础上开发的： 这是一个基于人工智能 的 WordPress 翻译插件，可自动添加语言切换器，利用围绕您品牌打造的 AI 翻译技术无需编写代码即可翻译您的网站，并生成带有 hreflang 标签和已翻译元数据的、符合 SEO 要求的语言子目录。您可以选择将 WordPress 语言切换器添加到网站的多种位置，包括菜单、小工具或 HTML 页面的源代码中。 

在本教程中，我们将向您网站的导航栏添加一个语言切换器。默认情况下，Weglot 会将语言切换器添加到网站的右下角。接下来，我们将向您展示如何通过插件设置或访问Weglot中的Visual Editor 来移动它，在“切换器编辑器”中，您还可以更改其设计。 

步骤 1：安装并激活Weglot

在您的 WordPress 网站上安装并激活“Weglot ”插件。然后，创建一个Weglot 账户：在设置过程中，您需要输入网站的 URL，选择源语言和目标语言，并设置“品牌语调”和“翻译指南”，以确保翻译内容符合您的写作风格。您可以在Weglot 控制面板中管理和编辑翻译内容，并复制专属的 API 密钥以供集成使用。

步骤 2：连接Weglot 选择语言

在 WordPress 仪表盘中点击“Weglot ”选项卡，打开 “设置”，然后粘贴您的 API 密钥。您的原始语言以及在创建项目时选择的语言会显示在下方（如需后续更改，请前往您的Weglot 控制面板）。点击“保存”。 

第 3 步：检查您的网站和语言切换器

您的 WordPress 网站现已支持多语言！Weglot 自动检测Weglot 您网站的内容，利用人工智能将其翻译，并显示在相应的语言子目录下。

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

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

Weglot默认设计，您现在可以通过多种方式自定义WordPress语言切换器的样式和位置。

自定义您的WordPress语言切换器

要开始进行基本自定义，请转到 Weglot > 设置 。 “语言切换器” 部分是您设置显示位置的地方：菜单中、小工具中、通过短代码，或页面源代码中（我们将在下面详细说明）：

语言切换器的样式在“切换器编辑器”中进行设置，当您点击网站上的语言切换器时，该编辑器会从Weglot的Visual Editor 页面打开。在编辑器中，您可以选择：

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

此外还有一个 自定义 CSS 字段供您输入自定义选择器，我们稍后会详细说明。现在，让我们自定义语言切换器，使其显示语言名称而不显示国旗，但保留下拉菜单。

要实现这一点，请关闭“标志”并开启“完整语言名称”，然后点击 “保存”，然后查看您的网站：

‍“

您可能还想进行一些高级自定义设置。例如，让我们在导航菜单或侧边栏中显示语言切换器。

语言切换器位置选项

您可以在以下五个位置显示Weglot 切换器：

• 菜单：进入“外观”>“菜单”，选择您的菜单，勾选 Weglot ，然后将其拖动到指定位置。
• 小工具：进入“外观”>“小工具”，然后添加 Weglot 到任何小工具区域（页眉、侧边栏或页脚）。
• 短代码：将 [weglot] 粘贴到您希望显示切换器的任何页面、文章或模板中。
• HTML / 源代码：直接在页面的 HTML 中添加切换器，以实现对位置的完全控制。
• 悬浮按钮：将切换器固定在屏幕的某个角落，确保用户滚动页面时它始终可见（Weglot默认设置）。

Weglot切换器可与所有 WordPress 主题兼容，包括 FSE 主题和块式主题。

若要控制语言切换器的显示位置，请返回 “语言切换器” 部分，位于 Weglot > 设置 （如上图所示）中的语言切换器部分，并点击卡片上对应您所需位置的链接。在此示例中，我们将进入“外观”>“菜单”，并通过拖放操作调整菜单中各项的顺序。 

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

虽然语言切换器位于页眉中，但显示效果不理想。您也可以使用内联语言代码，而不是下拉菜单。

高级语言切换器样式设置

这里需要使用 CSS。在“切换器编辑器”（下文将详细介绍）中，关闭下拉布局，显示语言代码而非全称，并添加一些用于字体、颜色和文字粗细的选择器，以便切换器与您的网站设计相匹配。前端显示效果如下：

通过合理布局和几行CSS代码，您就能快速轻松地Weglot语言切换器定制样式，使其与您的网站风格完美契合，无需复杂的模板编辑、HTML或PHP编码技能。 

请注意，自定义 CSS 修改完全是可选的。您可以通过“切换器编辑器”中的现成选项来调整和更改设计。 

要打开它，请访问Weglot的Visual Editor ，然后点击网站上的语言切换器。切换器编辑器会显示在实时预览旁边，因此您可以实时看到每次更改的效果，其 自定义 CSS 面板（点击 “编辑自定义 CSS” 可显示该输入框）正是用于放置上一步中选定器的位置： 

在控制面板中设置位置和布局，然后点击“保存”，更改即会在您的 WordPress 网站上生效。 

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

语言切换者通常可分为以下四类：

• 不存在。 换句话说， 网站根本不提供翻译。
• 很难找到。语言切换按钮可能隐藏在导航栏或其他位置，迫使用户像玩捉迷藏一样四处寻找，从而带来极差的用户体验。
• 易于查找。相比之下，WordPress的语言切换器通常位于清晰且相关的位置，例如页眉或页脚。
• 非常容易找到。 如果WordPress语言切换器位于醒目的屏幕位置（例如页眉），您将 获得好运。这能让您快速选择正确的语言。

因此，让网站访客轻松选择首选语言并为国际网站访客提供友好的用户体验至关重要。在理想的情况下，您应该不需要附加组件就能做到这一点。有鉴于此，请考虑以下几点：

1. 谨慎选择语言选项。您可以启用所有语言并不意味着您应该启用所有语言；您应该只启用您需要的语言。 
2. 让语言切换器易于查找。将其置于页眉或页脚都是不错的选择。在移动设备上，语言切换器通常作为菜单项出现在主导航栏中。
3. 为您的WordPress语言切换器设计专属样式，使其与网站风格完美契合。虽然 默认的通用语言切换器看似便捷，但根据网站视觉风格进行定制化调整才是明智之选。
4. 为所选语言选择旗帜或名称。 虽然旗帜因多种原因（色彩鲜艳、标志性强、节省空间）而吸引着设计师的使用，但旗帜并不是为描述语言而设计的。这就带来了各种问题。

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

只要使用合适的插件，在您的网站上添加 WordPress 语言切换器非常简单。借助Weglot ，您将自动获得语言切换器功能，从第一天起即可享受完整的 AI 翻译服务，包括图片内文本的图像翻译，以及全面的编辑控制权，无需开发人员介入。该插件在后台运行，随着您的内容变化，会实时更新符合您品牌风格的翻译内容。 您还可以通过 在Weglot 仪表盘中启用自动重定向功能：该功能会检测访客的浏览器语言，并自动向其提供网站的正确语言版本。

Weglot 该平台在设计时也充分考虑了多语言搜索引擎优化（SEO）。它会为网站的每个翻译版本自动创建语言子目录，添加 hreflang 标签，并翻译元数据，从而确保搜索引擎和基于人工智能的发现服务从上线第一天起就能找到并收录所有语言版本。

选择一款在开发时就考虑了多语言 SEO 的 WordPress 翻译插件。得益于自动生成的语言子目录、已翻译的元数据以及 hreflang 标签的实现，Weglot 能够全面处理您多语言网站的技术、SEO 和翻译方面的工作。

准备好在您的网站上添加一个 WordPress 语言切换器了吗？立即开始使用Weglot免费套餐Weglot Weglot， 无需信用卡。