🆕 Bricks 2.4 已发布:查询循环性能提升 40%,迁移教程同步更新 →

首页 / 中文教程 / 教程

Bricks + WPML/Polylang 多语言站搭建指南

教程:Bricks + WPML/Polylang 多语言站搭建——覆盖两个插件的环境准备、翻译页面与模板、组件翻译、语言切换器与常见问题排查,适合外贸独立站与 WordPress 开发者。

Ray ChanRay Chan·2026-08-18·约 3 分钟
目录
  1. 1.两个多语言插件怎么选
  2. 2.WPML:环境准备
  3. 3.WPML:翻译整站内容
  4. 4.WPML:同步设计改动到翻译页
  5. 5.WPML:语言切换器与菜单
  6. 6.Polylang:安装与基础设置
  7. 7.Polylang:翻译页面、组件与模板
  8. 8.Polylang:模板条件与菜单注意事项
  9. 9.常见问题排查

做外贸独立站,多语言几乎是标配。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:环境准备

先搭好环境:

  1. Bricks 站点就绪:建议先建好主语言页面(如 Home、Blog)和模板(如 Header、「All Archives」归档模板,归档模板用模板条件应用到所有归档和博客页);
  2. 安装 WPML 插件:用 OTGS installer 安装 WPML Multilingual CMS 和 WPML String Translation 两个插件;
  3. 配置语言:通过 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:同步设计改动到翻译页

翻译完成后,如果你在主语言页里改了设计(布局、样式),这些改动不会自动同步到其他语言的页面。官方推荐的四步同步流程:

  1. 用 Bricks 编辑主语言页面,做设计改动并保存;
  2. 点「Edit with WordPress」退出构建器,回到 WordPress 编辑器;
  3. 在编辑器右侧的 Languages 面板里找到该翻译页;
  4. 点面板里的编辑/更新图标,打开 Advanced Translation Editor,把新增的未翻译字符串补上,点底部的 Complete 按钮——设计改动就同步到了翻译页,且不影响已翻译的文本。

按语言做不同设计:同步流程保证「同一结构、不同文案」;如果你想给某语言完全不同的布局(比如针对特定受众重排首页),直接用后台语言切换器切到目标语言,用 Bricks 打开对应页面/模板改设计并保存即可。切换语言后,各语言页面展示各自的设计。

WPML:语言切换器与菜单

语言切换器:Bricks 提供官方的 Language switcher 元素,拖到任意位置即可,自带基础样式。自定义外观:WPML → Languages → 拉到 Custom language switchers 勾选 Enable → 点 Customize 设置并保存,改动即时生效。

菜单翻译:参考 WPML 官方菜单翻译文档。

Polylang:安装与基础设置

免费版 Polylang 在插件市场直接装:

  1. WordPress 后台 → Plugins → Add New,搜索 Polylang,安装并激活;
  2. 激活后后台出现 Languages 菜单,进去添加网站要支持的语言;
  3. 记得设置默认语言,并给现有文章/页面分配好语言,之后就能开始翻译。

Polylang Pro 需要从 Polylang 官网下载后上传安装,详细配置见 Polylang 官方文档。本指南对免费版和 Pro 都适用。

Polylang:翻译页面、组件与模板

页面与文章:

  1. 后台进入要翻译的页面/文章,右侧是 Polylang 添加的 Languages 元框,显示默认语言和其他语言;
  2. 在目标语言下点 + 按钮,创建一个新草稿;
  3. 用 Bricks 设计该语言版本,完成后点 Publish——翻译版自动与原文关联。

效率提示:Polylang Pro 的 Clone 功能可以把页面/文章的内容和设置整体复制到新翻译里,复杂布局翻译速度提升明显。免费版可以用 Yoast Duplicate Post 插件替代:先在 Settings → Duplicate post → Permissions 里启用对 My templates 类型的复制,复制后把副本分配给正确语言并链接回原页面。

组件翻译(Bricks 2.2-beta 起):所有组件字符串会自动注册,直接在后台翻译——Languages → Translations,搜索组件字符串,为每种语言添加译文并保存。注意顶栏的语言选择器要设为 Show all languages。

模板翻译:

  1. 后台 Bricks → Templates,选中模板;
  2. 在 Languages 元框里先给模板分配语言(分配语言是翻译的前提,没分配无法翻译);
  3. 点目标语言的 + 创建翻译副本(草稿);
  4. 用 Bricks 修改内容适配新语言。

重要:每个语言都要有对应的模板翻译。如果某语言的页面用到了一个未翻译成该语言的模板,这个模板在该语言页面上不会显示。所以页面用到的所有模板,都要为每个支持的语言准备翻译版。

Polylang:模板条件与菜单注意事项

模板条件:Bricks 模板通过模板条件决定渲染位置。Polylang 把语言处理成 WordPress 的分类法术语(taxonomy terms),所以理论上可以在 Bricks 条件里选语言术语,但官方不推荐——Polylang 为每种语言创建独立的文章/页面(由插件互相关联),语言术语虽然为了向后兼容出现在条件列表里,但行为可能不符合预期。

正确做法是回到上面的「模板翻译」:为每个语言复制模板并翻译内容,这样每个语言版本都会渲染正确的模板,避免不一致。

多语言菜单:Polylang 的做法是每种语言建一个独立菜单:

  1. 后台 Appearance → Menus,点 Create a new menu;
  2. 命名(建议带上语言名方便辨认),选择显示位置,创建;
  3. 可选:用顶栏管理语言选项切到对应语言,保证列表里的页面是该语言的;
  4. 往里添加页面、文章、分类或自定义链接;
  5. 每种语言重复以上步骤。

注意: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 类型已开启翻译。

延伸阅读

Ray Chan

站长

Ray Chan

WordPress Developer & Bricks Specialist

WordPress developer with 10+ years of client builds. Switched to Bricks in 2023 — now builds fast WordPress sites and migrates legacy Elementor/Divi projects.

延伸阅读