在 Kirby CMS 中设置语言切换器是一项重要功能,可以让来自海外的访客更轻松地与您的网站进行互动。能够轻松切换不同语言已成为许多在线平台的基本需求。
通过在 Kirby CMS 中设置语言切换器,您可以显著提升网站对国际访客的可访问性,有可能改善搜索引擎表现,并增强全球用户对您品牌的信任。虽然这个过程一开始可能看起来有些棘手,但本指南将带您逐步高效地在您的 Kirby CMS 网站上实现此功能,确保提供流畅且用户友好的多语言体验。
在 Kirby CMS 上设置语言切换器的重要性

在 Kirby CMS 上实现语言切换器不仅仅是一个功能——它是一个战略决策,可以显著影响您网站的性能和覆盖范围。让我们来探讨在您的 Kirby CMS 网站上设置语言切换器的关键原因。.
- 提升用户体验: 语言切换器使访客能够以他们偏好的语言访问内容,显著提升他们对网站的理解和参与度。
- 降低跳出率: 无法找到自己语言内容的访客很可能会迅速离开。提供多种语言选项可以鼓励用户进一步探索网站。
- 提升转化率: 当用户能够用母语理解产品详情、政策和购买流程时,他们更倾向于购买或采取预期行动。
- 增强多语言 SEO: 搜索引擎在对网站进行排名时会考虑用户体验。直观的语言切换器可以通过方便用户访问各种语言的内容来提升您的 多语言 SEO 表现。
如何在 Kirby CMS 上设置语言切换器
既然我们已经探讨了在多语言 Kirby CMS 网站上实现语言切换器的重要性,接下来让我们深入了解设置它的实际方面。虽然许多网站翻译服务都提供此功能,但要找到一个提供高度可定制且用户友好的语言切换器的服务可能颇具挑战。.
选择一款不仅能够与各种框架良好兼容,还能提供灵活语言切换功能的自动翻译服务至关重要。在满足这些要求方面,有一项服务脱颖而出,那就是 Linguise 自动翻译网站。其语言切换器以易于自定义和用户友好的界面而闻名,是集成到 Kirby CMS 的绝佳选择。
通过将 Linguise 无缝集成到您的 Kirby CMS 中,您可以轻松地为多语言应用程序添加语言切换器。 Linguise的高级功能和直观界面简化了在 Kirby CMS 网站上设置和维护语言切换器的过程。.
让我们按照步骤,在 多语言 Kirby CMS Linguise 网站上 安装并配置语言切换器。
第 1 步:注册您的 Linguise 账户
首先,准备好您的 Kirby CMS 网站以进行翻译,这需要访问 Kirby CMS 管理后台。然后,创建一个免费的 Linguise 账户并添加您网站的域名。在选择订阅计划之前,您可以享受 30 天免费试用。.
步骤 2:添加您的 Kirby CMS 网站域名
设置好 Linguise 账户后,请前往仪表板并添加您的 Kirby CMS 网站域名。点击 “添加域名” 并提供以下详细信息:
- 帐户
- URL
- 平台(Kirby CMS)
- 默认语言
- 翻译语言
- 翻译 URL
- 动态内容翻译


第 3 步:上传并连接 Linguise 脚本
下载 Linguise 翻译脚本,并将其上传到您的 Kirby CMS 安装的根文件夹中。.
解压缩脚本,并确保名为“linguise”的文件夹保留在网站的根目录中。.

接下来,将 Linguise API 密钥复制到服务器上的 `Configuration.php` 文件中。打开该文件,将 `REPLACE_BY_YOUR_TOKEN` 替换为您的 API 密钥,然后保存更改。.

步骤 4:为 Kirby CMS 设置 URL 重写
Kirby CMS 默认启用 URL 重写。如果未启用,您可以通过您的主机服务商启用它。.
要按语言配置 URL,请将以下代码添加到默认 Kirby CMS `.htaccess` 文件中的 `RewriteEngine on` 行之后。.
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
第 5 步:激活并自定义语言切换器
为了显示带有旗帜的语言切换器以及用于SEO目的的备用URL,必须在所有Kirby CMS页面上加载 Linguise JavaScript链接。.
从 Linguise 仪表盘的域名设置中获取脚本链接并复制它。.

在 Kirby CMS 中加载此脚本最简单的方法是将其添加到您网站的 header.php 或 <head> 部分。操作方法如下:
- 访问您网站的根目录。.
- 导航至 site > snippets > header.php。
- 编辑 header.php 文件,在头部区域加入脚本链接。.

语言切换器最初会以默认格式显示。但您可以通过导航至 自定义语言切换器 ,使用 Linguise 仪表板中的 设置 > 语言旗帜显示。 此部分提供多种自定义选项,包括主显示设置、语言名称和设计元素。
第 6 步:配置主显示
要开始配置语言切换器,请在 Linguise 仪表板中导航到“设置”>“语言旗帜显示”。.
在本部分,您可以调整各种设置。主要显示设置允许您自定义以下元素:.
- 旗帜图标样式: 可在并排显示、下拉菜单或弹窗之间选择。
- 位置: 确定语言切换器在您网站上的放置位置。选择一个访客易于访问的位置。

第 7 步:设置旗帜设计
配置完主要显示设置后,自定义所显示旗帜的设计。.
- 语言名称显示: 选择根据国家或语言本身来显示语言名称,例如“French”或“Français”。
- 英语旗帜类型: 这对于具有多种变体的语言(如美式英语或英式英语)非常有用,也适用于西班牙语、台湾地区中文、德语和葡萄牙语。
- 旗帜样式: 选择旗帜图标的形状,圆形或矩形。

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

