使用区块创建简单的多语言站点（无插件）

WordPress 区块编辑器正在不断地为站点定制带来新的可能。在本教程中，我们将介绍如何使用区块以两种语言创建站点菜单，以及如何创建语言切换器（允许访客更改他们浏览站点的语言）。

您可以点击此处，查看演示，了解它如何运行：

查看演示

在此指南中

1. 注释与参考
   1. 参考及更多信息
2. 方法
   1. 1. 设置页面和页面别名
   2. 2. 为菜单和语言切换器选择布局
   3. 3. 创建语言切换器
   4. 4. 为您的第一语言页面添加导航菜单
   5. 5. 保存新菜单和语言切换器
   6. 6 第二语言菜单
   7. 7 将您的新菜单添加到其他页面
   8. 8. 添加更多页面

注释与参考

• 此语言切换器不翻译您的页面，但它可以让您以两种或多种语言向访客展示站点。您需要自己翻译页面！
• 此语言切换器只会将用户重定向到每种语言的初始页。
• 如果您向站点添加其他页面，则需要更新菜单。
• 初始设置需要花费一点儿时间；不过，设置完成后，调整和更新会很快完成。

参考及更多信息

本教程使用以下功能：

• 页面别名
• 父页面和子页面
• 静态首页
• 栏目区块
• 段落区块
  • （可选）内嵌图片（通过段落区块工具栏使用）
• 导航区块
• 可重用区块

方法

1. 设置页面和页面别名
2. 为菜单和语言切换器选择布局
3. 创建语言切换器
4. 创建导航菜单
5. 保存新菜单和语言切换器
6. 第二语言菜单
7. 将新菜单添加到其他页面
8. 添加更多页面

1. 设置页面和页面别名

为了实现本教程的最佳效果，我们建议使用此处列出的与区块编辑器兼容的主题。

转至我的站点 → 站点 → 页面。首先，为您希望在站点上使用的每种语言创建一个初始页。当前，您无需添加大量内容；一个页面标题就足够了。

发布每个页面以便其处于最新状态，然后更改每个页面的页面 别名，以便其引用自己的语言。在本示例中，法语初始页的标题是 Accueil，并具有页面别名 /fr/：

将您的首选语言初始页指定为您站点的静态首页。这将确保站点访客进入站点时首先以一种语言显示，且可以更改为另一种语言。

创建了所需的所有初始页后，请为不同的语言创建一些其他内容页面。您仍然无需添加内容。只需发布带有标题的页面即可。

创建这些页面时，使用“页面属性”部分，将它们分配为您语言初始页的子页面：

示例 – 页面结构概述

以下示例具有两种语言初始页：英语和法语。它们都有两个子页面 – 英语是“About”和“Contact”；法语是“À Propos”和“Contact”：

2. 为菜单和语言切换器选择布局

在我的站点 > 站点 > 页面中，点击主要语言初始页的标题，在 WordPress 编辑器中打开。

在编辑器中的页面标题下方，添加一个栏目区块，然后选择一个两栏布局。如果您想更改所选择的布局，可以在区块设置中进行更改。查看栏目区块指南，了解执行此操作的更多信息。

我们建议使用一个大栏加一个小栏的布局。小栏将包含您的语言切换器，而大栏则包含您的菜单。

将栏目区块设置为宽或全宽：

3. 创建语言切换器

根据您希望的语言切换器显示方式，我们提供了两种方法 – 您可以键入语言名称，也可以使用内嵌图片来显示标志。

注意：我们不建议使用标志来表示语言，原因有二：
1.无法看到标志图片的访客将难以访问
2.对于访客将哪些标志与特定语言相关联，这可能会导致混淆 – 并非所有人的想法都一致！
为了清晰起见，我们建议使用文本链接（方法 1 或 2）。

方法 1 – 导航区块中的文本链接

现在，您应该有两栏都要添加内容。点击较窄的一栏，并插入一个导航区块：

