Como criar um site multilíngue com Joomla 4

Aquecimento

Hoje, o inglês se tornou um idioma global e é um dos idiomas mais populares na internet. Um grande número de sites é criado que prioriza ou se preocupa em postar conteúdo em inglês. No entanto, nem todos podem ler e entender Inglês. Ter sites que oferecem suporte a vários idiomas abre grandes oportunidades para alcançar um público mais amplo, especialmente nas regiões que você deseja segmentar. Na verdade, os administradores de conteúdo em todo o mundo fazem isso há anos, e a demanda por site multilíngue o s está aumentando dia a dia. Felizmente, Joomla é uma das plataformas de gerenciamento de conteúdo que suporta mais idiomas e está disponível em mais de 75. Portanto, construir um site multilíngue também é muito mais fácil com esta plataforma.

Se você estava cético quanto à facilidade, posso garantir que iniciar um site multilíngue em Joomla é mais fácil do que você imagina, mais simples do que pode parecer. Vamos ver!

Então, hoje, neste tutorial, mostrarei como criar um site multilíngue no Joomla 4. Dessa forma, você não precisa usar nenhuma extensão de terceiros e, claro, é totalmente gratuito.

Agora vamos!

Passo a passo Configurando um site multilíngue no Joomla 4

Siga o passo a passo para configurar completamente um site multilíngue no Joomla 4.

Instalando Novos Idiomas

No Joomla 4, existem dois métodos que você pode usar para instalar idiomas.

• Instalar via atualização do Joomla

No Painel inicial, vá para Sistema e, em Instalar , clique em Idiomas para acessar a página Extensões: Idiomas .

Aqui, clique no botão Instalar nos idiomas que deseja instalar. Você pode instalar quantos idiomas quiser.

Para fins de ilustração, neste artigo, instalarei dois idiomas adicionais: francês e chinês (simplificado) .

• Instale manualmente

Com este método, primeiro você precisa baixar os pacotes de idiomas do Official Joomla! Language Packages .

Em seguida, vá para Sistema > Instalar > Extensões , carregue seus pacotes ZIP e instale seus idiomas.

Agora, navegue até Sistema > Gerenciar > Idiomas do conteúdo e habilite (publicar) seus idiomas.

* Aviso: Você pode atualizar/alterar as informações do idioma clicando no título de cada idioma e modificando suas opções, por exemplo, Títulos , Título no idioma nativo , Tag do idioma , Imagem (Bandeira) , Status , Descrição , etc . É um pouco como um perfil de idioma que contém todos os detalhes que o Joomla precisa para poder usar o idioma inglês ou o francês como idiomas de conteúdo “comutáveis”.

Ativando plug-ins “System-Language”

Agora, concluímos a instalação de novos idiomas e os publicamos para conteúdo. Para a próxima etapa, precisamos habilitar o filtro de idioma e os plug-ins de código de idioma. Isso ajuda o Joomla a filtrar o conteúdo e exibi-los com base no idioma que você escolher.

Navegue até Sistema > Gerenciar > Plugins e procure por “ Sistema – Idioma ”.

Aqui, o Joomla exibirá Sistema – Código do idioma e Sistema – Filtro do idioma no resultado da pesquisa. Ative os dois!

Você também pode modificar as configurações do plug-in clicando em seu nome, por exemplo, Sistema – Filtro de idioma Este plug-in permite que o CMS reconheça os diferentes idiomas instalados e exiba apenas o conteúdo relevante para o idioma atual.

* Perceber:

• Este plug-in filtra o conteúdo exibido dependendo do idioma.
• Este plug-in deve ser ativado somente quando o módulo Language Switcher for publicado.
• Se este plug-in estiver ativado, é recomendável também publicar o modo de status multilíngue do administrador.
• Associações de itens — Defina como Sim . Essa opção permite associações de itens ao alternar de um idioma para outro.
• Remover código de idioma do URL — Esta opção remove o código de idioma do URL definido do idioma do conteúdo correspondente ao idioma padrão do site quando o recurso de URLs SEF é habilitado/ligado.

