目录
Bubble.io 访问要求
与 Bubble.io 配合使用的云端 AI 自动翻译需要一些权限才能完成设置:
- Bubble.io 管理员访问权限
- 在 Bubble.io 上修改域名 DNS
Bubble.io 的设置包含 4 个简单的步骤:
- 注册您的域名以授权翻译
- 根据翻译语言修改域名 DNS
- 将语言切换器链接添加到您的 Bubble.io 设置中
- 启用动态翻译功能。.
如何通过视频教程让你的 Bubble.io 网站实现多语言化
注册您的 Bubble 域名
在您连接或注册至 Linguise dashboard,系统将要求您注册域名以授权翻译。
为此,只需复制包含 https:// 的域名,并选择 “Other Cloud Hosted CMS” 作为平台。
之后,请选择源语言和目标语言。.
SEO重要提示: 您设置的语言数量对SEO有很大影响。当您设置翻译语言时,如果有大量已索引的页面(>500),搜索引擎可能需要很长时间来处理它们。这可能会影响您原始语言的SEO。因此我们建议您一开始最多添加5种语言,等它们被索引后,您可以每月批量添加3种语言。
根据语言修改域名 DNS
使用 Entri 自动添加域 DNS
一旦您成功在您的网站中注册 Linguise dashboard,您’ll 有两个选项继续安装。
您可能会看到此内容,如果您倾向于自动添加 DNS 记录,您可以点击 “自动连接您的 DNS。” 此功能,名为 Entri,将自动添加您的 DNS 记录,使您能够轻松继续安装。另一种选择是手动在您的域名提供商处复制 DNS。
点击按钮后,Entri 将分析您注册的网站 URL 并检查您的公共 DNS 记录。基于此,它将确定所需的 DNS 提供商和 DNS 服务器。.
下一步,您可以点击 “使用[您的域名提供商]授权” (在此示例中,它’s Cloudflare)。您将看到面板切换到您的域名提供商’s 登录页面,您可以登录并继续。
登录域名提供商后,Entri 会自动完成剩余步骤,添加正确的 DNS 记录。每种语言一条 DNS 记录,外加一条用于验证密钥的 TXT DNS 记录。.
您应该可以看到 DNS 已添加到您的域名中。例如:
授权后,Entri 将通知您所有 DNS 设置已成功配置。.
一旦所有 DNS 条目都已在您的域上传播完毕(通常需要 20/30 分钟),您就可以使用翻译功能了。.
如果您更喜欢手动安装,也可以按照我们下面提供的步骤手动进行安装。
复制 DNS 记录
验证完您的域名后,您’将被重定向到一个页面,您可以复制已准备好的要添加到域名的 DNS 记录。这些记录是加载您网站多语言页面所必需的,例如 fr.domain.com, es.domain.com…
以下是您需要复制到 Bubble.io DNS 配置中的主要元素。.
之后,您需要连接到您的域名管理器并访问 DNS 设置区域。然后,按照说明操作,您可以复制以下内容:
- 一条用于域名验证的 TXT 记录
- 一个或多个语言的 CNAME 记录
以下是每种记录类型(TXT 和 CNAME)的示例:
添加完所有记录后,您的配置应该如下所示。.
验证 DNS 验证
将所有记录添加到域 DNS 后,您可以单击“检查 DNS 配置”按钮来检查 DNS 传播情况 。
DNS 验证通常需要 30 分钟到 1 小时. 之后,您应该在 Linguise 仪表板的 DNS 列表右侧看到绿色点。您几乎已经准备好翻译您的 Bubble 网站,只是缺少带有国家旗帜的语言切换器链接。
动态翻译功能
从技术角度讲,Bubble 将 JavaScript 编写的模块、CSS 和 HTML 组合成一个可运行的 Node.js 应用程序。Bubble 自身的语言基于 JSON。.
使用我们的 “动态翻译”功能,您可以无缝地翻译您在 Bubble.io 网站上的内容,包括页面加载后异步(动态)加载的内容。此增强功能可为访客提供更流畅的多语言体验!
您需要在 Linguise 控制面板 帐户设置中激活此功能。
进入 Linguise 控制面板后,点击您注册的域名,然后导航至 “设置” 菜单。
您将在设置页面底部找到此 “翻译动态内容”部分。
为 Bubble.io 添加语言切换器
语言切换器是一个用于选择所需语言的弹出式国旗图标。要加载它,您需要复制 Bubble.io 网站页面头部提供的代码。之后,国旗语言切换器将自动加载到您的公共网站上。.
复制链接位于域名注册流程的末尾或域名设置中。将链接复制到剪贴板。.
然后,前往您的 Bubble 网站面板。在左侧菜单中,点击 ‘Settings’ > 选择 “SEO / metatags”。
从菜单设置中,向下滚动一点,您将在标题下的 “高级设置“.
粘贴您之前复制的Linguise脚本,点击 ‘保存’, 并发布您的站点。
现在,在您的 Bubble.io 网站前端,您应该可以使用 Linguise 语言切换器。.
Bubble.io 网站语言切换器设计
语言切换器可以从 Linguise 仪表板 > 设置 > 语言标志显示。 此处的每一次修改都将在网站上体现。
屏幕右侧是语言切换器的预览。您可以设置以下元素:
- 三种布局:并排、下拉菜单或弹出式
- 语言切换员职位
- 语言切换器内容
- 英语或母语中的语言名称
- 旗帜的形状和尺寸
- 颜色和阴影
Bubble.io 网站上的前端翻译编辑器
前端编辑器方便译者在 Bubble.io 上修改任何语言的 HTML 内容。您可以通过点击页面元素并替换文本、链接或图像来编辑页面。.
也可以通过点击大括号 {} 来编辑元信息。