如何为 Drupal设置语言切换器

AAA会员旅行指南,森林图像
目录

语言切换器是多语言网站的元素之一,在构建多语言网站时需要注意,其中之一就是 Drupal 多语言网站。.

语言切换器是一个语言切换按钮,用于在访问网站时切换到另一种语言。使语言切换器对访客友好非常重要,因为它可以改善用户体验并优化SEO。.

那么,如何为 Drupal 设置语言切换器,这对网站有什么好处?请继续阅读下面的说明。.

为什么创建语言切换器对多语言 Drupal 网站很重要?

开发一个用户友好的语言切换器对于多语言网站的成功至关重要。以下是创建 设置语言切换器 对 Drupal 多语言网站有益的原因。

  • 增强用户体验: 用户友好的语言切换器有助于实现语言间的无缝切换,简化导航和内容理解。这有助于改善整体用户体验,减少挫败感并提升参与度。
  • 直观的导航: 用户应能轻松找到并使用语言切换器。一个设计直观的切换器,具有清晰的位置和易于识别的图标或标签,能鼓励用户毫不费力地在语言之间切换。
  • 降低跳出率: 用户友好的语言切换器有助于降低跳出率。当访客能够快速找到并选择他们偏好的语言时,他们更有可能留在网站上、探索内容并可能完成转化。
  • 清晰的沟通: 与用户进行有效沟通对语言切换器至关重要。清晰简洁的标签或符号有助于传达可用的语言选项,减少混淆,并确保用户能够做出明智的选择。
  • SEO优化: 搜索引擎在对网站进行排名时会考虑用户体验。一个实施良好、用户友好的语言切换器可以积极影响 多语言SEO, 从而提升您网站对使用多种语言搜索的用户的可见性和可访问性。
打破语言障碍
告别语言障碍,迎接无限增长!立即试用我们的自动翻译服务。.

如何为 Drupal设置语言切换器?

语言切换功能通常由网站翻译服务提供。此功能可根据用户想要设计的需求进行调整。.

然而,有时并非所有翻译服务都提供易于自定义且易于使用的语言切换功能。因此,寻找一个提供并与众多CMS兼容的自动翻译服务非常重要,其中之一就是 Linguise。.

Linguise 自动翻译 提供了灵活且易于自定义的语言切换功能,并已 集成到 Drupal。 

然后,如何为 Drupal 网站设置语言切换器。请继续阅读下面的说明。.

步骤1:注册 Linguise 账户

注册的初始流程包括创建一个免费的 Linguise 账户,并享受其一个月的免费试用。要 注册 Linguise 账户,只需提供您的电子邮件地址来创建用户名和密码。

在为期整整一个月的试用期内,您将可以使用 Linguise提供的一系列全面且强大的功能。试用期结束后,您将被引导至 Linguise 仪表板。.

步骤 2:添加域名网站 Drupal

在 Linguise 仪表板中,您需要 添加您需要翻译的 Drupal 站点域名。必须填写几个字段,包括。

  • 账户
  • 网址
  • 平台/内容管理系统
  • 语言
  • 翻译语言
  • 翻译网址
深色背景上有几行文字。文字不清晰可辨。.

通过启用 API 密钥并配置语言 URL 来继续。有关添加网站域名的全面指导,请查阅指南中的说明 安装 Linguise 自动翻译在 Drupal 中,或查看下方提供的教学视频。

步骤3:激活语言切换器

完成所有配置后,接下来的操作是进入语言切换设置并展示旗帜,以便在语言切换时提升用户便利性。为此,请复制 Linguise 仪表板中提供的代码,导航至 Linguise 仪表板 > 设置 > 复制到剪贴板。

一个简单的黑白颜色横幅。没有详细图像。.

要向页面头部添加内容,您可以使用一个名为 Add to Head 的 Drupal 模块。只需导航到 配置 > 开发 > 添加配置文件。

带有错误消息的电脑屏幕

最后,请确保验证或核实脚本位置。.

这是一张占位图片,没有视觉内容。.

语言切换器最初将以浮动形式显示在您网站的右上角。您可以根据自己的偏好灵活地进行自定义。.

Drupal 社区欢迎消息

步骤4:设置主显示

此外,您还可以通过访问 Linguise 仪表板并转到 设置 部分来个性化语言切换器。在此区域内,继续前往 语言旗帜显示 设置。在此部分所做的任何更改都将自动反映在您网站上的语言切换器中。

深色主题界面,带有下拉菜单和用于用户交互的按钮。.

在初始设置中,我们将调整主显示,重点关注各种组件。.