Agora que você configurou os arquivos de idioma corretamente e ativou o filtro de idioma interno do Joomla, por padrão, este plug-in tentará detectar as configurações de idioma do navegador do visitante e exibirá o site em seu idioma (se disponível).

Adicionando conteúdo multilíngue

Agora que você tem vários idiomas prontos em seu site. Você pode usá-los para gerar conteúdo multilíngue. Mas primeiro, vamos criar novas categorias e novos artigos.

• Crie uma nova categoria para cada idioma
• Crie novos artigos em cada idioma.

Adicionar nova categoria

Vamos criar categorias separadas para cada idioma!

• Vá para Conteúdo > Categorias > Adicionar novo
• Dê um título à sua nova categoria
• Selecione um idioma no menu suspenso
• Clique em Salvar e Fechar para concluir
• Repita os mesmos passos para outros idiomas

Adicionar novos artigos

Em seguida, vamos adicionar novos artigos para cada idioma para criar conteúdo de idioma diferente.

• Vá para Conteúdo > Artigos > Adicionar novo
• Forneça um título para seu novo artigo
• Escolha um idioma para o artigo no menu suspenso
• Componha/atualize seu conteúdo
• Clique em Salvar e Fechar quando terminar
• Repita as mesmas etapas para seus outros idiomas

Criação de menus multilíngues

Agora você precisa atribuir categorias e artigos no menu Joomla. Isso permitirá que eles sejam exibidos no front-end. Para fazer isso, crie cada menu para cada um dos seus idiomas.

No Painel inicial, navegue até Menus > Gerenciar > Adicionar novo Insira um Título , escolha um Nome exclusivo e pressione Salvar e fechar .

E repita para os outros idiomas:

Adicionar itens de menu

Os novos menus que você acabou de criar acima ainda estão vazios. Precisamos prosseguir e adicionar novos itens de menu para cada um dos menus.

• Vá para Menus > Menu Principal (en-GB) e adicione novos itens
• Selecione um tipo de item de menu
• Escolha uma categoria que corresponda a um idioma específico
• Escolha um idioma no menu suspenso
• Clique em Salvar e Fechar

Repita as etapas acima para os outros idiomas:

Neste momento, dentro de cada item do menu principal, você precisa definir um menu padrão (por exemplo, Main Menu EN), para quando você clicar no item do menu Home, que se tornará o item Home padrão para páginas em inglês.

Adicionar novos módulos

Para exibir um item de menu no front-end do site, você deve adicionar um módulo para o item de menu e indicar uma posição exata. Navegue até Menus > Gerenciar , selecione um menu e atribua-o a um módulo ou vá para Conteúdo > Módulos do site para começar.

Para obter instruções detalhadas sobre como criar um menu e atribuí-lo a um módulo, consulte este artigo .

• Vá para Conteúdo > Módulos do Site > Adicionar Novo .
• Em Selecione um tipo de módulo , clique em Menu .
• Dê um Título ao novo módulo de menu . ( Obrigatório )
• Selecione um menu de idioma para atribuir a este módulo, por exemplo, Menu Principal (en-GB).
• Especifique uma posição de módulo para apresentá-lo em seu site.
• Escolha um idioma no menu suspenso.
• Clique em Salvar e Fechar para aplicar.

Repita os mesmos passos para os outros idiomas:

De volta a Menus > Gerenciar , você pode ver todos os seus menus que foram vinculados aos respectivos módulos.

Agora, vamos para o próximo passo!

Associações multilíngues

De um modo geral, isso permite que você execute a tradução de conteúdos (artigos, menus, etc.) de um idioma para outro quando você pressiona o seletor de idioma. Certifique-se de que a opção Associações esteja ativada navegando para Sistema > Gerenciar > Extensões , procure por “ Sistema – Filtro de Idioma” e verifique se a opção Associações de Itens está habilitada ( Sim ).

