Crie um site multilíngue com o tema Divi

Introdução

O Divi é um tema inteligente e flexível para diversas finalidades, ele vem com um construtor de páginas fácil de usar e vários layouts prontos que ajudarão você a criar o site que atende às suas necessidades. Se você quiser ter um site multilíngue, a integração do Divi com o WPML permitirá que você traduza todos os elementos do tema sem esforço.

O que você vai precisar

• O tema Divi (versão 2.7.3 ou superior).
• Uma versão recente do WPML (versão 3.3.7 ou superior), incluindo os complementos WPML Tradução de Strings, WPML Gerenciamento de tradução e WPML Tradução de mídia.

Recursos essenciais

• O Guia de introdução do WPML ajudará você a configurar o WPML em poucos minutos. Você vai querer consultar mais tarde alguns de seus subtópicos, como Localização de temas e plugins e Tradução de Strings. Recomendamos que você mantenha este guia aberto enquanto acompanha este tutorial.
• A documentação do Divi fornecerá a você todas as informações necessárias para configurá-lo e usar seus diferentes recursos.

Conteúdo

• Primeiros passos
• Como traduzir a página inicial do Divi / qualquer página criada com o construtor de páginas do Divi
• Como traduzir outras páginas, posts, tipos de post personalizados e taxonomias
• Como traduzir outros textos do tema e do site
• Como traduzir as opções de tema do Divi
• Como traduzir os layouts personalizados do Divi
• Como traduzir os menus do Divi
• Como obter ajuda
• Conclusão

Primeiros passos

• Instale o tema Divi e ative-o.
• Instale e ative primeiro os plugins do núcleo do WPML (WPML Multilingual CMS, WPML Tradução de Strings, WPML Gerenciamento de tradução), seguidos por outros plugins do WPML que possam depender deles.
• Configure o WPML em WPML > Idiomas. Consulte nosso Guia de introdução do WPML para uma referência completa. A configuração inicial simples de três etapas é autoexplicativa, pedindo que você escolha o seu idioma padrão, um conjunto de idiomas ativos e um seletor de idiomas. (Para começar, escolha o seletor de idiomas de rodapé; você pode mudar isso mais tarde.)
• Para este tutorial, criaremos nossa página inicial usando os layouts predefinidos que vêm com o Divi.

1. No painel do seu WordPress, clique em “Páginas” e depois em “Adicionar nova”.
2. Clique no botão “Use The Divi Builder”.
3. Clique em “Load From Library”.

1. Role para baixo e clique no botão “Load” ao lado de “Homepage Corporate”. Você pode escolher qualquer layout que preferir.

1. Agora, você pode clicar no link de visualização para ver sua página inicial.

Como traduzir a página inicial do Divi

1. Vá para “Páginas” > “Todas as páginas” no painel do seu WordPress. Você verá colunas para cada idioma ativo, com um ícone de (para ‘editar tradução’) ou um ícone de (para ‘adicionar tradução’) ao lado de cada página. Vá em frente e clique no ícone de para editar a tradução da página inicial que você criou.

1. Clique em “Copiar conteúdo de inglês” na caixa de meta de idioma à direita, depois clique no botão “Use the Divi Builder”.

1. Adicione o texto traduzido ao título da página e aos diferentes elementos do tema e clique no botão “Salvar”.

Note que essas etapas se aplicam a qualquer página criada usando o “Divi Page Builder”.

Como traduzir páginas, posts, categorias de post, tipos de post personalizados e taxonomias personalizadas

De maneira semelhante, você pode traduzir todas as outras páginas e posts, incluindo os tipos de post personalizados “Projects”. Por exemplo, veja como traduzir um post:

1. Vá para “Posts” e clique no ícone de .
2. Clique no botão “Copiar conteúdo de” para carregar o conteúdo do post no idioma padrão.
3. Adicione o conteúdo traduzido.

Como traduzir categorias de post

1. Vá para Posts > Categorias. Como exemplo, criaremos uma categoria e a nomearemos como “En-Category” e clicaremos no botão “Adicionar nova categoria”.
2. Clique na categoria que criamos.

1. Clique no link “adicionar” para adicionar a tradução da categoria.

1. Preencha os campos Nome, Slug e Descrição com a tradução da categoria e clique no botão “Adicionar nova categoria”.

Como traduzir tipos de post personalizados (Project) e categorias de projeto

O tipo de post personalizado “Project” pode ser traduzido usando as mesmas etapas seguidas para traduzir o post normal. Além disso, as categorias de projeto do post podem ser traduzidas da mesma maneira que traduzimos as categorias de post normais.

Como traduzir taxonomias personalizadas

1. Vá para WPML > Tradução de taxonomia
2. Selecione “Project Categories” no menu suspenso “Select the taxonomy to translate”.
3. Clique no botão “traduzir” para adicionar a tradução da taxonomia personalizada preenchendo os campos obrigatórios e, em seguida, clique no botão “OK”, conforme mostrado abaixo.

