Astra Pro 插件内置的 Site Builder 功能可以让你像搭积木一样自由设计网页布局。配合 WPML 插件之后,你还能为每种语言(比如中文、英文)单独调整页面结构,确保不同语言的网站看起来风格统一,管理起来也更方便。
本文将介绍 Site Builder 的翻译配置流程,帮助你完成多语言布局创建。
![图片[1]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154741180-image.png)
前期准备工作
启用翻译功能前,需要完成以下设置:
![图片[2]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410153853169-image.png)
- 下拉至 文章类型翻译 区域
![图片[3]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410153902616-image.png)
- 勾选
Site Builder (astra-advanced-hook)的翻译权限
![图片[4]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410153909963-image.png)
- 根据需求选择“有翻译时显示”或“显示默认语言内容”
- 点击保存,完成设置
设置完成后,Site Builder 中的所有布局将出现在 WPML 的翻译管理范围内。
翻译 Site Builder 布局
进入 WordPress 仪表盘,选择 Astra > Site Builder,切换到表格视图便于查看语言状态。
![图片[5]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154029658-image.png)
在每条布局右侧,会显示各语言的翻译图标:
- “+”图标 表示可添加翻译
- 齿轮图标 表示翻译进行中
- 铅笔图标 表示翻译已完成
![图片[6]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154120341-image.png)
点击某语言下的 “+” 图标,进入 WPML 的高级翻译界面。界面左侧为原始内容,右侧为翻译字段。
![图片[7]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154311604-image.png)
逐行填写翻译内容后,点击“完成翻译”按钮,系统将自动保存并连接翻译版本。
若暂时不翻译,可选择“返回列表”,保存当前进度。
当翻译未完成时,原本的“
![图片[8]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154635720-image.png)
完成翻译并提交后,系统会自动创建对应语言的版本,并与原始布局建立关联。此时,在布局列表中,原本的“
![图片[9]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154642643-image.png)
翻译完成后的效果
翻译提交成功后,原布局结构保持不变,仅内容语言发生变化。页面将根据访问者选择的语言自动显示对应版本。
每条布局均可反复进入编辑页面,调整翻译文本,不影响其他语言版本。
![图片[10]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154646365-image.png)
总结
结合 WPML 插件,Site Builder 的多语言管理更为灵活。每一处布局都能对应设置不同语言版本,无需重复设计。这样一来,站点在面对不同地区访客时,能保持统一的结构表现和语言清晰度。遇到问题可前往支持中心获取帮助。
相关文章
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |




















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容