Como criar sites multilíngues com o WPBakery e o WPML

Aprenda a traduzir o conteúdo do WPBakery para mais idiomas e a criar um site multilíngue com o WPML.

Primeiros passos

Comece instalando e ativando os seguintes plugins:

• Plugin construtor de páginas WPBakery (abre em uma nova aba)
• Plugin núcleo do WPML e o complemento WPML Tradução de Strings

Se você é novo no WPML, confira nosso Guia de primeiros passos. Ele mostra rapidamente as diferentes opções de tradução que você pode usar.

Como traduzir páginas do WPBakery usando o WPML

O WPBakery é compatível com o modo Traduzir tudo automaticamente do WPML. Se você escolher esse modo ao configurar o WPML, todo o conteúdo da sua página do WPBakery será traduzido automaticamente à medida que você o adiciona ou edita.

Se você quiser decidir qual conteúdo será traduzido, escolha o modo Traduzir uma parte ao configurar o WPML.

Para traduzir o conteúdo do seu site usando o modo Traduzir uma parte:

1. Na sua lista de páginas, clique no ícone de mais embaixo do idioma e ao lado da página que você quer traduzir.
2. Você será levado ao Editor de tradução avançado do WPML. Se você tiver palavras de tradução por IA, verá seu conteúdo traduzido automaticamente. Você pode revisar essas traduções e aceitá-las, ou clicar em Desfazer tradução para inserir a sua própria. Se você não tiver palavras de tradução por IA, adicione as traduções você mesmo.
3. Clique em Salvar e concluir quando terminar todas as suas traduções.

Agora você deve conseguir visualizar as páginas do seu idioma padrão e do idioma secundário no front-end.

Todos os módulos traduzíveis atuais do WPBakery Page Builder

O WPML suporta a tradução de texto nos seguintes módulos do WPBakery Page Builder:

1. Text Block
2. Separator with Text
3. Message Box
4. Hover Box
5. Single Image
6. Image Gallery
7. Image Carousel
8. Tabs
9. Tour
10. Accordion
11. Pageable Container
12. Custom Heading
13. Button
14. Call to Action
15. Widgetised Sidebar
16. Posts Slider
17. Video Player
18. Google Maps
19. Flickr Widget
20. Progress Bar
21. Pie Chart
22. Round Chart
23. Line Chart
24. Post Grid
25. Media Grid
26. Post Masonry Grid
27. Masonry Media Grid
28. Tweetmeme Button
29. FAQ
30. WP Search
31. WP Meta
32. WP Recent Comments
33. WP Calendar
34. WP Tag Cloud
35. WP Text
36. WP Recent Posts
37. WP Categories

Como traduzir elementos Raw HTML

Uma configuração do WPML decide se o WPML envia o conteúdo dos elementos Raw HTML para tradução. Para encontrá-la:

1. Vá para a página WPML → Configurações.
2. Role até a seção Sincronização de posts e páginas.
3. Em Opções de construtores de páginas, encontre a opção Enviar para tradução o conteúdo das células de HTML bruto.

Essa opção está ativada por padrão. Mantenha-a ativada se suas páginas usarem os elementos Raw HTML, Raw JS ou Google Maps.

A opção também decide o que uma página traduzida mantém quando o Editor de tradução avançado (ATE) ou a tradução automática entrega uma tradução:

• Opção ativada: a página traduzida mantém os elementos Raw HTML, Raw JS e Google Maps.
• Opção desativada: o WPBakery remove esses elementos da página traduzida.

Botões com uma ação onclick personalizada não seguem essa regra. O WPBakery remove esses botões das páginas que o ATE traduz, mesmo quando a opção está ativada.

Quando a opção está ativada, os tradutores veem o código dos seus elementos Raw HTML. Muitas vezes, os tradutores não entendem de código e podem quebrá-lo ao traduzi-lo. Diga aos seus tradutores para alterarem apenas os textos visíveis.

Se os textos de um elemento não aparecerem no editor de tradução, leia mais sobre como registrar módulos de construtores de páginas para tradução.

Grades, modelos, estilos e configurações de SEO

Grades de posts e mídias

O WPML traduz os textos dos elementos Post Grid, Media Grid, Post Masonry Grid e Masonry Media Grid. Em uma página traduzida, a grade mostra os posts no mesmo idioma.

Nas páginas que você traduz com o Editor de tradução ou o ATE, o botão Load more da grade, a paginação, o carregamento lento (lazy loading) e os filtros podem mostrar “Nothing found”.

Uma grade em uma página traduzida também pode mostrar o modelo de item do Grid Builder no idioma original. Estamos trabalhando em uma correção.

Modelos do Templatera

O WPML ainda não suporta o complemento Templatera. Quando uma página mostra um modelo do Templatera, todas as traduções dessa página mostram o modelo no idioma original.

CSS personalizado e opções de design

O WPML copia o CSS personalizado da página e o CSS das opções de design dos elementos da página original para suas traduções:

• Se você traduzir a página com o Editor de tradução ou o ATE, o WPML copiará o CSS novamente cada vez que você atualizar a tradução.
• Se você editar a tradução no WPBakery, a tradução manterá seu próprio CSS.

Configurações de SEO do WPBakery

Se você usar as configurações de SEO do WPBakery, o WPML enviará seus textos para tradução junto com a página. Isso inclui o título e a descrição de SEO, a frase-chave de foco e os títulos e descrições para mídias sociais.

Como usar a opção de tradução por IA do WPBakery

A IA do WPBakery pode traduzir o texto de um elemento no editor do WPBakery. Se você usá-la em uma página traduzida, você editará a tradução no WPBakery e não no editor de tradução do WPML.

O WPML lida com essa tradução como qualquer outra tradução que você edita manualmente:

• Quando você abre uma página traduzida no WPBakery, o WPML avisa que suas edições serão perdidas.
• Na próxima vez que você enviar a página para tradução, o WPML substituirá a tradução. Suas edições no WPBakery serão perdidas.

Para manter uma tradução diferente em um idioma, leia sobre como usar editores de tradução diferentes para páginas diferentes.

Como manter a compatibilidade do WPBakery Page Builder com o WPML

Preparamos uma documentação para desenvolvedores que explica como o WPBakery Page Builder funciona com o WPML. Leia mais sobre como atualizar o arquivo de configuração de idioma para manter a compatibilidade entre o WPML e o WPBakery Page Builder.