Elementor作为WordPress生态中主流的可视化建站编辑器,为跨境电商独立站搭建提供了高效便捷的方案,却无法自主实现专业的多语言转换。TranslatePress作为适配性极强的WordPress翻译插件,可与Elementor无缝集成,支持前端实时可视化翻译,无需代码即可完成独立站多语言改造。本文将详细讲解二者的集成方法,带大家快速掌握Elementor网站的多语言搭建技巧。
TranslatePress插件:点击直达
1、安装并激活TranslatePress插件
登录 WordPress 后台,进入插件-安装插件,搜索 “TranslatePress”,安装后激活即可。
2、 配置插件设置
TranslatePress多语言插件安装完成后,进入设置-TranslatePress,可设置目标语言、语言名称显示方式、是否启用谷歌翻译、购买激活扩展插件等。
本教程以意大利语为目标语言,可按需选择,设置完成后保存更改。
3、创建待翻译的页面
插件配置完毕后,进入页面-新建页面,命名页面后点击使用 Elementor 编辑。
本教程选用个人简介页面模板,也可自选其他模板。
编辑英文内容,添加表单、按钮等元素,并用 Elementor 保存的模板设置页眉和页脚,完成后发布页面。
4、翻译页面
回到后台,进入页面-所有页面,找到刚创建的页面,点击查看。
页面加载后,点击顶部管理栏的翻译页面;若隐藏了管理栏,可将页面添加到主菜单,再点击翻译网站。
页面加载后,左侧是翻译界面,右侧是网站页面,鼠标悬停待翻译文本,点击铅笔图标即可输入译文,完成后点击保存翻译。
可在翻译界面顶部切换语言,预览翻译效果。
按照此方法,可依次翻译菜单、标题、按钮、表单等所有文本内容,翻译完当前页面后,可通过菜单或后台继续翻译其他页面。
5、按语言显示不同的小工具或板块(可选)
若想为不同语言展示差异化内容,可直接在 Elementor 界面操作:
点击小工具或板块,进入高级选项卡,找到按语言限制和按语言排除功能:
- 按语言限制:仅在指定语言下显示该元素

- 按语言排除:在指定语言下隐藏该元素

翻译时该元素仍可见,内容需用默认语言编写,灵活实现多语言差异化展示。
推荐阅读:
