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

电子学习网站截图(学生)
目录

您是否使用 Concrete CMS 创建了网站,并希望添加语言切换器?设置语言切换器可以简化用户在不同语言之间切换的过程。此功能对于拥有国际用户群的网站尤其有用,它允许访问者使用自己偏好的语言浏览平台。.

Concrete CMS中设置语言切换器,管理员通常首先需要在系统设置中指定要支持的语言。然后,他们会添加一个下拉菜单或按钮,供用户选择首选语言。本文将指导您如何使用自动翻译服务之一Concrete CMS。

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

一群人正在一台大型电脑屏幕上工作,屏幕上显示着各种设计元素。.

提供多语言内容的需求日益增长。DeepL 最近的一项研究表明, 75%的受访者认为本地化内容能够显著提升客户参与度。

实施语言切换器旨在翻译内容,并为网站访问者打造更加个性化的体验。数据表明,96% 的受访者表示,他们的内容本地化工作带来了积极的投资回报率 (ROI),这充分印证了这一点。. 

考虑到这些数据,在 Concrete CMS 上实现语言切换器是一项不容忽视的战略举措。因此,本文将探讨如何在您的 Concrete CMS 网站上设置语言切换器。.

打破语言障碍
告别语言障碍,迎接无限成长! 立即试用我们的自动翻译服务。

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

既然我们已经了解了语言切换功能在多语言 Concrete CMS 平台上的重要性,接下来让我们讨论如何实现它。Concrete Concrete CMS 内置了一个语言管理系统,可以根据您组织的需求进行定制。.

Linguise是您可以使用的自动翻译服务之一。Linguise提供易于使用的语言切换功能,并且可以与各种流行的内容管理系统(CMS)集成,包括Linguise Concrete CMS

Concrete CMS提供便捷的多语言集成,管理员可以快速地为网站添加语言切换功能。借助Concrete CMSConcrete CMS安装Linguise自动翻译并设置语言切换器的步骤

#1 注册 Concrete CMS 域名

首先创建一个免费的 Linguise 帐户并添加您网站的域名。您可以先使用 30 天免费试用期,然后再决定是否订阅。.

平台用户界面截图

接下来,您需要授权您的域名进行翻译。复制您的域名(包括“https://”),然后选择“Concrete CMS”作为您的平台。在 Concrete CMS中选择源语言和目标语言,以设置自动翻译。.

翻译语言设置页面截图。此页面允许用户选择要翻译的语言。.

第二步:上传并连接 Linguise 脚本

您必须将 Linguise 翻译脚本上传到安装了 Concrete CMS 服务器。请从提供的链接下载脚本,解压缩,并将文件夹放在 Concrete CMS 安装的根目录中。请确保文件夹名称为“linguise”。

文件系统目录列表

然后,将 Linguise API 密钥插入到服务器上的 Configuration.php 文件中。打开该文件,并将“REPLACE_BY_YOUR_TOKEN”替换为您的 API 密钥,并将其放在单引号内。.

代码片段展示了 Java 类配置

#3:设置 Concrete CMS URL 重写

在 Concrete CMS中,URL 重写功能通常默认启用。如果未启用,您可以通过主机提供商启用它。在 .htaccess 文件中,在“RewriteEngine on”行之后添加特定代码。这将配置特定语言的 URL。.

				
					<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)(?:$|/)(.*)$ /concretee/linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME}/index.html !-f
    RewriteCond %{REQUEST_FILENAME}/index.php !-f
    RewriteRule . /concretee/index.php [L]
</IfModule>
				
			

#4:启用和自定义语言切换器

您必须在所有 Concrete CMS 页面上加载 Linguise JS 脚本链接,才能显示带有语言标志和备用 URL 的语言切换器(这对 SEO 至关重要)。您可以在 Linguise 面板的域名设置中找到该脚本链接。.

复制代码到剪贴板

要在 Concrete CMS中加载脚本,请将代码插入到 header.php 文件或您网站的 <head> 文件中。<head>通过管理面板,依次导航至“系统与设置”>“SEO与统计”。.

系统和设置菜单截图

然后,将其添加到跟踪代码下。. 

用于管理跟踪代码的设置页面

默认情况下,切换器会出现在右上角。.

Atomik Agency 网站首页,提供语言选项

但是,您可以使用“语言标志显示”功能自定义仪表板的外观。.

#5:配置主显示器

要开始设置语言切换器,请导航至Linguise中的“设置”>“语言标志显示”。您可以在此处调整多项设置。

  • 旗帜图标样式:可从三种显示样式中选择:并排显示、下拉菜单显示或弹出窗口显示。
  • 位置:选择网站上语言切换器的位置,确保访客可以轻松访问。
用于自定义语言列表显示的设置面板

#6:定制旗帜设计

设置好主显示后,您可以自定义语言旗帜的设计。.

  • 显示语言名称:决定是根据国家/地区还是语言显示名称,例如“法语”或“Français”。
  • 英语旗帜类型:此选项允许您区分美式英语或英式英语变体,同样适用于西班牙语、葡萄牙语或德语。
  • 旗帜样式:选择旗帜图标的形状,圆形或矩形。
