Como traduzir sites criados com layouts de arrastar e soltar

Desde a versão 3.2, o WPML pode traduzir entidades criadas por outros plugins e temas. Neste post, mostramos como traduzir layouts. A ideia é usar apenas um layout para todos os idiomas e traduzir apenas os textos dentro dele.

Introdução ao Layouts

O plugin Layouts é um editor de arrastar e soltar para layouts de páginas. O Layouts funciona com temas baseados em Bootstrap e produz designs responsivos. Ele faz parte do pacote Toolset de plugins de desenvolvimento para WordPress.

O Layouts projeta páginas inteiras, do primeiro ao último pixel. Por si só, o Layouts é bem simples, pois não inclui elementos de conteúdo sofisticados. O Layouts não precisa ter uma biblioteca enorme (e às vezes pesada) de elementos de página, porque ele funciona junto com os demais plugins do Toolset. As células de layout podem exibir conteúdo dinâmico do seu site e formulários. Em vez de escolher uma célula de uma biblioteca e personalizá-la, os plugins do Toolset permitem que você crie facilmente as suas próprias células sem nenhuma programação.

Como traduzir sites baseados no Layouts

Os layouts que você criar normalmente incluirão algum texto “estático” e algum conteúdo dinâmico. Por exemplo, veja o nosso exemplo de “site de empresa”.

Os elementos dinâmicos incluem a lista de serviços e os artigos em destaque. Eles são criados usando o Views. Uma View é como uma WP_Query com um modelo de exibição. Como o WPML se conecta a consultas (hooks) e faz com que elas carreguem o conteúdo no idioma certo, você não precisa fazer nada para traduzir as Views. Exatamente a mesma View carregará o conteúdo correto no idioma exibido.

Os elementos estáticos nesta página são os cabeçalhos. Os textos “Our Services” e “Features Articles” fazem parte do layout. Eles não vêm de nenhum conteúdo dinâmico. Quando você usa o mesmo layout para a página inicial em outro idioma, você quer que esses textos apareçam traduzidos. É aqui que a Tradução de Pacotes do WPML entra em cena. É uma nova API que adicionamos ao WPML 3.2 e está aberta para que todos os outros autores a usem.

O plugin Layouts cria pacotes para o WPML. Um pacote para um layout incluirá todos os textos estáticos que estão no layout e que precisarão de tradução. Esses pacotes são muito parecidos com o conteúdo normal do WordPress que você traduz usando o Editor de tradução do WPML. Você verá todos os campos que requerem tradução.

Dessa forma, você cria um layout e o usa para todos os idiomas do seu site. Você traduz apenas os textos estáticos e todo o conteúdo dinâmico é exibido no idioma correto.

Quer experimentar?

Criamos um site de teste onde você pode experimentar os plugins do Toolset e o WPML. Para usá-lo, inicie o seu site de treinamento privado e gratuito.

Já criamos o conteúdo de teste para você, assim você pode experimentar o Layouts e o processo de tradução.

O idioma padrão do site é o inglês e ele está totalmente traduzido para o espanhol. Adicionamos conteúdo em francês, mas não traduzimos os layouts para o francês.

Acompanhe o vídeo com estes passos:

1. Crie o site de treinamento em discover-wp.com
2. Visite a página inicial do seu site e mude para o francês. Você notará que todos os elementos dinâmicos estão de fato em francês, mas os textos estáticos ainda estão em inglês.
3. Comece explorando o Layouts e vendo como ele funciona.
4. Vá para WPML->Gerenciamento de tradução. Na aba “Painel de tradução”, na seção Filtros, selecione “Layouts” no menu suspenso Tipo.
5. Selecione o layout Home e envie-o para tradução para o francês (ele já está traduzido para o espanhol).
6. Vá para WPML->Traduções e localize o trabalho Layout-Home e clique em “pegar e editar”.
7. Traduza os textos. Precisa de ajuda? Use esta folha de dicas de tradução para os textos principais da página:

   Inglês	Francês
   Our Services	Nos services
   Featured articles	Articles Vedettes
   Testimonials	Témoignages
   Company Overview	Présentation de l’entreprise
   Recent News	Nouvelles récentes

   
   Lembre-se de clicar em “Tradução concluída” ao lado de cada campo e na caixa de seleção “A tradução está concluída” bem no final da página, logo acima do botão “Salvar”.
8. Visite a sua página inicial em francês novamente. Agora você deve ver tudo, incluindo os textos estáticos, traduzido.
9. Experimente novamente editando o layout. Você verá as suas alterações se aplicarem a todos os idiomas do site. Se você editar ou adicionar textos, precisará atualizar a tradução, começando pelo Painel de tradução.

Os passos acima se aplicam à tradução do Layouts usando o nosso site de referência. O site vem com todos os plugins necessários pré-instalados.

Se você quiser seguir os passos no seu próprio site, consulte a documentação “Como traduzir layouts” em wp-types.com. Lá você encontrará a lista de todos os plugins necessários e mais exemplos.

O que vem a seguir?

Obviamente, se você gostou de editar com o Layouts, sinta-se à vontade para comprar o Toolset e usá-lo nos seus projetos reais.

Queremos ver muitos outros plugins e temas oferecerem uma tradução fácil para estruturas complexas. Se você está usando construtores de páginas, formulários e outros elementos “não WordPress”, incentivamos você a entrar em contato com os autores desses plugins e temas. Fale com eles sobre essa possibilidade no WPML. Estamos muito interessados em trabalhar com outros autores e integrar a API de Tradução de Pacotes.

Deixe os seus comentários aqui e nós responderemos a você.