第 9 步:配置 box-shadow
最后,调整旗帜框阴影设置。第一个选项允许您为网站上显示的每个旗帜图标添加阴影效果。第二个选项控制用户将鼠标悬停在语言旗帜上时的阴影效果。.
完成必要的调整后,点击“保存”按钮以应用更改。然后,检查您的 Kirby CMS 网站,确保配置已成功实施。这将向您展示语言切换器的显示效果。.

设置过程完成后,您就可以在您的 Kirby CMS 上看到语言切换器的实际效果了 多语言网站。

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

优化 Kirby CMS 语言切换器的 4 个技巧
以下是四条重要提示,帮助您优化语言切换器,使其对全球受众更有效。.
#1 使用清晰可辨的语言旗帜图标
在语言切换器中加入易于识别的语言符号或旗帜对于快速识别语言至关重要。这种方法让访客能够迅速找到并选择他们偏好的语言,从而打造直观的用户体验。关键在于选择普遍理解的标识,以避免任何误解。.
在实现国旗图标时,请确保它们质量高且即使在较小尺寸下也易于区分。考虑将国旗和语言代码结合使用,为您的用户提供视觉和文本提示。.
示例:
想象一个基于 Kirby 的旅行博客,覆盖全球各地的目的地。该网站的语言切换器可以使用一个地球图标,搭配小旗帜图标和两位字母的语言代码。.
🌎 🇺🇸 CN | 🇪🇸 ES | 🇫🇷 法国 | 🇩🇪 德国 | 🇯🇵JP
这种设置让用户能够快速识别自己的语言,无论他们是通过国旗还是语言代码来辨认,都能提升整体用户体验。.
#2 在国旗旁显示语言名称

虽然国旗提供了快速的视觉参考,但将其与语言的母语名称搭配使用可以提供额外的清晰度。这一策略有助于避免混淆,尤其是对于在多个国家使用且国旗不同的语言。.
通过包含实际的语言名称,您可以消除歧义,并确保访客能够准确识别他们偏好的语言。这种方法还体现了对文化多样性的尊重,并促进了包容性。.
示例:
设想一个由 Kirby 驱动的教育平台,提供多种语言的课程。他们的语言切换器可能看起来像这样。.
🇺🇸 英语 | 🇪🇸 西班牙语 | 🇫🇷 法语 | 🇩🇪 德语 | 🇯🇵 日语
这种设计让用户能够同时看到旗帜和以其母语文字显示的语言名称,使该语言的使用者能够立即识别。对于像西班牙语或英语这样在多个国家使用且旗帜各异的语言来说,这尤其有帮助。.
#3 仔细考虑语言切换按钮的位置

语言切换器的位置对其效果至关重要。它应该在您的网站上醒目且易于访问。常见且有效的位置包括页眉、页脚或主导航菜单。.
确保语言切换器在您网站的任意页面上都清晰可见且易于访问。这种位置的一致性有助于用户快速找到语言选项,无论他们当前位于网站的哪个位置。.
示例:
例如,一家跨国建筑公司的基于 Kirby 的作品集网站。他们可以按如下方式实现语言切换器。.
- 标题位置: 语言切换器位于标题的右上角,搜索图标旁边。
- 粘性导航: 当用户滚动页面时,页眉固定在顶部,确保语言切换器始终可访问。
- 移动端优化: 在移动设备上,语言切换器被包含在汉堡菜单中,方便访问且不会使小屏幕显得杂乱。
这种策略性放置可确保用户在任何时候都能轻松切换语言,无论他们是在查看项目图库、阅读公司历史,还是查看联系信息。.
#4 保持所有页面语言切换器的一致性

确保语言切换器的外观和功能在整个网站中保持一致至关重要。无论用户当前处于哪个页面或正在查看什么内容,都应该能够轻松切换语言。.
这种一致性提供了无缝的用户体验,并强化了语言选项的可访问性,从而为您的多语言网站建立信任和信心。.
示例:
设想一个由 Kirby 驱动的、面向全球销售产品的电商网站。以下是他们可能如何实施一致的语言切换器策略。.
- 统一设计: 语言切换器以“语言”为标签的下拉菜单形式出现在每个页面的右上角,包括产品列表、单个产品页面和结账页面。
- 内容保留: 当用户切换语言时,他们会停留在同一页面上,但内容会以新选择的语言显示。例如,如果用户用英语查看一个手工花瓶的描述并切换到法语,他们将看到相同的产品详情以法语显示。
- URL 结构: 切换语言时,URL 结构会一致地变化。
英文: www.yourmarket.com/products/blue-ceramic-vase
法语: www.yourmarket.com/fr/produits/vase-ceramique-bleu
在所有页面上保持一致的体验,确保用户能够自信地以首选语言浏览和购物,从而有可能提高他们完成购买并在未来再次访问网站的可能性。.
使用 Linguise在您的 Kirby 网站上设置语言切换器!

在 Kirby CMS 上设置语言切换器是打造真正全球化、用户友好型网站的关键一步。通过实现这一功能,您将向多元化的国际受众敞开数字大门,这有可能提升互动率、降低跳出率,并改善网站的整体表现。.
为了简化这一过程并确保最佳效果,请考虑为您的 Kirby CMS 网站使用 Linguise 。 Linguise 提供强大、可自定义的语言切换器,可与 Kirby CMS 无缝集成,让您能够轻松实施和微调您的多语言策略。让我们 创建一个 Linguise 账户, 将其与您的 Kirby CMS 网站集成,并自定义语言切换器,以进一步改善用户体验。