首先需要考虑的是语言列表显示形式的配置,提供三种选项可供选择:并排显示、下拉菜单或弹出窗口。左侧有每种形式的预览显示。.

下面展示的第一个表单是并排布局。.

翻译界面的截图

后续表单采用下拉菜单的形式,如下所示。.

用于选择语言的下拉菜单

最后,还有弹出式表单。.

一张形状模糊的深色图片

接下来,下一步涉及配置位置,您可以在此确定语言切换器的放置位置。有多种位置选项可供选择,因此请务必选择一个访客容易注意到的位置。.

最后,决定组合偏好,无论是旗帜 + 语言名称、旗帜 + 短名称,还是仅旗帜。.

步骤 5:设置旗帜设计

接下来,在主显示区域下方,您将找到旗帜的设计配置。下图展示了一些可用的设置选项。.

  • 语言名称显示: 您可以选择根据国家或语言显示名称,例如“German”或“Deutsch”。
  • 英语旗帜类型: 此选项适用于具有多种变体的语言,例如“English USA”或“English Britain”(类似于西班牙语、台湾语、德语和葡萄牙语)。
  • 旗帜样式: 此设置允许您定义旗帜图标的形状,无论是圆形还是方形(矩形)。
计算机界面截图,黑白

步骤 6:设置旗帜的颜色和大小

设置旗帜设计后,接下来的操作包括调整颜色、大小和其他各种元素。在以下界面中,有大量可自定义的设置可供使用,包括:

  • 旗帜边框半径: 使用矩形时以像素为单位个性化边框半径。
  • 语言名称颜色: 选择语言名称的默认文本颜色。
  • 弹出窗口语言颜色: 弹出窗口或下拉区域中语言标题的颜色。
  • 旗帜大小: 修改旗帜的大小。
  • 语言名称悬停颜色: 鼠标悬停在语言名称上时的文本颜色。
  • 弹出语言悬停颜色: 鼠标悬停在弹出窗口或下拉菜单中的语言标题上时的文本颜色。

 

支付选项界面

步骤 7:设置旗帜阴影

在最后一个阶段,您可以选择配置旗帜的阴影设置。初始设置允许您为网站上显示的每个旗帜指定阴影,而后续设置则涉及悬停在语言旗帜上时的阴影效果。.

请务必点击 保存 以保留语言切换器的自定义设置。

一个带有各种设置和选项的智能家居控制面板。.

一旦您为 Drupal配置了语言切换器,以下是您可以从语言切换器中期待的结果。.

Drupal 社区欢迎页面,附有祝贺信息
准备好探索新市场了吗?试用我们的自动翻译服务,享受1个月无风险试用,无需信用卡!

如何为您的 Drupal 网站创建用户友好的语言切换器?

在为 Drupal建立语言切换器的过程之后,现在必须了解如何打造一个用户友好的语言切换器,以增强您网站的各种优势。.

  • 可识别的图标或旗帜: 利用广为人知的语言图标或旗帜来代表不同语言。确保所选的图标或旗帜在视觉上醒目且被普遍认可,以保证清晰度。
  • 战略性放置: 将语言切换工具显眼地放置在您的网站上,最好在所有页面上保持一致,例如页眉、页脚或导航菜单。确保翻译工具的可见性和易于访问。
  • 旗帜上的语言标签: 用各自的语言清晰地标注每个语言选项。例如,英语使用“English”,西班牙语使用“Español”,德语使用“Deutsch”等。这有助于用户轻松识别并选择他们偏好的语言。
  • 创新设计: 为翻译工具采用创新设计,使用熟悉的符号或文字来指示语言选择。例如,使用“EN”代表英语,“DE”代表德语。通过使用独特的颜色或高亮,确保语言切换工具脱颖而出。
  • 用户友好切换: 如果默认语言不符合用户偏好,简化用户切换到另一种语言的过程。避免使用下拉菜单、旗帜/图标列表或切换按钮进行语言选择。
  • 响应式设计: 确保语言切换工具具有响应式设计,并能在各种设备和屏幕尺寸上无缝运行。在台式机、智能手机和平板电脑上测试其功能,以保证所有用户都能获得流畅的体验。

为多语言网站 Drupal 使用 Linguise设置语言切换器!

至此,您已经了解了 Drupal的语言切换器配置。创建语言切换器可以带来诸多优势,并据此确保优化。.

通过适当优化语言切换器,它有可能提升整体用户体验。.

现在?继续 注册一个 Linguise 账户,注册您的 Drupal 网站,并微调语言切换器,以提供更好的用户体验。

您可能也有兴趣阅读

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

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

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

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

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

不要错过!
Invalid email address