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

带有学生的电子学习网站截图
目录

您是否拥有一个使用 Concrete CMS 创建的网站,并希望添加语言切换器?设置语言切换器可以简化用户切换语言的过程。此功能对于拥有国际用户群的网站尤为实用,允许访客以其偏好的语言浏览平台。.

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

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

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

以多种语言提供内容的需求正变得越来越重要。DeepL最近的一项研究显示, 75% 的受访者认为,本地化内容能显著提高客户参与度。

实施语言切换器不仅关乎内容翻译,更在于为网站访客打造更个性化的体验。数据表明,96%的受访者从内容本地化工作中获得了正向的投资回报(ROI),这充分印证了这一点。. 

考虑到这些数据,在 Concrete CMS 上实现语言切换器是一个不可放弃的战略举措。这就是为什么本文将讨论如何在您的 Concrete CMS 网站上设置语言切换器。.

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

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

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

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

Concrete CMS 提供简便的多语言集成,让管理员能够快速为网站添加语言切换功能。通过利用 Concrete CMS 的高级功能和用户友好的界面,您可以简化在平台上设置和维护语言切换器的过程。以下是 在 Linguise 上安装自动翻译并设置语言切换器的步骤: Concrete CMS 。

#1 注册 Concrete CMS 域名

首先创建一个免费的 Linguise 账户并添加您网站的域名。在决定订阅之前,您可以享受 30 天免费试用。.

平台用户界面的截图

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

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

#2:上传并连接 Linguise 脚本

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

文件系统目录列表

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

显示 Java 类配置的代码片段

#3:设置 Concrete CMS URL 重写

在 Concrete CMS中,URL 重写通常默认启用。如果没有启用,您可以通过主机提供商启用它。在“RewriteEngine on”行之后添加特定代码来更新 .htaccess 文件。这将配置特定语言的 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:启用并自定义语言切换器

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

复制代码到剪贴板

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

系统和设置菜单的截图

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

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

默认情况下,切换器显示在右上角。.

带有语言选项的 Atomik Agency 网站主页

不过,您的仪表盘可以使用“语言标志显示”功能来自定义其外观。.

#5:配置主显示

要开始设置语言切换器,请导航到部分。在这里,您可以调整多项设置。 Linguise 仪表板中的“设置” > “语言旗帜显示”

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

#6:自定义旗帜设计

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

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

#7:调整颜色和大小

接下来,您可以个性化设置旗帜的颜色和大小。.

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

#8:添加旗帜框阴影

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

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

对设置满意后,点击 “保存” 以应用更改。访问您的 Concrete CMS 网站,确认语言切换器按预期工作并预览其外观。

多语言网站界面及语言选项

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

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

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

在多语言环境中,优化 Concrete CMS 上的语言切换器可提升用户体验。以下是在您的平台上改进语言切换器的关键提示。.

使用语言名称和旗帜

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

将语言名称与国旗图标相结合,是让您的语言切换器更加用户友好的有效方法。这种方式提供了两种视觉提示,帮助用户快速识别并选择他们想要的语言。语言名称提供了清晰度,而国旗则提供了视觉参考,使用户更容易做出选择,尤其是当一种语言在多个国家使用且国旗各不相同时。.

例如,如果您的 Concrete CMS 网站面向全球电子商务受众,在语言切换器中结合“🇺🇸 English”、“🇫🇷 Français”和“🇩🇪 Deutsch”,可以让用户更轻松地快速找到他们偏好的语言,从而提升他们的购物体验,并帮助他们轻松浏览网站。.

可识别的国旗图标

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

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

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

语言切换器的策略性使用

一名男子正在与笔记本电脑上的大型浏览器进行交互。.

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

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

保持页面间的一致性

桌面、平板和移动端的网络会议平台

保持外观和功能的一致性非常重要。语言切换器应在每个页面上以相同的方式运行,当用户切换语言时,他们应停留在同一页面上,内容翻译为新语言。这改善了用户工作流程,使导航更加直观。.

例如,下拉式语言切换器在主页、联系页面和其他页面上一致出现。这将允许用户无缝切换语言,而不会丢失他们在材料中的位置。.

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

结论

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

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

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

您可能也有兴趣阅读

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

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

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

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

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

不要错过!
Invalid email address