Como criar uma opção de seleção de idioma?
Caso tenha crido uma páginas multi-idiomas, é possível criar uma opção para que o utilizador final possa selecionar o idioma em que prefere visualizar a página WEB.
Vejamos como criar esta funcionalidade.
Primeiro, identificamos a porção do código do template referente à alteração de idioma. Neste caso será o que está presente em baixo:
Vamos alterar o código para colocar o idioma atual da página, ou seja, aquele que está ativo.
Primeiro, altera-se a informação relativa ao idioma atual (imagem da bandeira e nome do idioma.
Nesta linha do código <li><a href="#"><img src="images/en_flag.jpg" alt="">English</a>
seleciona-se todo o elemento <img> e subtitui-se pela tag Bandeira do Idioma atual. Depois, substitui-se o título por Idioma Atual.
Agora, elimina-se todas os elementos <li>
excepto um. A plataforma irá utilizar a estrutura deste para repetir o código para todos os idioma que foram selecionados anteriormente.
Insere-se uma quebra de linha por cima do elemento <li>
que deixamos ficar e outra abaixo. Através do modal de inserção de elementos, colocamos por cima o Inicia repetidor de Idiomas disponíveis e, por baixo, Finaliza repetidor de Idiomas disponíveis.
Para finalizar, substitui-se todos a ligação href=""
por Link, o elemento <img>
por Bandeira e o nome do idioma por Nome.
No fim, o código deverá estar assim:
Feitas estas alterações, já será possível o utilizador final selecionar o idioma que pretende.