WPML
教程

使用 Divi 主题构建多语言网站

Amir2 分钟

分享：

使用 WPML 翻译 Divi 主题

简介


Divi 是一款智能且灵活的多用途主题，它附带易于使用的页面构建器和大量预制布局，可帮助您创建满足需求的网站。如果您希望拥有一个多语言网站，Divi 与 WPML 的集成将使您能够毫不费力地翻译所有主题元素。

您需要什么

  • Divi 主题（2.7.3 或更高版本）。
  • 最新版本的 WPML（3.3.7 或更高版本），包括字符串翻译、翻译管理和媒体翻译附加组件。

基本资源

目录

开始使用

  • 安装 Divi 主题并激活它。
  • 首先安装并激活核心 WPML 插件（WPML Multilingual CMS、WPML 字符串翻译、WPML 翻译管理），然后再安装其他可能依赖于它们的 WPML 插件。
  • 从 WPML > 语言 设置 WPML。有关完整参考信息，请参阅我们的 WPML 快速入门指南。最初简单的三个步骤设置不言自明，要求您选择默认语言、一组活动语言以及语言选择器。（对于初学者，请选择页脚语言选择器；您可以稍后更改此设置。）
  • 在本教程中，我们将使用 Divi 附带的预定义布局来创建首页。
  1. 在 WordPress 仪表板上，单击“页面”，然后单击“新建”。
  2. 单击“Use The Divi Builder”按钮。
  3. 单击“Load From Library”。
从库中加载
  1. 向下滚动并单击“Homepage Corporate”旁边的“Load”按钮，您可以选择任何您喜欢的布局。
选择您的预定义布局
  1. 现在，您可以单击预览链接以查看您的首页。

翻译 Divi 首页


  1. 在 WordPress 仪表板上导航至“页面” > “所有页面”，您将看到每种活动语言对应的列，每个页面旁边都有一个 笔形图标 图标（表示“编辑翻译”）或一个 加号图标 图标（表示“添加翻译”）。继续并单击 加号图标 图标，为已创建的首页编辑翻译。
首页翻译-1
  1. 单击右侧语言元框中的“从英语复制内容”，然后单击“Use the Divi Builder”按钮。
首页翻译-2
  1. 将翻译后的文本添加到页面标题和不同的主题元素中，然后单击“保存”按钮。
首页翻译-3

请注意，这些步骤适用于使用“Divi Page Builder”创建的任何页面。

翻译页面、文章、文章类别、自定义文章类型和自定义分类法


同样地，您可以翻译所有其他页面和文章，包括自定义文章类型“Projects”。例如，以下是翻译文章的方法：
  1. 导航至“文章”，然后单击 加号图标 图标。
  2. 单击“从...复制内容”按钮以加载默认语言文章内容。
  3. 添加翻译后的内容。
文章翻译

翻译文章类别

  1. 导航至“文章” > “分类”，作为示例，我们将创建一个类别并将其命名为“En-Category”，然后单击“添加新分类”按钮。
  2. 单击我们创建的类别。
类别翻译
  1. 单击“添加”链接以添加类别的翻译。
向类别添加翻译
  1. 在名称、别名和说明字段中填写类别翻译，然后单击“添加新分类”按钮。
向类别添加翻译内容

翻译自定义文章类型（Project）和 Project 类别


可以使用与翻译常规文章相同的步骤来翻译自定义文章类型“Project”。此外，文章 Project 类别也可以按照翻译常规文章类别的方式进行翻译。

翻译自定义分类法

  1. 前往 WPML > 分类法翻译
  2. 从“选择要翻译的分类法”下拉菜单中选择“Project Categories”。
  3. 单击“翻译”按钮，通过填写必填字段来添加自定义分类法翻译，然后单击“确定”按钮，如下所示。
分类法翻译

翻译您网站上的 Divi 主题文本和其他字符串


要翻译主题字符串，您需要扫描其中的字符串。这将在字符串翻译屏幕上注册字符串以供翻译。（详细了解主题和插件本地化。）

