WPML 5.0 Beta – Uma experiência reformulada e tradução automática mais inteligente
O WPML 5.0 é a maior atualização que lançamos em anos.
Os idiomas da direita para a esquerda representam um desafio especial. Felizmente, o WordPress ajuda muito a reduzir essa dificuldade. Mostraremos como criar um site RTL perfeitamente funcional, baseado no tema padrão TwentyTen.
Quando você cria um site multilíngue RTL / LTR, precisa resolver duas questões:
- Edição / tradução
- Exibição
A primeira parte, para criar ou traduzir seu site, significa trabalhar no painel de administração do WordPress no idioma certo e na direção certa. Se você estiver traduzindo entre idiomas LTR e RTL, lembre-se de que precisará ver conteúdo com direções mistas na mesma tela.
Ao exibir o site, seu tema precisa lidar com a direção de exibição correta para os idiomas RTL e LTR.
Este tutorial usará nosso site de demonstração multilíngue Twenty Ten, disponível em inglês, espanhol e hebraico (RTL).
Preparação – Como obter os arquivos .mo do núcleo e do tema
O próprio WordPress e o tema padrão estão totalmente localizados para muitos idiomas. Precisamos da versão mais recente da localização, então decidi obtê-la a partir das compilações localizadas do WordPress. Você pode obtê-las aqui:
- http://es.wordpress.org/ – espanhol
- http://he.wordpress.org/ – hebraico
Depois de baixar e descompactar o WordPress, vá para wordpress/wp-content/languages. Copie todo o conteúdo para o seu diretório languages. Faça o mesmo para o tema. Os arquivos de tradução estarão em wp-content/themes/twentyten (ou no tema padrão atual, se você estiver lendo este post mais tarde).
Você também deve configurar o WPML para permitir que ele traduza o tema e os plugins.
Tradução
O módulo Gerenciamento de tradução do WPML permite enviar trabalhos de tradução e traduzir usando contas diferentes. Ele também permite que você traduza com o Editor de tradução do WPML. Quando há conteúdo com direções mistas envolvido, isso é particularmente importante, pois o Editor de tradução ajusta automaticamente a direção de cada campo.
Se isso for novo para você, leia primeiro sobre o módulo Gerenciamento de tradução.
É assim que fica quando eu traduzo o post Hello World para o hebraico.
Você pode ver que os textos em inglês estão alinhados à esquerda, enquanto o hebraico está alinhado à direita. Eu posso até usar o modo HTML para copiar e colar itens do inglês. O modo HTML exibe em LTR, para permitir que você insira as tags corretamente.
Quando você traduz strings, o WPML também as exibe na direção correta. É assim que a tela Tradução de Strings fica quando eu traduzo o título do widget Search.
Os módulos Editor de tradução e Tradução de Strings permitirão que traduzamos o site completamente. A seguir, vemos como exibi-lo adequadamente na direção certa.
Como exibir o site em RTL e LTR
Agora que seu conteúdo está traduzido, é hora de voltarmos nossa atenção para o tema.
Esta pequena linha faz a maior parte da mágica:
<html dir="rtl" lang="he-IL">
Você pode ver isso se visualizar o código-fonte de qualquer página em hebraico. Por exemplo, a página inicial.
O atributo dir="rtl" diz ao site que a direção de exibição para todo o site é da direita para a esquerda. Os navegadores entendem isso e inverterão tudo para a direção certa.
Esta única linha PHP, do header.php, faz isso acontecer:
<html <?php language_attributes(); ?>>
A chamada para language_attributes insere os atributos dir e lang. Os valores vêm do arquivo .mo do núcleo. Se você tiver os arquivos .mo corretos para o WordPress, obterá os valores corretos para esses atributos.
Se o HTML e o CSS do seu tema seguirem práticas “seguras”, isso é realmente tudo de que você precisa. Por seguras, quero dizer sem larguras ou posicionamento absolutos. Se você precisar usar absolutos, pode considerar carregar um CSS diferente por idioma.
Você pode fazer isso facilmente usando declarações condicionais que examinam a constante ICL_LANGUAGE_CODE (descrita na API de codificação do WPML).
Os resultados
Veja como nosso site de demonstração fica em inglês, espanhol e hebraico.
|
|
|
|
