如何在Kirby CMS上设置语言切换器

柯比经济机会图像,图中显示一位女性.
目录

在 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 网站上语言切换器的设置与维护。.

让我们按照步骤 安装 Linguise 到多语言Kirby CMS 网站并配置语言切换器。

步骤1:注册您的 Linguise 账户

首先,准备好您的 Kirby CMS 网站以进行翻译,这需要访问 Kirby CMS 管理后台。然后,创建一个免费的 Linguise 账户并添加您网站的域名。在选择订阅计划之前,您可以利用 30 天免费试用。.

第 2 步:添加您的 Kirby CMS 网站域名

一旦您的 Linguise 账户设置完成,请前往仪表板并添加您的 Kirby CMS 网站域名。点击 “添加域名” 并提供以下详细信息:

深色图像配浅色文字
黑色背景图片。白色空白区域。.

步骤3:上传并连接 Linguise 脚本

下载 Linguise 翻译脚本并将其上传到您的 Kirby CMS 安装的根文件夹。. 

解压脚本,并确保名为“linguise”的文件夹保留在您网站的根目录下。.

菜单包含写实、卡通、童话、神话和乡村风格等选项

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

深色编码环境,带有白色文字叠加。代码编辑器界面。.

第 4 步:为 Kirby CMS 设置 URL 重写

Kirby CMS 默认启用 URL 重写。如果未启用,您可以通过托管服务提供商启用它。.

要按语言配置 URL,请将以下代码添加到您的 `.htaccess` 文件中,紧跟在默认 Kirby CMS `.htaccess` 文件中的 `RewriteEngine on` 行之后。.

				
					<IfModule mod_rewrite.c>
  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]
</IfModule>


				
			

步骤 5:激活和自定义语言切换器

为了通过旗帜和备用URL展示语言切换器以实现SEO目的,必须在所有Kirby CMS页面上加载 Linguise JavaScript链接。.

从 Linguise 仪表板上的域名设置中获取脚本链接并复制它。.

黑白图像,空白区域

在 Kirby CMS 中加载此脚本的最简单方法是将其添加到您网站的 header.php 或 <head> 部分。操作方法如下:

  1. 访问您网站的根文件夹。.
  2. 导航到 site > snippets > header.php。
  3. 编辑 header.php 文件,在头部区域包含脚本链接。.
黑色背景上模糊的计算机代码截图。文字不清晰。.

语言切换器最初将以其默认格式显示。但您可以通过导航至 自定义语言切换器 来使用 Linguise 仪表板,路径为 设置 > 语言旗帜显示。 此部分提供各种自定义选项,包括主显示设置、语言名称和设计元素。

第6步:配置主显示

要开始配置语言切换器,请在 Linguise 仪表板中导航至“设置”>“语言旗帜显示”。.

在此部分,您可以调整各种设置。主要显示设置允许您自定义诸如以下元素。.

  • 标志图标样式: 在并排显示、下拉菜单或弹出窗口之间进行选择。
  • 位置: 确定语言切换器在您网站上的放置位置。选择一个访客易于访问的位置。
黑色屏幕,白色文字和灰色按钮。该图像似乎是一个截图。.

第7步:设置旗帜设计

配置主要显示设置后,自定义所显示旗帜的设计。.

  • 语言名称显示: 选择根据国家或语言本身显示语言名称,例如“French”或“Français”。
  • 英语旗帜类型: 这对于有多种变体的语言很有用,例如美式或英式英语,也适用于西班牙语、台湾语、德语和葡萄牙语。
  • 旗帜样式: 选择旗帜图标的形状,圆形或矩形。



图像编辑软件界面的截图。界面为深色,包含各种工具和菜单。.

步骤 8:设置颜色和大小

配置旗帜设计后,自定义旗帜的颜色和大小。以下是一些您可以调整的设置。.

  • 旗帜圆角: 调整矩形旗帜的圆角半径,单位为像素。
  • 语言名称颜色: 选择默认文本颜色以显示语言名称。
  • 弹窗语言颜色: 设置弹窗或下拉区域中语言标题文本的颜色。
  • 标志大小: 调整标志图标的大小。
  • 语言名称悬停颜色: 指定用户将鼠标悬停在语言名称上时出现的文本颜色。
  • 弹出语言悬停颜色: 定义当用户悬停在弹出窗口或下拉区域中的语言标题上时出现的文本颜色。
带有文字和图标占位符的灰色方框

第9步:配置盒阴影

最后,调整旗帜框阴影设置。第一个选项允许您为网站上显示的每个旗帜图标添加阴影效果。第二个选项控制用户悬停在语言旗帜上时的阴影效果。.

完成必要的调整后,点击保存按钮以应用更改。然后,检查您的 Kirby CMS 网站,确保配置已成功实施。这将向您展示语言切换器的显示效果。.

插件设置截图

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

示例项目文档页面的截图。.

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

两张黑白的水下场景图片。.

在 Kirby CMS 上优化语言切换器的 4 个技巧

以下是四个基本提示,可帮助您优化语言切换器,并使其对全球受众更有效。.

#1 使用清晰可辨的语言旗帜图标

一幅被图标环绕的相机线条画。.

在语言切换器中加入易于识别的语言符号或国旗对于快速识别语言至关重要。这种方法让访客能够迅速找到并选择他们偏好的语言,从而打造直观的用户体验。关键在于选择普遍理解的标识,以避免任何误解。.

