做外贸独立站,多语言几乎是标配。WordPress 生态里两个主流多语言方案——WPML(付费)和 Polylang(免费 + Pro)——都能和 Bricks 配合使用:先用 Bricks 建好主语言页面,再翻译成任意目标语言,手动或自动翻译都行。Bricks 对 WPML 的集成自 1.7 起就有,组件翻译后来也跟上了;Polylang 的组件翻译自 2.2-beta 起支持。
本文依据 Bricks 官方文档《How to use WPML with Bricks》与《How to use Polylang with Bricks》改写。
两个多语言插件怎么选
| 维度 | WPML | Polylang |
|---|---|---|
| 价格 | 付费订阅(含 WPML String Translation 插件) | 免费版可用;Polylang Pro 付费 |
| 翻译方式 | AI 自动翻译 + 手动翻译 + String Translation 字符串翻译 | 手动翻译为主,Pro 有更多效率工具 |
| 与 Bricks 的集成 | 官方集成,支持整站内容、模板、组件翻译 | 官方集成,2.2-beta 起支持组件翻译 |
| 模板翻译 | 支持,模板设置与类型自动复制到翻译版 | 支持,需为每种语言复制模板并翻译 |
| 菜单翻译 | 用 WPML 的菜单翻译流程 | 每种语言创建独立菜单 |
| 语言切换器 | Bricks 内置 Language switcher 元素 | Bricks 内置 Language switcher 元素 |
| 适用场景 | 预算充足、要 AI 批量翻译、多语种多 | 免费起步、手动翻译为主 |
两条路线都能用 Bricks 的 Language switcher 元素做语言切换,不用写代码。下面分别讲两条路线的完整流程。
WPML:环境准备
先搭好环境:
- Bricks 站点就绪:建议先建好主语言页面(如 Home、Blog)和模板(如 Header、「All Archives」归档模板,归档模板用模板条件应用到所有归档和博客页);
- 安装 WPML 插件:用 OTGS installer 安装 WPML Multilingual CMS 和 WPML String Translation 两个插件;
- 配置语言:通过 WPML 设置向导 配置网站语言。向导会询问网站主题与目标人群,这些上下文会喂给 WPML 的 AI 翻译器 PTC(Private Translation Cloud),让译文更贴合你的行业和目标受众。
WPML:翻译整站内容
批量翻译(推荐入口):进入 WPML → Translation Dashboard,展开要翻译的内容区块(Pages、Posts、Templates、Bricks components 等),勾选条目——翻译页面时会自动包含该页全部 Bricks 元素数据与组件实例的属性值;翻译组件则展开 Bricks components 区块勾选。然后选择 Translate automatically、点 Translate 按钮即可开始(表格下方会显示翻译费用)。
- 大部分情况下 AI 译文可直接用,想改就用 Advanced Translation Editor 微调;
- 前端打开已翻译页面,点顶栏的 Edit translation 就能进编辑器修改;
- 改完可立即发布,记得切换语言才能看到对应语种的译文。
单页翻译:在页面/文章编辑界面直接用 WPML Advanced Translation Editor,适合精修某一页或做补充调整。页面构建器(如 Bricks)内容的翻译细节可参考 WPML 官方文档。
模板翻译:流程和翻译页面/文章一样,模板设置与类型会自动复制到翻译后的模板。注意:如果激活 WPML 后模板翻译没自动启用,需要按 WPML 文档 为自定义内容类型启用翻译,并确保 bricks_template 类型已开启翻译。
翻译选项总览:
| 方式 | 用途 |
|---|---|
| Advanced Translation Editor(AI 自动翻译) | 全站批量翻译,AI 直出后人工复核 |
| Advanced Translation Editor(手动翻译) | 逐页逐条精翻 |
| String Translation | 翻译主题/插件字符串、小组件文本等界面字符串(WPML → String Translation) |
| Edit with Bricks | 翻译后在各语言下用 Bricks 微调设计与布局 |
WPML:同步设计改动到翻译页
翻译完成后,如果你在主语言页里改了设计(布局、样式),这些改动不会自动同步到其他语言的页面。官方推荐的四步同步流程:
- 用 Bricks 编辑主语言页面,做设计改动并保存;
- 点「Edit with WordPress」退出构建器,回到 WordPress 编辑器;
- 在编辑器右侧的 Languages 面板里找到该翻译页;
- 点面板里的编辑/更新图标,打开 Advanced Translation Editor,把新增的未翻译字符串补上,点底部的 Complete 按钮——设计改动就同步到了翻译页,且不影响已翻译的文本。
按语言做不同设计:同步流程保证「同一结构、不同文案」;如果你想给某语言完全不同的布局(比如针对特定受众重排首页),直接用后台语言切换器切到目标语言,用 Bricks 打开对应页面/模板改设计并保存即可。切换语言后,各语言页面展示各自的设计。
WPML:语言切换器与菜单
语言切换器:Bricks 提供官方的 Language switcher 元素,拖到任意位置即可,自带基础样式。自定义外观:WPML → Languages → 拉到 Custom language switchers 勾选 Enable → 点 Customize 设置并保存,改动即时生效。
菜单翻译:参考 WPML 官方菜单翻译文档。
Polylang:安装与基础设置
免费版 Polylang 在插件市场直接装:
- WordPress 后台 → Plugins → Add New,搜索 Polylang,安装并激活;
- 激活后后台出现 Languages 菜单,进去添加网站要支持的语言;
- 记得设置默认语言,并给现有文章/页面分配好语言,之后就能开始翻译。
Polylang Pro 需要从 Polylang 官网下载后上传安装,详细配置见 Polylang 官方文档。本指南对免费版和 Pro 都适用。
Polylang:翻译页面、组件与模板
页面与文章:
- 后台进入要翻译的页面/文章,右侧是 Polylang 添加的 Languages 元框,显示默认语言和其他语言;
- 在目标语言下点 + 按钮,创建一个新草稿;
- 用 Bricks 设计该语言版本,完成后点 Publish——翻译版自动与原文关联。
效率提示:Polylang Pro 的 Clone 功能可以把页面/文章的内容和设置整体复制到新翻译里,复杂布局翻译速度提升明显。免费版可以用 Yoast Duplicate Post 插件替代:先在
Settings → Duplicate post → Permissions里启用对 My templates 类型的复制,复制后把副本分配给正确语言并链接回原页面。
组件翻译(Bricks 2.2-beta 起):所有组件字符串会自动注册,直接在后台翻译——Languages → Translations,搜索组件字符串,为每种语言添加译文并保存。注意顶栏的语言选择器要设为 Show all languages。
模板翻译:
- 后台 Bricks → Templates,选中模板;
- 在 Languages 元框里先给模板分配语言(分配语言是翻译的前提,没分配无法翻译);
- 点目标语言的 + 创建翻译副本(草稿);
- 用 Bricks 修改内容适配新语言。
重要:每个语言都要有对应的模板翻译。如果某语言的页面用到了一个未翻译成该语言的模板,这个模板在该语言页面上不会显示。所以页面用到的所有模板,都要为每个支持的语言准备翻译版。
Polylang:模板条件与菜单注意事项
模板条件:Bricks 模板通过模板条件决定渲染位置。Polylang 把语言处理成 WordPress 的分类法术语(taxonomy terms),所以理论上可以在 Bricks 条件里选语言术语,但官方不推荐——Polylang 为每种语言创建独立的文章/页面(由插件互相关联),语言术语虽然为了向后兼容出现在条件列表里,但行为可能不符合预期。
正确做法是回到上面的「模板翻译」:为每个语言复制模板并翻译内容,这样每个语言版本都会渲染正确的模板,避免不一致。
多语言菜单:Polylang 的做法是每种语言建一个独立菜单:
- 后台 Appearance → Menus,点 Create a new menu;
- 命名(建议带上语言名方便辨认),选择显示位置,创建;
- 可选:用顶栏管理语言选项切到对应语言,保证列表里的页面是该语言的;
- 往里添加页面、文章、分类或自定义链接;
- 每种语言重复以上步骤。
注意:Polylang 切换的是整站内容语言,不是单个菜单项,所以必须分开建菜单。翻译含导航(Nav 元素)的模板(如 Header)时,记得在翻译版模板里把导航元素指向该语言的正确菜单。
语言切换器:Bricks 内置的 Language switcher 元素同样支持 Polylang,拖进画布即可、在构建器里直接定制样式。也可以到 Appearance → Menus 把「Language switcher」作为一个菜单项加进菜单。想换自定义旗帜,参考 Polylang 官方文档。
常见问题排查
Q:激活 Polylang 后模板不显示了? A:先检查模板是否分配了语言——在 WordPress 编辑器右侧的 Languages 面板里给模板分配语言并更新模板。
Q:某语言的页面缺了模板? A:页面语言与模板语言不一致。Bricks 页面用到的模板必须翻译成该页面的语言,否则模板在该语言下不显示。把所有页面用到的模板为每个支持的语言都准备好翻译版。
Q:菜单显示成错误语言? A:Polylang 下每个语言菜单都是独立的,检查是否给每个菜单分配了正确语言;翻译 Header 模板时也要确认导航元素选择了对应语言的菜单。
Q:归档页/搜索页查询结果语言不对? A:确保归档、搜索模板里的主查询循环开启了 Is main query。
Q:WPML 改了设计,翻译页没跟上? A:设计改动不会自动同步。按「同步设计改动到翻译页」的四步流程:Bricks 保存 → Edit with WordPress → Languages 面板 → Advanced Translation Editor 补译新字符串 → Complete。
Q:WPML 模板翻译没自动启用?
A:按 WPML 文档为自定义内容类型启用翻译,确保 bricks_template 类型已开启翻译。
延伸阅读
- 多语言站要建模板,先懂模板条件:Bricks 模板编辑看不到内容?用 Populate Content 喂预览数据
- 页面结构打底:Bricks Layout 布局详解
- 每个语言的文案都要落在内容上,动态数据入门见 Bricks 自定义动态数据标签入门
- 还没装 Bricks?先看 Bricks 安装配置指南
- 官方文档:How to use WPML with Bricks | How to use Polylang with Bricks
- 相关阅读:Bricks Vs Elementor
延伸阅读
Bricks 查询循环输出 ACF 图片字段的 Alt、Caption、标题数据
教程:Bricks 查询循环输出 ACF 图片字段的 Alt、Caption、标题数据——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 中输出 ACF Relationship 关联文章的数量
教程:Bricks 中输出 ACF Relationship 关联文章的数量——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialACF Relationship 字段 + Bricks 查询循环:显示关联文章
教程:ACF Relationship 字段 + Bricks 查询循环:显示关联文章——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorial把任意自定义 WP_Query 循环接入 Bricks 查询循环
教程:把任意自定义 WP_Query 循环接入 Bricks 查询循环——Bricks 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
