在 Craft CMS 上设置语言切换器对于任何希望触达全球受众的网站来说都是一项至关重要的功能。在当今全球化时代,能够在多种语言之间无缝切换是一项迫切需求。.
设置语言切换器 在 Craft CMS 上可增强来自不同国家/地区访客的可访问性,提升搜索引擎排名,并建立全球品牌信任。虽然听起来可能很复杂,但本分步指南将帮助您在 Craft CMS 网站上顺利高效地完成设置。
在 Craft CMS 上设置语言切换器的重要性

在深入探讨如何在 Craft CMS上设置语言切换器之前,我们先来讨论一下设置语言切换器的重要性。以下是其中一些原因。.
- 更好的用户体验: 语言切换器让访客能够轻松访问其首选语言的内容,从而增强他们对网站的理解和参与度。
- 降低跳出率: 找不到所需语言的访客可能会立即离开您的网站。提供多种语言的语言切换器可以防止他们离开网站。
- 提高转化率: 用访客自己的语言理解产品详情、政策和购买流程,可以鼓励他们购买或采取其他行动。
- 优化多语言SEO: 搜索引擎在对网站进行排名时会考虑用户体验因素。一个用户友好的语言切换器可以通过让访客更轻松地访问其语言的内容来提升您的 多语言SEO 排名。正确翻译内容还能向搜索引擎发送积极信号,表明您的网站与不同语言的各种查询相关。
如何在 Craft CMS 上设置语言切换器
在了解了在多语言 Craft CMS 网站上使用语言切换器的重要性之后,让我们来讨论如何实现。通常,网站翻译服务会提供此功能,并可根据您的需求进行自定义。.
然而,并非所有翻译服务都提供易于自定义且用户友好的语言切换器。因此,选择一款兼容各种框架并提供灵活语言切换功能的自动翻译服务非常重要。.
符合这些条件的一项服务是 Linguise。 Linguise 提供了一项易于自定义且用户友好的语言切换器功能,并且可以很好地 与 Craft CMS 集成。
通过将 Linguise 与 Craft CMS 框架无缝集成,您可以轻松地为多语言应用程序添加语言切换器。借助 Linguise的高级功能和用户友好的界面,在您的 Craft CMS 网站上设置和维护语言切换器将变得简单得多。.
以下是在多语言 安装 Linguise 的步骤 Craft CMS 网站 并设置语言切换器。
#1:注册免费的 Linguise 账户
注册免费的 Linguise 账户 ,即可享受一个月免费试用,轻松上手。只需输入您的电子邮箱地址,即可生成用户名和密码。
在整个试用期间,您将可以尽情使用 Linguise 提供的所有强大功能。试用结束后,您将被引导至 Linguise 仪表盘。.
#2:添加域名网站 Craft CMS
创建 Linguise 账户后,您将被引导至仪表盘,以输入您的 Craft CMS 网站域名。选择 “添加域名” 并填写提供的字段:
- 帐户
- URL
- 使用的平台(Craft CMS)
- 默认语言
- 翻译语言
- 翻译 URL
- 动态内容翻译


您可以获取 API 密钥,并需要在后续步骤中粘贴它。.

#4:上传 Linguise 脚本
接下来,您需要将 Linguise 翻译脚本上传到安装了 Craft CMS 的服务器。.
下载 PHP-JS 翻译脚本,解压后上传到您的 Craft CMS 安装的根目录。.
确保该脚本放置在您网站的根目录中,即您的 Craft CMS 文件所在的位置,并且该文件夹保持其原始名称“linguise”。

然后,将 Linguise API 密钥插入到您上传到服务器的 Configuration.php 文件中。打开该文件进行编辑,并将您的 API 密钥粘贴到引号内,替换文本 REPLACE_BY_YOUR_TOKEN。.

#5:启用并自定义语言切换器
Linguise JS 脚本链接需要整合到您的 Craft CMS 的所有页面中,以显示带旗帜的语言切换器,并在您的 HTML 头部中包含备用 URL,从而获得 SEO 优势。.
要获取脚本链接,请前往 Linguise 仪表盘中的域名设置,并从那里复制提供的脚本链接。.

将此代码集成到 Craft CMS 中的简单方法是将其添加到模板索引中。访问 /template 文件夹并编辑 index 文件,在 header 部分加入脚本链接。.
要显示语言切换器(即用于选择所需语言的旗帜弹窗),您可以在网站配置末尾复制提供的代码,并将其粘贴到 HTML 页面的 head 中。此操作将启用旗帜语言切换器的自动加载。.

语言切换器最初会以默认格式显示,但您可以对其进行个性化设置。通过 Linguise 仪表板访问 设置 > 语言旗帜显示 来自定义语言切换器。此部分包含各种自定义选项,包括主显示、语言名称和设计元素。
#6 配置主显示器
要开始配置语言切换器,请前往 “设置” > “语言旗帜显示” 部分,位于 Linguise 仪表板中。
在此部分,您可以自定义多项设置。首先是主显示设置,您可以修改各种元素,例如。.
- 旗帜图标样式: 您可以选择并排显示、下拉菜单或弹窗。
- 位置: 此设置决定语言切换器在您网站上的放置位置。有多种位置选项可供选择,请确保选择便于访客访问的位置。