在实现国旗图标时,请确保它们质量高且即使在较小尺寸下也易于区分。考虑结合使用国旗和语言代码,为您的用户提供视觉和文本提示。.

例子:

想象一个基于 Kirby 的旅行博客,覆盖全球各地的目的地。该网站的语言切换器可以使用地球图标以及小旗帜图标和两字母语言代码。.

🌎 🇺🇸 EN | 🇪🇸 ES | 🇫🇷 FR | 🇩🇪 DE | 🇯🇵 JP

此设置让用户能够快速识别自己的语言,无论他们是通过国旗还是语言代码来辨认,都能提升整体用户体验。.

#2 在旗帜旁显示语言名称

电脑屏幕和技术设置的线框图。包含各种电脑屏幕的技术图表。.

虽然国旗提供了快速的视觉参考,但将其与语言的本地名称搭配使用可以提供额外的清晰度。这种策略有助于避免混淆,尤其是对于在多个国家使用不同国旗的语言。.

通过包含实际语言名称,您可以消除歧义,并确保访客能够准确识别他们偏好的语言。这种方法还体现了对文化多样性的尊重,并促进了包容性。.

例子:

设想一个由 Kirby 驱动的教育平台,提供多语言课程。其语言切换器可能如下所示。.

🇺🇸 English | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪 Deutsch | 🇯🇵 日本語

这种设计让用户能够看到旗帜和以其母语书写的语言名称,使该语言的使用者能够立即识别。对于像西班牙语或英语这样在多个国家使用且旗帜各异的语言来说,这尤其有帮助。.

#3 精心放置语言切换按钮

展示内容创作高级工具的示意图。高效的工作流程和生成过程。.

语言切换器的位置对其效果至关重要。它应该在您的网站上显眼且易于访问。常见且有效的位置包括页眉、页脚或主导航菜单。.

确保语言切换器在您网站的每个页面上都清晰可见且易于访问。这种位置的一致性有助于用户快速找到语言选项,无论他们当前位于网站的哪个页面。.

例子:

例如,一家跨国建筑公司的基于 Kirby 的作品集网站。他们可以按如下方式实现其语言切换器。.

  • 页眉位置: 语言切换器位于页眉的右上角,紧邻搜索图标。
  • 粘性导航: 当用户滚动时,页眉固定在顶部,确保语言切换器始终可访问。
  • 移动端优化: 在移动设备上,语言切换器被包含在汉堡菜单中,便于访问且不会使小屏幕显得杂乱。

这种战略性放置确保用户可以在任何时候轻松切换语言,无论他们是在查看项目图库、阅读公司历史,还是查看联系信息。.

#4 在所有页面上保持语言切换器的一致性

黑白航拍地图设计布局。黑色背景上的一组图像和文字。.

在整个网站中保持语言切换器的外观和功能一致至关重要。无论用户当前处于哪个页面或正在查看什么内容,都应该能够轻松切换语言。.

这种一致性提供了无缝的用户体验,并增强了语言选项的可访问性,从而为您的多语言网站建立信任和信心。.

例子:

考虑一个由 Kirby 驱动的全球商品销售电商网站。以下是他们可能实施一致的语言切换器策略的方式。.

  • 统一设计: 语言切换器以标有“Language”的下拉菜单形式出现在每个页面的右上角,包括产品列表、单个产品页面和结账页面。
  • 内容保留: 当用户切换语言时,他们会停留在同一页面,但内容会以新选择的语言显示。例如,如果用户用英语查看手工花瓶的描述并切换到法语,他们将看到相同的产品详情以法语显示。
  • URL 结构: 切换语言时,URL 结构会一致地变化。 

英语: www.yourmarket.com/products/blue-ceramic-vase 

法语: www.yourmarket.com/fr/produits/vase-ceramique-bleu

在所有页面上保持一致的体验,确保用户能够自信地以首选语言浏览和购物,从而可能提高他们完成购买并在未来再次访问网站的可能性。.

准备好探索新市场了吗?试用我们的自动翻译服务,享受1个月无风险试用,无需信用卡!

使用 Linguise在您的 Kirby 网站上设置语言切换器!

多语言翻译网站界面

在 Kirby CMS 上设置语言切换器是打造真正全球化且用户友好网站的关键一步。通过实现此功能,您将向多元化的国际受众敞开数字大门,这有可能提升互动率、降低跳出率,并改善网站的整体表现。.

为了简化这一过程并确保最佳效果,请考虑为您的 Kirby CMS 网站使用 Linguise 。 Linguise 提供强大、可定制的语言切换器,可与 Kirby CMS 无缝集成,让您能够轻松实施和微调您的多语言策略。让我们 创建一个 Linguise 账户, 将其与您的 Kirby CMS 网站集成,并自定义语言切换器,以进一步改善用户体验。

您可能也有兴趣阅读

不要错过!
订阅我们的新闻通讯

接收有关网站自动翻译、国际SEO等的新闻!

Invalid email address
试试看,每月仅需一次,您可以随时取消订阅。.

不要离开而不分享您的电子邮件!

我们无法保证您会赢得彩票,但我们可以承诺提供一些有关翻译的有趣信息新闻和偶尔的折扣。.

不要错过!
Invalid email address