旗帜和语言设置

#7:调整颜色和尺寸

接下来,您可以自定义旗帜的颜色和尺寸。.

  • 旗帜边框半径:设置矩形旗帜的半径(以像素为单位)。
  • 语言名称颜色:选择用于显示语言名称的默认文本颜色。
  • 弹出窗口语言颜色:指定弹出窗口或下拉菜单中语言标题的文本颜色。
  • 旗帜大小:调整旗帜图标的大小。
  • 语言名称悬停颜色:设置语言名称的悬停颜色。
  • 弹出窗口语言悬停颜色:定义弹出窗口或下拉菜单中语言标题的悬停颜色。
旗帜和语言设置

#8:添加旗帜阴影

最后,您还可以自定义旗帜框阴影设置。.

  • 第一种方法是为网站上显示的旗帜图标添加阴影效果。.
  • 第二个选项控制用户将鼠标悬停在语言标志上时的阴影效果。.
旗帜框阴影设置及自定义选项

设置完成后,点击“保存”以应用更改。访问您的Concrete CMS网站,确认语言切换器是否正常工作并预览其外观。

多语言网站界面,提供多种语言选项

您还可以将网站翻译成其他语言,例如德语。.

电脑屏幕上的网站截图。.

Concrete CMS语言切换器优化最佳实践

优化 Concrete CMS 上的语言切换器可以提升多语言环境下的用户体验。以下是一些改进平台语言切换器的关键技巧。.

使用语言名称和旗帜

人物和数字界面组件的插图。各种色彩丰富的元素。.

将语言名称与国旗图标结合使用,是提升语言切换器用户友好度的有效方法。这种方法提供了两种视觉提示,帮助用户快速识别和选择所需语言。语言名称清晰明了,而国旗图标则提供了直观的参考,使用户更容易做出选择,尤其是在一种语言在多个使用不同国旗的国家/地区使用时。.

例如,如果您的 Concrete CMS 网站面向全球电子商务受众,并且语言组合包含“🇺🇸 英语”、“🇫🇷 法语”和“🇩🇪 德语”,则切换器可以帮助用户更轻松地快速找到他们喜欢的语言,从而提升他们的购物体验,并帮助他们轻松浏览网站。.

可识别的旗帜图标

两个人正在电脑前工作,电脑屏幕上分别挂着法国、西班牙和德国的国旗。他们正在合作进行一个翻译项目。.

使用清晰、高质量且易于识别的旗帜图标至关重要,即使在较小的尺寸下也能清晰可见。这些图标可以帮助用户快速识别语言,而无需阅读文字。必要时,选择能够代表语言而非国家的、具有文化敏感性的图标非常重要。例如,对于像阿拉伯语这样使用广泛的语言,使用中性符号可能比选择国旗更为合适。.

例如,一个专为全球旅行社设计的 Concrete CMS 平台可能会使用西班牙国旗代表西班牙语,加拿大国旗代表法语,而地球图标则代表英语等广泛使用的语言。这样可以确保图标清晰直观,方便用户在浏览旅游套餐时选择自己偏好的语言。.

策略性地切换语言

一名男子正在笔记本电脑上使用大型浏览器。.

语言切换器应放置在用户易于查看和访问的位置,且不应使界面显得杂乱。常见的放置位置包括网站页眉、页脚或主导航菜单。所有页面位置的一致性至关重要,这样用户才能在网站的任何位置找到它。.

例如, Concrete CMS 网站可以将切换器放置在页眉的右上角,确保用户滚动页面时它始终可见。对于移动设备,将其集成到汉堡菜单中既能保持可访问性,又能节省空间。.

保持各页面之间的一致性

可在台式机、平板电脑和移动设备上使用的网络会议平台

保持外观和功能的一致性至关重要。语言切换器在每个页面上的操作方式都应相同,用户切换语言时,应保持在同一页面上,且内容已翻译成新语言。这可以改善用户体验,使导航更加直观。.

例如,在首页、联系页面和其他页面上始终显示一个下拉语言切换器。这样,用户就可以无缝切换语言,而不会丢失当前浏览的内容。.

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

结论

 Concrete CMS 多语言翻译解决方案。网站自动翻译。.

Concrete CMS设置语言切换器并实现自动翻译,可以为您的用户提供无缝的多语言体验。按照本指南中的步骤,您可以集成语言切换器并进行自定义,以满足您网站的需求。

有效优化语言切换器能够提升用户体验和用户参与度。首先,注册一个Linguise账号,将其与您的Concrete CMS网站集成,并根据您的偏好配置语言选择器。这样可以确保访客能够轻松地使用他们偏好的语言浏览您的平台。

您可能也有兴趣阅读

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

接收有关网站自动翻译、国际搜索引擎优化等的新闻!

Invalid email address
试试看。 每月一期,您可以随时退订。

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

我们不能保证您会中奖,但我们可以承诺提供一些有关翻译和偶尔折扣的有趣信息。

不要错过!
Invalid email address

8折

年底促销