Como traduzir o texto do tema do Divi e outras strings no seu site

Para traduzir as strings do tema, você precisará analisá-lo em busca de strings. Isso registrará as strings para tradução na tela de tradução de strings. (Leia mais sobre a Localização de temas e plugins.)

Isso pode ser feito seguindo as etapas abaixo:

1. Vá para WPML > Localização de temas e plugins.
2. Escolha a opção “Traduzir o tema e os plugins usando a Tradução de Strings do WPML” e clique no botão “Salvar”.

1. Clique no botão “Verificar o tema em busca de strings”. Isso registrará os textos do tema para tradução na tela de tradução de strings. Confira a ilustração abaixo.

1. Agora você pode ir para WPML >> Tradução de Strings

As strings podem ser filtradas por:

• Selecionar quais strings exibir (Tradução concluída, Tradução necessária, Aguardando tradutor).
• Selecionar um domínio de texto específico.
• Pesquisar por uma string específica digitando-a no campo “Pesquisar por:” e clicar no botão “Pesquisar”.

1. Clique em “traduções” e adicione seu texto traduzido. Em seguida, escolha a opção “A tradução está concluída” e clique em “Salvar”.

Note que a tradução das opções do tema pode ser feita escolhendo o domínio de string “admin_texts_et_divi” na tela de tradução de strings.

Como traduzir as opções de tema do Divi

As opções de tema podem ser traduzidas usando a página de tradução de strings. Por exemplo, se quisermos traduzir o “Homepage custom title” disponível nas opções de tema de SEO do Divi.

Vá para a página “Tradução de Strings” e escolha o domínio de string “admin_texts_theme_Divi”, encontre seu Homepage custom title e adicione o conteúdo traduzido, depois clique no botão “Salvar”, conforme mostrado abaixo.

Como traduzir os layouts personalizados do Divi

Com o Divi, você pode criar seus próprios layouts e salvá-los para serem usados em diferentes páginas ou posts. Confira a documentação do Divi sobre Como salvar e carregar layouts personalizados. Esses layouts podem ser traduzidos usando o WPML, você pode até ter layouts diferentes para seus idiomas. Siga estas etapas para criar, salvar, traduzir e carregar seus layouts personalizados:

1. No painel do seu WordPress, vá para Divi > Divi Library e clique no botão de adicionar novo. Certifique-se de que o idioma principal alternado no painel do seu WordPress esteja definido como o seu idioma padrão.
2. Preencha o nome do layout e escolha “Template Type:” como “Layout”

1. Crie a estrutura de layout que você preferir. Em nosso exemplo, adicionaremos um módulo de texto à esquerda e um módulo de imagem à direita, depois clicaremos no botão “Publicar”.

1. Clique no ícone de na caixa de meta de idioma encontrada à direita para criar o layout traduzido.

1. Adicione o título para o layout traduzido, no nosso caso será “Spanish Layout”. Você pode escolher uma estrutura de layout diferente. Por exemplo, definimos o módulo de texto para ficar à direita e o módulo de imagem para ficar à esquerda. Você pode escolher qualquer layout que preferir e, em seguida, clicar no botão “Publicar”.

Ao carregar esses modelos de layout em suas páginas, você pode carregar o layout em inglês nas suas páginas em inglês e os layouts em espanhol nas páginas em espanhol. Isso pode ser feito ao:

1. adicionar uma nova página > Clicar no botão “Use Divi Builder” > Clicar na aba “Load From Library”.
2. Clicar na aba “Add From Library” e clicar no botão “Load” para carregar o layout em inglês.

As mesmas etapas podem ser seguidas para adicionar o layout traduzido à(s) página(s) do(s) seu(s) idioma(s) secundário(s).

Como traduzir os menus do Divi

Com o WPML, você pode sincronizar facilmente os menus dos seus idiomas. Para obter mais informações, confira nosso tutorial completo de tradução de menus.

Como obter ajuda

Se você precisar de ajuda para usar o WPML com o tema Divi, acesse nosso fórum técnico.

Antes de postar suas dúvidas, recomendamos que você analise o seguinte:

1. Certifique-se de ter as versões mais recentes do tema e dos plugins do WPML, e de que todos estejam ativados. Isso inclui o WPML Multilingual CMS, o WPML Tradução de Strings e o WPML Gerenciamento de tradução.
2. Confirme se o seu problema não ocorre quando os plugins do WPML estão desativados, mas ocorre quando apenas os plugins do núcleo do WPML estão ativados. Em outras palavras, certifique-se de que é um problema de compatibilidade do Divi com o WPML. Caso contrário, o suporte do Divi poderá oferecer uma assistência melhor.

Conclusão

O tema Divi tem muitos recursos, com a integração do WPML você poderá traduzir facilmente todos os seus diferentes elementos. As instruções detalhadas apresentadas neste tutorial permitirão que você crie seu site localizado de forma inteligente usando o tema Divi e o WPML.