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

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

Kirby CMS中设置语言切换器是一项重要功能,它可以让海外访客更轻松地与您的网站互动。能够轻松切换不同语言已成为许多在线平台的基本需求。

通过在 Kirby CMS 中设置语言切换器,您可以显著提升网站对国际访客的访问体验,潜在地提高搜索引擎排名,并增强品牌在全球范围内的信誉度。虽然这个过程乍看之下可能有些复杂,但本指南将引导您逐步完成在Kirby CMS 网站,确保流畅且用户友好的多语言体验。

在 Kirby CMS 上设置语言切换器的重要性

一幅描绘未来城市及其居民和科技的黑白插画。.

在 Kirby CMS 上实现语言切换器不仅仅是一项功能,更是一项战略决策,它能显著影响网站的性能和覆盖范围。让我们来探讨在 Kirby CMS 网站上设置语言切换器的关键原因。.

  • 提升用户体验:语言切换器使访问者能够以他们喜欢的语言访问内容,从而显著提高他们对网站的理解和参与度。
  • 降低跳出率:如果访客找不到自己语言的内容,他们很可能会很快离开。提供多种语言选项可以鼓励用户进一步浏览网站。
  • 提高转化率:当用户能够用自己的母语理解产品详情、政策和购买流程时,他们更有可能购买或采取所需的行动。
  • 强化多语言SEO:搜索引擎在对网站进行排名时会考虑用户体验。直观的语言切换器可以帮助用户轻松访问各种语言的内容,从而多语言SEO
打破语言障碍
告别语言障碍,迎来无限增长!今天就试试我们的自动翻译服务吧。.

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

既然我们已经探讨了在多语言 Kirby CMS 网站上实现语言切换器的重要性,接下来让我们深入了解一下设置它的实际操作。虽然许多网站翻译服务都提供此功能,但找到一个能够提供高度可定制且用户友好的语言切换器的服务却并非易事。.

选择一款不仅能与各种框架良好兼容,而且还提供灵活的语言切换功能的自动翻译服务至关重要。Linguise自动翻译网站Linguise。其语言切换器以易于定制和用户友好的界面而著称,使其成为 Kirby CMS 集成的理想之选。

通过将 Linguise 无缝集成到您的 Kirby CMS 系统中,您可以轻松地为您的多语言应用程序添加语言切换器 Linguise的高级功能和直观的界面简化了在 Kirby CMS 网站上设置和维护语言切换器的过程。.

让我们按照以下步骤在多语言 Kirby CMS安装Linguise并配置语言切换器。

步骤1:注册您的 Linguise 账户

首先,您需要准备好 Kirby CMS 网站以进行翻译,这需要您访问 Kirby CMS 管理后台。然后,创建一个免费的 Linguise 帐户并添加您网站的域名。您可以先享受 30 天的免费试用期,然后再选择订阅方案。.

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

设置Linguise后“添加域名”并提供以下详细信息:

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

步骤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` 行之后。.

				
					<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. 导航至网站 > 代码片段 > header.php。
  3. 编辑 header.php 文件,将脚本链接添加到 header 部分。.
一张模糊的电脑代码截图,背景是黑色。文字看不清楚。.

语言切换器初始会以默认格式显示。但您可以通过Linguise自定义语言切换器,方法是导航至“设置”>“语言标志显示”。此部分提供各种自定义选项,包括主要显示设置、语言名称和设计元素。

步骤 6:配置主显示器

要开始配置语言切换器,请在 Linguise 面板中导航至“设置”>“语言标志显示”。.

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

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

步骤 7:设置旗帜设计

配置好主显示设置后,自定义显示的旗帜样式。.

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



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

步骤 8:设置颜色和大小

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

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

步骤 9:配置阴影

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

完成必要的调整后,点击“保存”按钮应用更改。然后,检查您的 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

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

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

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

翻译网站界面支持多种语言

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

为了简化流程并确保最佳效果,建议您在 Kirby CMS 网站上Linguise提供功能强大且可自定义的语言切换器,能够与 Kirby CMS 无缝集成,让您轻松实施和优化多语言策略。让我们一起Linguise一个Linguise帐户,将其与您的 Kirby CMS 网站集成,并自定义语言切换器,以进一步提升用户体验。

您可能也有兴趣阅读

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

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

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

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

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

不要错过!
Invalid email address