#7 设置旗帜设计
调整好主要显示设置后,您可以继续定制所显示旗帜的设计。.
- 语言名称显示: 您可以根据国家名称或语言本身来显示语言名称。例如,您可以显示“French”或“Français”。
- 英语旗帜类型: 此功能适用于具有多种变体的语言,例如美式英语或英式英语。它也适用于西班牙语、台湾地区中文、德语和葡萄牙语。
- 旗帜样式: 此选项允许您选择旗帜图标的形状,可以是圆形或矩形。

#8 设置颜色和尺寸
完成旗帜设计配置后,您可以继续自定义旗帜的颜色和尺寸。以下是一些可供调整的设置。.
- 旗帜圆角: 调整矩形旗帜样式的圆角,以像素为单位。
- 语言名称颜色: 选择用于显示名称的默认文本颜色。
- 弹窗语言颜色: 定义弹窗或下拉区域中语言标题文本的颜色。
- 旗帜大小: 修改旗帜图标的大小。
- 语言名称悬停颜色: 指定用户将鼠标悬停在语言名称上时显示的文本颜色。
- 弹出窗口语言悬停颜色: 指定当用户将鼠标悬停在弹出窗口或下拉区域中的语言标题上时显示的文本颜色。

#9 配置盒阴影
最后,您可以调整旗帜框的阴影设置。第一个选项允许您为网站上显示的每个旗帜图标添加阴影效果。后续选项则用于管理用户将鼠标悬停在语言旗帜上时的阴影效果。.
完成所有必要的调整后,点击保存按钮以应用自定义更改。然后,前往您的 Craft CMS 网站确认配置已成功应用。语言切换器的显示效果大致如下。.

完成设置过程后,您可以在您的 Craft CMS 多语言网站上观察语言切换器的功能。.

然后我们将 自动翻译 Craft CMS 网站为其他语言,如德语。

在 Craft CMS 上优化语言切换器的 5 个技巧
在您的 Craft CMS 多语言网站上设置好语言切换器后,了解 设计语言选择器的最佳实践 及其性能表现非常重要,这能让您的网站和访客都从中受益。
使用易于识别的语言旗帜图标

使用普遍认可的语言图标或旗帜至关重要,这样访客就能快速识别并选择他们偏好的语言选项。确保所使用的图标或旗帜清晰明了、具有良好的色彩对比度,并且在不同文化中都能被广泛理解,以避免混淆或歧义。.
熟悉的符号或图标有助于打造直观且用户友好的体验,让访客能够轻松导航到他们想要的语言版本。选择广为人知的图标或旗帜以避免误解或混淆非常重要。.
使用语言名称和标志

除了仅使用国旗外,建议考虑同时使用国旗和原始语言名称。这种方法有助于避免混淆,因为有些语言在多个国家使用,而各国的国旗不同。.
直接使用语言名称可以消除歧义,确保访客能够清楚地识别并选择他们想要的语言,而不会产生误解。此外,使用语言名称可以更具包容性,并尊重文化多样性。.
策略性地放置语言切换按钮

让我们将语言切换按钮放置在网站上一个显眼且易于访问的位置。标准位置包括页眉、页脚或主导航菜单。这些位置对大多数互联网用户来说都很直观,符合他们在寻找语言选项时的预期。.
在所有页面上保持一致的位置,可确保访客无论从哪个入口进入或访问哪个具体页面,都能轻松找到语言切换器。这种一致的位置有助于打造流畅且可预期的用户体验。.
实现响应式语言切换器设计

确保语言切换按钮具有响应性,并在各种设备和屏幕尺寸上运行良好,包括台式机、平板电脑和智能手机。在不同设备和屏幕分辨率上进行测试,以确保无缝的用户体验,避免元素被截断或重叠。.
响应式设计确保访客无论使用何种设备都能轻松访问语言选项,从而提升语言切换的可访问性和便利性。.
确保语言切换器在各页面保持一致

Ensure the language switcher maintains consistent appearance and behaviour across your website. Users should be able to switch languages smoothly, regardless of the page they are on or the content they are viewing. Consistency not only provides a cohesive user experience but also strengthens the accessibility and availability of language options, building trust and confidence in your multilingual website.
语言切换器中的任何不一致都可能让用户感到困惑和沮丧,甚至可能导致他们离开您的网站。.
使用 Linguise在 Craft CMS 上设置语言切换器!
此时,您应该认识到,您正在为 Craft CMS 多语言网站配置语言切换器。建立语言切换器可以提供各种优势,并且可以根据前面提到的要点进行微调。.
优化语言切换器可以显著提升整体用户体验。接下来, 注册一个 Linguise 账户,将其与您的 Craft CMS 网站集成,并进一步微调语言切换器,以进一步提升用户体验。



