TranslatePress多语言切换器如何自定义

TranslatePress多语言切换器可以直接在WordPress插件后台进行可视化自定义。进入设置面板的 Language Switcher 选项卡，无需编写任何代码即可调整切换器的位置、配色方案、旗帜样式、圆角半径及悬停动效等视觉参数，浮动按钮、简码和菜单项三种形态均可独立配置，快速实现与网站品牌风格的一致性。

TranslatePress插件：点击直达

为什么要构建自定义语言切换器

自定义语言切换器可以帮助改善多语言网站的设计、可用性、可访问性、可信度和有效性：

它确保这个用户界面的必要部分与你的网站其余设计良好搭配，从而实现一致的品牌形象、愉悦的用户体验和专业的印象。
访客可以更轻松地访问他们所需语言的内容，增加他们在网站上停留更长时间的可能性。这也增加了信任度，使你的网站更具吸引力。
你可以为有障碍的访客做出适当的设计选择，例如足够的颜色对比度和足够大的按钮。

最后，调整语言切换器设计的能力让你对网站外观有更多的自由和控制权。你可以尝试不同的切换器位置、形状、颜色、外观、字体，甚至自定义移动端设计。

TranslatePress多语言切换器如何自定义

TranslatePress多语言插件有许多原生选项来定制内置语言切换器，让你只需点击几下即可进行大幅更改。你可以在 WordPress 后台的设置 → TranslatePress → Language Switcher 中找到所有这些选项。

TranslatePress语言切换器中找到所有这些语言

默认的 TranslatePress 语言切换器有三个版本：

浮动按钮
简码（或区块）
菜单项

每个版本都有自己的自定义选项。让我们逐一介绍。

浮动语言切换器

你可以通过右侧的开关打开浮动切换器。左上角的预览窗口允许你看到它在页面上的样子。这个切换器会停留在你的网站顶部，并在访客浏览的每个页面上跟随他们。

在 Switcher Type（切换器类型）下，你可以首先决定语言是以下拉菜单形式显示，还是如果你的网站恰好提供两种语言，可以并排显示。下方有多个设计预设，只需单击即可启用。

此外，Customize Design（自定义设计）部分有数十个选项来调整切换器的几乎每个部分，例如：

背景颜色和悬停颜色
文字颜色（正常和悬停状态）
边框颜色、宽度和圆角半径（即角落的曲度）
下拉菜单的移动动画
旗帜和文字大小（正常或大）
旗帜图标形状（矩形或方形）

在 Customize Layout（自定义布局）下，你可以调整切换器的位置和其他外观部分。

自定义布局设置

具体来说，你可以：

将其放置在屏幕的左下角、右下角、左上角或右上角
调整按钮宽度
自定义内边距（即文字周围的内部空间）
将语言旗帜放置在名称之前或之后，或完全隐藏它们
显示完整的语言名称、其 ISO 代码（EN、DE 等），或不显示任何名称

请注意，你还可以为桌面端和移动端访客设置不同的选项。

最后是 Additional Settings（其他设置）。

它只有两个设置：

当你的WordPress独立站恰好有两种语言时，你可以决定切换器始终显示与当前激活语言相反的另一种语言。
你可以在浮动语言切换器中显示一个小的 “Powered by TranslatePress” 标签。

保存更改以使其永久生效。使用 Revert changes（恢复更改）按钮可恢复默认设置。

简码/区块语言切换器

简码设置提供的选项与浮动语言切换器类似。一个主要区别是，你可以将此切换器放置在网站的特定位置——如页脚或特定页面。

你可以在任何地方复制和粘贴它，使切换器显示在该特定位置。

然而，简码主要适用于经典主题。对于区块主题，TranslatePress 提供了一个专用的 Language Switcher 区块。

TranslatePress专用的Language Switcher区块

你可以以与浮动切换器几乎相同的方式更改按钮设计。

在 Additional Settings（其他设置）下，有一个额外的选项可以让语言切换器在点击时打开，而不是悬停时打开。

附加设置

菜单项切换器

最后，你可以选择将语言切换器作为菜单项添加到你的 WordPress 菜单中。

语言切换器添加到WordPress菜单中

这种切换器对经典主题也非常有用。对于使用区块的主题，使用上述 Language Switcher 区块可能更容易。

这个选项在自定义方面稍微有些限制，因为菜单设计与你的主题设计相关联。因此，这里唯一的自定义选项是旗帜图标位置和语言名称。你还会找到一个控制旗帜图标形状的设置（矩形、方形、圆角）。

这里的难点在于，你还需要从菜单设置中手动添加语言。这意味着导航到外观 → 菜单，并选择要添加切换器的特定菜单。

在外观菜单中选择要添加切换器的特定菜单

然后，从左侧的 Add menu items（添加菜单项）部分，打开 Language Switcher 选项卡，并将你想要的语言添加到菜单中，将它们作为子项放置在 Current Language（当前语言）下方。这将创建一个类似下拉菜单的切换器，用户可以在其中选择他们偏好的语言。

更改默认语言旗帜

最后一个内置自定义语言切换器选项是如何更改默认语言旗帜。

如果你想为任何语言使用不同的旗帜图标，首先需要将文件上传到你的 WordPress 网站，通过媒体 → 添加媒体文件。

完成后，在媒体库中打开图片并复制其位置链接。

然后转到设置 → TranslatePress → 高级 → Custom language（自定义语言）。在这里，在 Language code（语言代码）下输入你要更改旗帜图标的语言的 ISO 代码，然后在 Flag URL（旗帜 URL）字段中提供你新上传的旗帜文件的链接，点击 Add（添加），然后保存。

语言旗帜链接设置