翻译使用拖放式布局创建的站点

自 3.2 版本起，WPML 可以翻译由其他插件和主题创建的实体。在本文中，我们将介绍如何翻译布局。其理念是所有语言仅使用一个布局，并且只翻译其中的文本。

Layouts 简介

Layouts 插件是一个用于页面布局的拖放式编辑器。Layouts 可与基于 Bootstrap 的主题配合使用，并生成响应式设计。它是 WordPress 开发插件 Toolset 包的一部分。

Layouts 可以设计整个页面，从第一个像素到最后一个像素。就其本身而言，Layouts 非常朴素，因为它不包含任何花哨的内容元素。Layouts 不需要拥有庞大（有时甚至臃肿）的页面元素库，因为它与 Toolset 的其他插件协同工作。布局单元格可以显示来自您站点的动态内容和表单。Toolset 插件无需从库中选择单元格并进行自定义，而是让您无需任何编程即可轻松创建自己的单元格。

翻译基于 Layouts 的站点

您创建的布局通常会包含一些“静态”文本和一些动态内容。例如，请看我们的“公司站点”示例。

动态元素包括服务列表和特色文章。它们是使用 Views 创建的。View 就像是带有显示模板的 WP_Query。由于 WPML 会挂钩到查询并使其加载正确语言的内容，因此您无需执行任何操作即可翻译 Views。完全相同的 View 将以显示的语言加载正确的内容。

此页面上的静态元素是标题。文本“Our Services”和“Features Articles”是布局的一部分。它们并非来自任何动态内容。当您在另一种语言的主页上使用相同的布局时，您希望这些文本显示为已翻译。这就是 WPML 的包翻译发挥作用的地方。这是我们在 WPML 3.2 中添加的新 API，并向所有其他作者开放使用。

Layouts 插件会为 WPML 创建包。布局的包将包含布局中所有需要翻译的静态文本。这些包看起来与您使用 WPML 翻译编辑器翻译的普通 WordPress 内容非常相似。您将看到所有需要翻译的字段。

这样，您只需创建一个布局，并将其用于站点的所有语言。您只需翻译静态文本，所有动态内容都会以正确的语言显示。

想要尝试吗？

我们创建了一个测试站点，您可以在其中体验 Toolset 插件和 WPML。要使用它，请启动您免费的私人培训站点。

我们已经为您创建了测试内容，因此您可以体验 Layouts 和翻译过程。

该站点的默认语言是英语，并且已完全翻译为西班牙语。我们添加了法语内容，但尚未将布局翻译为法语。

结合以下步骤观看视频：

1. 在 discover-wp.com 中创建培训站点
2. 访问您站点的主页并切换到法语。您会发现所有动态元素确实都是法语，但静态文本仍然是英语。
3. 首先试用 Layouts，看看它是如何工作的。
4. 前往 WPML->翻译管理。在“筛选”部分的“翻译仪表板”选项卡中，从“类型”下拉菜单中选择“Layouts”。
5. 选择 Home 布局并将其发送以翻译为法语（它已被翻译为西班牙语）。
6. 前往 WPML->翻译，找到 Layout-Home 任务并单击“接手并编辑”。
7. 翻译文本。需要帮助吗？请使用此翻译备忘单来翻译页面上的主要文本：

   英语	法语
   Our Services	Nos services
   Featured articles	Articles Vedettes
   Testimonials	Témoignages
   Company Overview	Présentation de l’entreprise
   Recent News	Nouvelles récentes

   
   请记住单击每个字段旁边的“翻译已完成”，并勾选页面最底部、“保存”按钮上方的“翻译完成”复选框。
8. 再次访问您的法语主页。现在您应该会看到所有内容（包括静态文本）都已翻译。
9. 通过编辑布局再次进行尝试。您将看到您的更改应用于站点的所有语言。如果您编辑或添加文本，则需要从翻译仪表板开始更新翻译。

上述步骤适用于使用我们的参考站点翻译 Layouts。该站点已预装所有必需的插件。

如果您想在自己的站点上执行这些步骤，请参阅 wp-types.com 上的“How to translate Layouts”文档。您将在那里找到所有必需插件的列表以及更多示例。

下一步是什么？

显然，如果您喜欢使用 Layouts 进行编辑，我们非常欢迎您购买 Toolset 并将其用于您的实际项目。

我们希望看到更多插件和主题为复杂结构提供简单的翻译。如果您使用的是页面构建器、表单和其他“非 WordPress”元素，我们鼓励您联系这些插件和主题的作者。向他们介绍 WPML 中的这种可能性。我们非常乐意与其他作者合作并集成包翻译 API。

请在此处留下您的评论，我们会给您回复。