Associações de menu

Ao adicionar um novo item de menu e atribuir um idioma a ele, você pode encontrar as opções de "Associações" na guia "Como associações" que ele mostrará. Você também pode selecionar diferentes itens de menu para diferentes idiomas. O mesmo vale para módulos, artigos e outros itens de conteúdo.

Clique em Salvar e Fechar quando terminar. Repita para outros itens de menu.

Faça o mesmo para artigos, categorias e outros conteúdos de idiomas.

Associações multilíngues

Navegue até Componentes > Associações multilíngues :

Aqui estão algumas opções principais dos componentes:

• Artigos — Você pode selecionar este filtro para fornecer todos os artigos/categorias de um idioma com associações.
• Contatos — lista contatos para associações de idiomas.
• Menus — Com esta opção, você pode associar idiomas para todos os seus itens de menu.
• Feeds de notícias — Ajuda a traduzir feeds se você estiver usando o componente de feed de notícias do Joomla

Configurando a página padrão para cada idioma

Agora vamos definir a página inicial para cada idioma, esta é uma das etapas mais importantes que precisam ser feitas.

• Navegue até Menus > Menu principal (en-GB)
• Clique no ícone de estrela (Definir como inicial) para defini-lo como padrão
• Em seguida, será alterado para o sinalizador inglês (en-GB) para indicar que esta é a página padrão para o menu do menu principal (en-GB)
• Repita para os outros idiomas

Quanto ao francês, chinês ou qualquer idioma que você tenha:

Modelo de duplicação

Com os diferentes idiomas que você instalou em seu site, deve haver um modelo específico para cada um deles. Basta duplicar seu modelo padrão e nomeá-los de acordo com cada idioma.

Criar estilo de modelo para cada idioma

• Vá para Sistema > Estilos de modelo de site (em Modelos )
• Selecione seu estilo de modelo padrão atual e clique no botão Duplicar na parte superior
• Renomeie o modelo duplicado para o idioma EN (somente para páginas em inglês)

Faça o mesmo para os idiomas fr-FR e zh-CN :

Criando módulo de troca de idioma

Agora vem a etapa final!

Um seletor de idioma é um mecanismo que permite aos visitantes do site alternar entre os idiomas a qualquer momento. Ao criar um módulo seletor de idioma, você apresentará uma maneira útil para os visitantes visualizarem facilmente o conteúdo no idioma desejado.

• Navegue até Conteúdo > Módulos do site .
• Clique no botão Novo no canto superior esquerdo.
• Selecione Language Switcher como o tipo de módulo.
• Dê um título ao seu novo módulo, por exemplo, Language Switcher
• Atribua uma posição de módulo correspondente ao seu modelo (escolha no menu suspenso)
• Ative a opção Usar menu suspenso se desejar que o seletor de idioma seja um menu suspenso.
• Certifique-se de selecionar Todos no campo Idioma à direita.
• Por fim, clique em Salvar e fechar para salvar o switcher e deixá-lo pronto para uso.

Ok, agora é hora de verificar os resultados no front-end.

Se você deseja alterar a ordem em que os idiomas são exibidos no seletor de idiomas, pode fazê-lo usando o gerenciador de idiomas de conteúdo.

• Navegue até Sistema > Idiomas do conteúdo (em Gerenciar )
• Arraste e solte cada idioma na posição desejada, um por um.
• Revise as alterações no front-end. É isso!

Ufa! Você criou com sucesso um site multilíngue totalmente funcional em Joomla 4. Parabéns!

Embrulhar

Acabei de mostrar a você uma abordagem direta para criar um site multilíngue em Joomla 4. Espero que tenha gostado do artigo . e sites otimizados para SEO. Obrigado por ler e fique atento para futuras instruções!