可以按照以下步骤完成此操作：

  1. 前往 WPML > 主题和插件本地化。
  2. 选择“使用 WPML 的字符串翻译来翻译主题和插件”选项，然后单击“保存”按钮。
使用 WPML 的字符串翻译来翻译主题和插件
  1. 单击“扫描主题以查找字符串”按钮。这将在字符串翻译屏幕上注册主题文本以供翻译。请查看下图。
扫描主题以查找字符串
  1. 现在您可以导航至 WPML >> 字符串翻译

可以通过以下方式筛选字符串：
  • 选择要显示的字符串（翻译已完成、需要翻译、等待译员）。
  • 选择特定文本域。
  • 在“搜索：”字段中键入特定字符串，然后单击“搜索”按钮以查找该字符串。
  1. 单击“翻译”，然后添加翻译后的文本。然后选择“翻译已完成”选项，并单击“保存”。
字符串翻译

请注意，可以通过在字符串翻译屏幕上选择“admin_texts_et_divi”字符串域来翻译主题选项。

翻译 Divi 的主题选项


可以使用字符串翻译页面来翻译主题选项。例如，如果我们想要翻译 Divi 的 SEO 主题选项中提供的“Homepage custom title”。

主题选项翻译 1

导航至“字符串翻译”页面，选择字符串域“admin_texts_theme_Divi”，找到您的 Homepage custom title 并添加翻译后的内容，然后单击“保存”按钮，如下所示。

主题选项翻译 2

翻译 Divi 的自定义布局


使用 Divi，您可以创建自己的布局并将其保存以用于不同的页面或文章。请查看 Divi 关于保存和加载自定义布局的文档。可以使用 WPML 翻译这些布局，您甚至可以为您的语言设置不同的布局。请按照以下步骤创建、保存、翻译和加载您的自定义布局：
  1. 在 WordPress 仪表板上，导航至 Divi > Divi Library，然后单击新建按钮。确保 WordPress 仪表板中切换的主要语言设置为您的默认语言。
  2. 填写布局名称，并将“Template Type:”选择为“Layout”
英语布局
  1. 创建您喜欢的布局结构，在我们的示例中，我们将在左侧添加一个文本模块，在右侧添加一个图像模块，然后单击“发布”按钮。
创建英语布局
  1. 单击右侧语言元框中的 加号图标 图标以创建翻译后的布局。
向布局添加翻译
  1. 添加翻译后布局的标题，在我们的示例中为“Spanish Layout”。您可以选择不同的布局结构。例如，我们将文本模块设置在右侧，将图像模块设置在左侧。您可以选择任何您喜欢的布局，然后单击“发布”按钮。
西班牙语布局

将这些布局模板加载到页面时，您可以将英语布局加载到英语页面，将西班牙语布局加载到西班牙语页面。可以通过以下方式完成此操作：

  1. 添加新页面 > 单击“Use Divi Builder”按钮 > 单击“Load From Library”选项卡。
  2. 单击“Add From Library”选项卡，然后单击“Load”按钮以加载英语布局。
加载英语布局模板

可以按照相同的步骤将翻译后的布局添加到您的次要语言页面。

翻译 Divi 的菜单


借助 WPML，您可以轻松在各语言的菜单之间进行同步。有关更多信息，请查看我们完整的菜单翻译教程。

获取帮助


如果您在使用 WPML 和 Divi 主题时需要帮助，请导航至我们的技术论坛。

在发布您的问题之前，我们建议您检查以下内容：

  1. 确保您拥有最新版本的主题和 WPML 插件，并且它们均已激活。这包括 WPML Multilingual CMS、WPML 字符串翻译和 WPML 翻译管理。
  2. 确认在停用 WPML 插件时不会出现您的问题，而仅在激活核心 WPML 插件时才会出现。换句话说，确保这是 Divi 与 WPML 的兼容性问题。否则，Divi 的支持团队可以提供更好的帮助。

结论


Divi 主题具有许多功能，通过与 WPML 集成，您将能够轻松翻译其所有不同元素。本教程中介绍的详细说明将使您能够使用 Divi 主题和 WPML 智能地构建本地化网站。

觉得有用吗？分享这篇文章：

您可能还喜欢