Guia de personalização avançada do WPML Language Switcher

O WPML é um dos plug-ins de tradução mais antigos para WordPress e desenvolveu, com razão, uma grande reputação no espaço multilíngue do WordPress.

O recurso de alternador de idioma WPML permite que você crie uma opção front-end para que seus visitantes escolham seu idioma preferido em seu site WordPress.

No entanto, algumas pessoas têm dificuldade com o estilo e o posicionamento do seletor de idiomas do WPML.

Este guia irá ajudá-lo a dominar o seletor de idiomas WPML, abordando:

• Funcionalidade básica
• Técnicas avançadas de personalização
• Solução de problemas comuns
• Dicas de otimização para melhorar a experiência do usuário

Também abordaremos brevemente Weglot comparação com o seletor de idiomas do WPML, que pode ser útil como uma solução alternativa ao WPML.

Como adicionar o seletor de idiomas WPML ao seu site

Adicione o WPML Language Switcher ao seu site seguindo estas instruções:

1. Vá para WPML → Idiomas no painel do WordPress.
2. Escolha sua opção de colocação preferida.

3. Para temas baseados em modelos ou blocos, utilize o bloco WPML Language Switcher no Editor do Site.

O WPML oferece várias opções de posicionamento para o seu seletor de idiomas:

• Menus e widgets
• Rodapé (padrão)
• Acima ou abaixo do conteúdo da postagem
• Modelos, partes de modelos e navegação no site (usando o bloco WPML Language Switcher)
• Locais personalizados usando PHP ou códigos de acesso

No entanto, não é possível adicionar um seletor de idioma WPML flutuante por padrão. Se você deseja criar um seletor de idioma WPML flutuante, precisará usar seu próprio código personalizado, contratar um desenvolvedor para fazer isso por você ou escolher uma solução de tradução alternativa.

Veja como você pode configurar o seletor de idiomas WPML no local escolhido:

1. Menus e widgets
   • Vá para WPML → Idiomas no painel do WordPress.
   • Adicione um novo seletor de idioma ao seu menu ou como um widget.
   • Isso é ideal para colocação em destaque em cabeçalhos ou barras laterais.
2. Rodapé (padrão)
   • O WPML adiciona um seletor de idioma ao rodapé do seu site por padrão.
   • Você pode editar isso em WPML → Idiomas.
   • O posicionamento do rodapé é sutil, mas acessível em todas as páginas.
3. Acima ou abaixo do conteúdo da postagem
   • Em WPML → Idiomas, role até "Links para tradução de postagens".
   • Marque a caixa para ativar e configurar as opções.
   • Isso é particularmente útil para blogs ou sites de notícias com atualizações frequentes de conteúdo.
4. Modelos, partes de modelos e navegação no site
   • Use o bloco WPML Language Switcher no Editor de sites do WordPress.
   • Lembre-se de traduzir o bloco para que ele apareça nos idiomas secundários.
   • Esse método oferece a maior flexibilidade para temas baseados em blocos.
5. Locais personalizados
   • Use PHP ou códigos de atalho para adicionar o seletor de idioma a locais personalizados.
   • Essa opção avançada permite posicionamentos exclusivos adaptados ao design de seu site.

Ao configurar o seu seletor de idiomas, você pode personalizar sua aparência:

• Escolha a exibição de bandeiras (SVG por padrão, com uma opção para PNG)
• Mostrar os idiomas em seus nomes nativos
• Defina a ordem dos idiomas para priorizar determinadas traduções

Técnicas avançadas para personalização do seletor de idiomas WPML

Depois de aprender o básico, você pode mergulhar em personalizações mais avançadas para adaptar o seletor de idiomas ao seu site:

1. Opções de estilo
   • Defina opções globais para todos os seletores de idioma em WPML → Idiomas.
   • Configure as definições individuais para cada seletor de idioma separadamente.
   • Personalize as cores, a exibição da bandeira e o formato do nome do idioma.
   • Dica profissional: use as cores de sua marca para obter uma aparência coesa.
2. Bandeiras personalizadas
   • Carregue suas próprias bandeiras personalizadas em WPML → Idiomas → Editar idiomas.
   • Isso é particularmente útil para variações específicas da região (por exemplo, inglês dos EUA vs. inglês do Reino Unido).
3. Configuração do formato de URL: Escolha entre três opções em WPML → Idiomas → Formato do URL do idioma
   • Diferentes idiomas em diretórios (por exemplo, example.com/es/)
   • Um domínio diferente por idioma (por exemplo, es.example.com ou ejemplo.es)
   • Nome do idioma adicionado como parâmetro (por exemplo, example.com/?lang=es) Considere as implicações de SEO ao escolher sua estrutura de URL.
4. Otimização de SEO:
   • Habilite links hreflang em WPML → Idiomas → Opções de SEO.
   • Escolha a posição dos links hreflang (no início ou no final da seção do cabeçalho).
   • Isso ajuda os mecanismos de pesquisa a entender as variações de idioma do seu site.
5. Comutadores de idiomas personalizados:
   • Crie alternadores de idiomas personalizados usando a API PHP para usuários avançados.
   • Isso permite designs exclusivos, como seletores de idioma flutuantes.
