对于任何旨在覆盖全球受众的网站来说,在Craft CMS上设置语言切换器都是一项至关重要的功能。 在当今全球化时代,多种语言之间无缝切换的能力是迫切需要的。
在Craft CMS设置语言切换器可以增强来自不同国家/地区的访问者的可访问性,可以提高搜索引擎排名,并可以建立全球品牌信任。 虽然听起来可能很复杂,但本分步指南将帮助您在Craft CMS网站上顺利高效地完成此操作。
在Craft CMS上设置语言切换器的重要性
在深入研究如何在Craft CMS上设置语言切换器之前,我们首先讨论一下设置语言切换器的重要性。 这里是其中的一些。
- 更好的用户体验:语言切换器允许访问者轻松地以其首选语言访问内容,从而增强他们对网站的理解和参与。
- 降低跳出率:无法找到所需语言的访问者可能会立即退出您的网站。 提供多种语言的语言切换器可以防止他们离开网站。
- 提高转化率:以他们的语言了解产品详细信息、政策和购买流程可以鼓励访问者购买或采取其他行动。
- 优化多语言搜索引擎优化:搜索引擎在对网站进行排名时考虑用户体验因素。 用户友好的语言切换器可以让访问者更轻松地访问其语言的内容,从而多语言 SEO 正确翻译内容还会向搜索引擎发出积极的信号,表明您的网站与不同语言的各种查询相关。
如何在Craft CMS上设置语言切换器
了解在多语言Craft CMS网站上使用语言切换器的重要性之后,我们来讨论如何使用。 通常,网站翻译服务提供此功能,可以根据您的需求进行定制。
然而,并非所有翻译服务都提供易于定制且用户友好的语言切换器。 因此,选择兼容各种框架的自动翻译服务并提供灵活的语言切换功能非常重要。
Linguise是满足这些标准的一项服务。 Linguise提供了语言切换器功能,该功能易于定制且用户友好,并且可以Craft CMS集成。
通过使用Linguise与Craft CMS框架的无缝集成,您可以轻松地将语言切换器添加到您的多语言应用程序中。 借助Linguise的高级功能和用户友好的界面,在Craft CMS网站上设置和维护语言切换器将变得更加简单。
#1:注册一个免费的Linguise帐户
#2: 添加域名网站Craft CMS
创建Linguise后Craft CMS网站域。 选择“添加域”并填写提供的字段:
- 帐户
- 网址
- 使用平台( Craft CMS )
- 默认语言
- 翻译语言
- 翻译网址
- 动态内容翻译
您可以获得 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 文件夹并编辑索引文件以将脚本链接包含在标题部分中。
要显示语言切换器(由用于选择所需语言的标志弹出窗口表示),您可以通过复制网站配置末尾提供的代码并将其粘贴到 HTML 页面的头部来加载它。 此操作将启用标志语言切换器的自动加载。
语言切换器最初会以其默认格式显示,但您可以对其进行个性化设置。 通过访问设置 > 语言标志显示,Linguise自定义语言切换器。 此部分包括各种自定义选项,包括主显示、语言名称和设计元素。
#6 配置主显示
要启动语言切换器的配置,请转至Linguise“设置”>“语言标志显示”部分。
在此部分中,您可以自定义多个设置。 首先,有主要的显示设置,您可以在其中修改各种元素,例如。
- 标志图标样式:您可以选择并排显示、下拉菜单或弹出菜单。
- 位置:此设置决定语言切换器在您网站上的位置。 有多个位置选项,因此请确保您选择一个方便访客访问的位置。
#7 设置标志设计
调整主显示设置后,您可以继续定制显示标志的设计。
- 语言名称显示:您可以根据国家/地区名称或语言本身显示语言名称。 例如,您可以显示“French”或“Français”。
- 英语标志类型:此功能有利于具有多种变体的语言,例如美国英语或英国英语。 它还适用于西班牙语、台湾语、德语和葡萄牙语。
- 旗帜样式:此选项使您能够选择旗帜图标的形状,圆形或矩形。
#8 设置颜色和大小
完成标志设计配置后,您可以继续自定义标志的颜色和大小。 以下是一些可调整的设置。
- 标志边框半径:定制矩形标志样式的边框半径,以像素为单位。
- 语言名称颜色:选择显示名称的默认文本颜色。
- 弹出语言颜色:定义弹出或下拉区域中语言标题文本的颜色。
- 旗帜大小:修改旗帜图标的大小。
- 语言名称悬停颜色:指定当用户将鼠标悬停在语言名称上时出现的文本颜色。
- 弹出语言悬停颜色:确定当用户将鼠标悬停在弹出或下拉区域中的语言标题上时显示的文本颜色。
#9 配置盒子阴影
最后,您可以调整标志框阴影设置。 初始选项允许您为网站上显示的每个标志图标添加阴影效果。 当用户将鼠标悬停在语言标志上时,后续选项可管理阴影效果。
完成所有必要的调整后,单击“保存”按钮以实施自定义更改。 然后,继续访问Craft CMS网站以确认配置已成功应用。 这就是语言切换器的大致显示方式。
完成设置过程后,您可以在Craft CMS多语言网站上观察语言切换器的功能。
优化Craft CMS语言切换器的 5 个技巧
Craft CMS上建立语言切换器后,了解设计语言选择器及其性能的最佳实践非常重要,以使您的网站和访问者受益。
使用易于识别的语言标志标志
使用普遍认可的语言图标或标志至关重要,以便访问者可以快速识别并选择他们喜欢的语言选项。 确保使用的图标或标志清晰、具有良好的色彩对比度,并且在不同文化中得到广泛理解,以避免混淆或歧义。
熟悉的符号或图标有助于创建直观且用户友好的体验,使访问者可以轻松导航到他们想要的语言版本。 选择众所周知的图标或标志非常重要,以避免误解或混淆。
使用语言名称和标志
除了单独使用标志之外,建议考虑合并标志和原始语言名称。 这种方法可以帮助避免混淆,因为某些语言在具有不同国旗的多个国家/地区使用。
直接使用语言名称可以消除歧义,并确保访问者可以清楚地识别和选择所需的语言,而不会产生误解。 此外,使用语言名称可以更具包容性和尊重文化多样性。
有策略地放置语言切换按钮
让我们将语言切换按钮放置在网站上显眼且易于访问的区域。 标准位置包括页眉、页脚或主导航菜单。 这些位置对于大多数互联网用户来说都很直观,并且符合他们在搜索语言选项时的期望。
所有页面上的一致放置确保访问者可以轻松访问语言切换器,无论他们的入口点或访问的特定页面如何。 这种一致的放置有助于创建流畅且可预测的用户体验。
实现响应式语言切换器设计
确保语言切换按钮反应灵敏,并且在各种设备和屏幕尺寸(包括台式机、平板电脑和智能手机)上都能正常运行。 在不同的设备和屏幕分辨率上进行测试,以确保无缝的用户体验,而不会切断或重叠元素。
响应式设计确保访问者可以从他们使用的任何设备轻松访问语言选项,从而增强语言切换的可访问性和便利性。
确保语言切换器在页面之间保持一致
确保语言切换器在您的网站上保持一致的外观和行为。 用户应该能够顺利地切换语言,无论他们在哪个页面或正在查看的内容。 一致性不仅可以提供一致的用户体验,还可以增强语言选项的可访问性和可用性,从而建立对多语言网站的信任和信心。
语言切换器中的任何不一致都会使用户感到困惑和沮丧,并可能导致他们离开您的网站。