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

一名学生在线学习网站截图
Table of Contents

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

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

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

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

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

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

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

Break Language Barriers
告别语言障碍,迎接无限增长!今天就试试我们的自动翻译服务。.

如何在 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中选择您的源语言和目标语言以进行自动翻译设置。.

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

第二步:上传并连接 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:启用和自定义语言切换器

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

复制代码到剪贴板

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

系统和设置菜单截图

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

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

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

Atomik Agency 网站主页及语言选项

不过,您的仪表盘可以通过“语言旗帜显示”功能来自定义其外观。.

#5:配置主显示器

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

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

#6:自定义旗帜设计

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

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

#7:调整颜色和尺寸

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

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

#8:为旗帜添加 box-shadow

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

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

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

多语言网站界面,带有语言选项

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

电脑屏幕上显示网站截图的画面。.

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

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

使用语言名称和旗帜

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

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

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

易于识别的国旗图标

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

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

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

策略性地使用语言切换器

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

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

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

在各页面之间保持一致性

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

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

例如,下拉式语言切换器在首页、联系页面及其他页面上一致显示。这将使用户能够无缝切换语言,而不会丢失他们在内容中的位置。.

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

Conclusion

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

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

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

您可能还感兴趣阅读

别错过!
订阅我们的新闻简报

获取有关网站自动翻译、国际SEO等的最新资讯!

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

别走,留下您的邮箱!

我们无法保证您会中彩票,但我们可以承诺提供一些关于翻译的有趣资讯以及偶尔的折扣。.

别错过!
Invalid email address