选择从所有顶部页面创建，自动使用您的父语言初始页填充区块。

然后，您可以更改每个项目的文本，以便其具有自己语言的名称（或缩短版本）：

方法 2 – 段落区块中的文本链接

现在，您应该有两栏都要添加内容。点击较窄的一栏，并向其中添加一个段落区块：

以您喜欢的格式输入语言名称，例如“EN”和“FR”，或“English”和“French”。

突出显示每种语言名称，然后点击插入超链接，按钮将该语言名称与其初始页链接。示例：

使用语言缩写：

方法 3 – 内嵌图像

现在，您应该有两栏都要添加内容。点击较窄的一栏，并向其中添加一个段落区块：

如果您有想要使用的语言标志图片，可以使用内嵌图片功能（在“更多选项”下可以找到）插入这些图片并链接：

在您的段落区块中键入一个空格，这会激活区块工具栏并显示“更多选项”菜单。选择内嵌图片后，将自动打开媒体库/上传框。上传或选择您的标志。有关上传或选择图片的更多信息，请参阅此文档。

添加图片后，您可以点击它来调整大小：

然后，您可以将图片转换为链接，就像制作文本链接一样：

对第二语言标志重复此过程。

4. 为您的第一语言页面添加导航菜单

现在，可以为新语言切换器的另外一栏添加一个导航区块。点击空栏，打开区块菜单，然后搜索 Navigation 或在布局元素部分下找到它：

区块将显示两个选项 – 选择创建空区块。您将看到可添加至页面的区块：

用您的第一语言为每个页面添加一个链接。点击导航区块右侧的“添加区块”按钮（黑色的“+”按钮），来新增一个链接：

5. 保存新菜单和语言切换器

使用编辑器顶部的区块导航按钮选择您的栏：

使用栏目区块工具栏 查看更多选项，并选择添加到可重用区块：

为新的可重用区块指定一个易于识别的名称，例如 Menu – English。有关可重用区块如何运行的更多信息，请参阅本指南。

切记更新您的页面，以保存对页面的更改。恭喜，您已成功创建第一个菜单和语言切换器！

6 第二语言菜单

要为第二语言创建菜单，您可以再次执行步骤 1-5，也可以使用快捷方式：

在 WordPress 编辑器中打开第二语言中的一个页面。点击“添加区块”按钮（黑色的”+”按钮），向页面添加新区块。在区块列表中，滚动到最底部，找到可重用区块类别，您的菜单保存于此。您也可以使用搜索框来查找。

将菜单区块添加到该页面后，通过“更多选项”菜单找到转换为常规区块：

区块显示为常规区块而非可重用区块后，您即可更新导航区块 ，以便它链接您的第二语言的页面。

方法 1 – 移除并重新添加导航区块

使用区块导航器选择导航区块：

移除整个导航区块：

然后按照上述步骤 4 为您的第二语言重新添加一个新的导航区块

方法 2 – 更改导航项目

点击您想要更改的项目。点击“链接”按钮打开链接信息，然后点击“更改”按钮。然后，您可以键入并选择所需的页面。请注意，您还需要手动更改链接的文本：

更改后，按照上述步骤 5 将这个新栏目区块保存为新可重用区块，并为其指定一个清晰易懂的名称，表明它是您的第二语言的菜单。

切记更新您的页面，以保存对页面的更改。恭喜，您已成功创建第二个菜单和语言切换器！

7 将您的新菜单添加到其他页面

您的菜单和语言切换器已准备就绪。现在，您可以按照上述步骤 6，将您的两种语言菜单添加到相应语言的其他页面。请注意：保存可重用区块后，可以将它们添加到其他页面，但无需将其转换为常规区块。

8. 添加更多页面

您是否为每种语言创建了更多页面，并需要将它们添加到您的菜单中？不必担心，您可以编辑您的可重用区块，会在添加它们的每个页面上对其进行更新。有关详情，请点击此处。