Pular a navegação
Atualizado
maio 21, 2024

WPML permite que você adicione um seletor de idioma ao menu do seu site, como um widget ou no rodapé. Você também pode incluir sinalizadores, exibir idiomas em seus nomes nativos e adicionar estilos personalizados.

Um alternador de idioma permite que os visitantes selecionem o idioma em que desejam ler o conteúdo. Dependendo da sua preferência, você pode exibi-lo em diferentes locais do seu site.

Por exemplo, você pode colocar o seletor de idioma como um menu, na seção de cabeçalho.

Language switcher in the header section
Alternador de idiomas na seção de cabeçalho

Ou, se não quiser editar o design do cabeçalho, você pode colocar o seletor de idioma na parte inferior da seção do rodapé.

Language switcher in the footer section
Alternador de idiomas na seção de rodapé

Com o WPML, você pode adicionar facilmente seletores de idiomas em seu próprio site, como os apresentados acima. Para fazer isso:

  1. Decida onde você deseja exibir o seletor de idioma
  2. Adicione ou não uma bandeira ao seletor de idiomas
  3. Personalize seu seletor de idioma

Lembre-se de traduzir seu site

Adicionar um seletor de idioma não torna seu site automaticamente disponível em mais idiomas. Para oferecer idiomas adicionais em seu site, primeiro você precisa traduzi-lo.
Saiba como você pode traduzir facilmente seu site com o WPML.

1. Decida onde exibir o seletor de idioma

WPML adiciona um seletor de idioma ao rodapé do seu site por padrão. No entanto, há muitos outros locais em seu site onde você pode adicionar um seletor de idioma:

  • Menus e widgets
  • Acima ou abaixo do conteúdo da postagem
  • Modelos, partes de modelos e navegação no site

Você precisa adicionar um alternador de idioma a arquivos de modelo usando PHP ou a uma página ou publicação usando códigos de acesso? Leia mais sobre como adicionar seletores de idioma a locais personalizados.

Adicionar um alternador de idioma a um menu, rodapé ou widget

Para adicionar e personalizar seletores de idioma para essas áreas específicas, acesse WPML Idiomas no painel de controle WordPress.

A partir daqui, você pode adicionar novos seletores de idioma ao menu ou a um widget, ou pode editar o seletor de idioma padrão no rodapé.

Adicionar ou editar um seletor de idioma

Adicionar um alternador de idioma acima ou abaixo do conteúdo post

Você também pode criar links para traduções de uma postagem ou página acima ou abaixo do conteúdo da postagem. Isso exibe as outras traduções disponíveis como um link.

Para habilitar isso, vá até WPMLIdiomas e role para baixo até Links para tradução de postagens. Marque a caixa para ver todas as opções.

Ativação de links para tradução de postagens

Adicionar um bloco de alternador de idioma a um modelo, parte de modelo ou navegação

Se você usa o Site Editor do WordPress(anteriormente conhecido como Full Site Editing), pode adicionar um seletor de idioma a qualquer modelo ou parte de modelo usando o bloco WPML Language Switcher.

Adição de um bloco de alternância de idioma ao modelo do site

Para que o bloco do seletor de idioma seja exibido nos idiomas secundários, você precisa traduzi-lo.

  1. Ir para WPMLGestão de Tradução.
  2. Procure a parte do site à qual você adicionou o bloco do seletor de idioma (modelo, parte do modelo, navegação do site etc.).
  3. Envie-o para tradução.
Traduzir a parte do modelo que contém o bloco do seletor de idioma
  1. Se você o traduzir usando o Advanced Translation Editor, copie os campos do seletor de idioma para o idioma secundário e clique em Concluir.
Copiar o campo do seletor de idioma do idioma padrão

O seletor de idioma agora estará visível no idioma secundário.

2. Adicione uma bandeira ao seletor de idioma (ou não)

Para adicionar ou remover uma bandeira no bloco do seletor de idioma, use o botão de alternância no seletor de idioma Configurações de exibição na barra lateral.

Adição de um sinalizador ao bloco do seletor de idioma

Para adicionar ou remover uma bandeira em outro local, acesse WPMLIdiomas e edite o seletor de idioma que você deseja alterar. Em seguida, marque ou desmarque a opção de bandeira.

Adicionar um sinalizador a um seletor de idioma em um rodapé

WPML inclui pelo menos uma bandeira de país para cada idioma pré-configurado. Por padrão, os sinalizadores usam o formato SVG. No entanto, você pode exibir as bandeiras usando PNG, alterando a configuração em WPML Idiomas.

%%tb-image-alt-text%%
Escolhendo o formato do arquivo de bandeira no WPML Idiomas

Você também pode carregar suas próprias bandeiras personalizadas. Leia mais sobre como adicionar sinalizadores de idiomas personalizados ao seletor de idiomas.

3. Dê estilo ao seu alternador de idiomas

Além de mostrar ou não uma bandeira, você pode personalizar outros aspectos do seletor de idioma. Isso inclui a configuração da ordem dos idiomas, a exibição dos idiomas em seus nomes nativos e a configuração das preferências de cores.

Alternador de idioma do menu no front-end

Configurações globais

Você pode definir configurações globais para todos os seletores de idioma em seu site, como a ordem dos idiomas. Para fazer isso, vá até WPMLIdiomas e role até as opções do alternador de idiomas. Essas opções se aplicarão a todos os seletores de idioma em seu site.

A seção principal de opções do seletor de idioma

Configurações por alternador de idioma

Você também pode especificar configurações para cada seletor de idioma individual. Isso permite que você tenha controle total e independente sobre o que ele inclui e sua aparência. As opções que você aplica aos seletores de idioma em cada local só se aplicam a esse seletor de idioma.

Por exemplo, você pode exibir apenas as bandeiras no menu, mas as bandeiras e o nome do idioma no rodapé.

Para alterar essas configurações no bloco do seletor de idioma, selecione o bloco e ajuste as configurações na barra lateral.

Configurações do bloco do seletor de idioma

Para outros seletores de idioma, acesse WPMLIdiomas e edite o seletor de idioma específico que você deseja ajustar.

Configurações do alternador de idiomas do rodapé

À medida que você altera as configurações do seletor de idioma, a visualização é atualizada. A visualização é um “esquema”. Ele não carrega o CSS de front-end, portanto, o seletor de idioma real terá um estilo diferente. No entanto, ele mostra a você o efeito das diferentes opções, configurações de cores, ordem e conteúdo.

Comutadores de idiomas personalizados

Por padrão, WPML usa as regras CSS do seu tema para ajustar o seletor de idioma ao design e estilo do seu site. Se precisar de mais opções de personalização, você poderá criar seletores de idioma personalizados usando a API do PHP. Essa abordagem requer conhecimento de PHP.

Um alternador de idioma flutuante personalizado

Solução de problemas de comutadores de idiomas

Os seletores de idioma adicionados com o WPML ficam bem na maioria dos temas. Se o seletor de idioma não estiver sendo exibido corretamente com o seu tema, pode haver um conflito de CSS. Leia nosso guia sobre como corrigir problemas de estilo para alternadores de idioma.

Você ainda não tem WPML?

WPML pode facilmente ajudar você a adicionar e personalizar um seletor de idiomas em seu site. Para começar, visite nossa página de preços para encontrar o plano certo para seu site.

Para saber mais sobre como criar um site multilíngue com o WPML, acesse nosso guia sobre como traduzir seu site com o WPML.