6. Idioma do administrador:
   • Defina diferentes idiomas de administração para usuários individuais em Users → Profile.
   • Útil para equipes multilíngues que gerenciam o site.

Lembre-se de que, com grande poder, vem grande responsabilidade. Faça testes completos após fazer alterações avançadas para garantir que tudo funcione conforme o esperado.

Solução de problemas comuns do seletor de idiomas WPML (e uma alternativa)

Mesmo com uma configuração cuidadosa, você pode encontrar problemas. Aqui estão alguns problemas comuns e suas soluções:

1. Conflitos de CSS:
   • Se o seletor de idioma não for exibido corretamente, verifique se há conflitos de CSS com o seu tema.
   • Use as ferramentas de desenvolvimento do navegador (como o viewport) para inspecionar e ajustar o CSS conforme necessário.
   • Tente adicionar CSS personalizado para substituir estilos conflitantes.
2. Traduções ausentes:
   • Certifique-se de que seu conteúdo esteja devidamente traduzido em todos os idiomas.
   • Verifique se há traduções pendentes no WPML → Translation Management.
   • Use o Translation Editor do WPML para gerenciar traduções com eficiência.
3. Problemas de desempenho:
   • Considere habilitar os recursos de cache integrados do WPML.
   • Ative o cookie JavaScript para filtragem AJAX adequada em sites em cache.
   • Otimize seu servidor e use um bom plug-in de cache para aumentar a velocidade geral do site.
4. O seletor de idioma não aparece:
   • Verifique se o seletor de idioma está ativado para os locais escolhidos em WPML → Idiomas.
   • Verifique se seu tema é compatível com os hooks padrão do WPML.
5. Ordem incorreta do idioma:
   • Revise e ajuste a ordem dos idiomas em WPML → Idiomas → Opções do seletor de idiomas.
   • Lembre-se de que o idioma atual sempre aparece primeiro nos seletores suspensos.

Se você estiver tendo problemas constantes com esses problemas, talvez queira considerar uma solução alternativa.

A melhor alternativa ao seletor de idiomas WPML

Embora o WPML ofereça recursos robustos de alternância de idiomas, alguns usuários consideram Weglot uma alternativa mais fácil de usar. Veja por que Weglot como a melhor alternativa ao WPML para alternância de idiomas:

1. Configuração fácil: Weglot todo o seu site WordPress e adiciona um seletor de idiomas poucos minutos após a ativação.
2. Seletor de idioma flutuante: Ao contrário do WPML, Weglot um seletor de idioma flutuante por padrão, sem a necessidade de código personalizado.
3. Opções de posicionamento flexíveis: semelhante ao WPML, Weglot adicionar o seletor de idiomas como um item de menu, widget, código de atalho ou no código do seu site.
4. Personalização sem codificação: Weglot opções fáceis de personalização para a aparência do seletor de idiomas, incluindo: algum texto
   • Formato do menu suspenso
   • Exibição da bandeira do país (com vários estilos)
   • Exibição do nome do idioma (nome completo ou código do país)
5. Tradução automática: Weglot começa com a tradução automática para uma configuração multilíngue rápida, permitindo o refinamento manual posteriormente.
6. Interface de tradução visual: Weglot um visual editor exclusivo visual editor traduzir o conteúdo do seu site, facilitando o trabalho para usuários sem conhecimentos técnicos.
7. Redirecionamento do idioma do navegador: Redirecione automaticamente os visitantes para o idioma de sua preferência com base nas configurações do navegador.
8. Gerenciamento abrangente de traduções: A interface do Weglot permite o gerenciamento fácil de todas as traduções do site, incluindo o conteúdo do tema e do plug-in.

Para adicionar seu seletor de idiomas com Weglot, cadastre-se para obter uma Weglot , instale e conecte o plugin e escolha o idioma original e o(s) idioma(s) de destino que deseja usar:

Assim que você ativar o plugin, Weglot tradução automática para traduzir seu site WordPress e também adiciona automaticamente um seletor de idioma flutuante no canto inferior direito.

Você pode ver o seletor de idioma na página inicial abaixo:

Assim, nos primeiros minutos, você já estará pronto para usar um site multilíngue e um seletor de idioma front-end.

Para usuários que buscam uma solução mais simples com recursos avançados prontos para uso, Weglot uma alternativa atraente ao seletor de idiomas WPML.

Escolha o seletor de idioma que melhor se adapta às suas necessidades

O seletor de idiomas WPML e o seletor de idiomas Weglotpermitem adicionar um seletor de idiomas front-end ao seu site WordPress, mas existem diferenças importantes entre o WPML e Weglot.

Nenhuma das duas abordagens é inerentemente melhor, mas você pode preferir a abordagem Weglotse estiver procurando uma solução mais simples, pois ela permite adicionar um seletor de idioma flutuante e/ou personalizar a aparência do seu seletor de idioma sem a necessidade de código personalizado ou conhecimento técnico.

Se você quiser experimentar o seletor Weglot , inscreva-se para um teste gratuito de 14 dias e veja como ele funciona.