O Elementor Pro permite que você insira dinamicamente dados de campos personalizados ACF diretamente em seus designs Elementor. O WPML permite que você torne todo o conteúdo multilíngue.
Em um site existente com ACF, Elementor Pro e WPML, a opção Especialista será selecionada para seus grupos de campos existentes.
É importante observar que você precisa definir as opções de conversão com base no grupo de campos. Isso exige que você edite cada grupo de campos e selecione uma opção de tradução para os campos dentro dele. Se você não definir uma opção de tradução para um grupo de campos, não será possível traduzir os campos pertencentes a ele.
Como você pode traduzir as opções dos campos Select, Checkbox e Radio Button?
O WPML possibilita que você traduza e exiba as Opções que você adiciona aos tipos de campo select, Checkbox e Radiobutton no front-end.
No entanto, o Elementor exibe apenas os valores dos campos. Portanto, ao adicionar esses tipos de campo em Custom Fields, você deve inserir cada opção em uma nova linha na seção Choices (Opções ).
Inserir cada opção em uma nova linha
Usando a opção de tradução “Mesmos campos em todos os idiomas”
Depois de selecionar a opção Mesmos campos em todos os idiomas, você pode tornar seus campos personalizados multilíngues seguindo um processo de duas etapas:
Traduzindo um Post ou Tipo de Post Personalizado com Campos Personalizados ACF Atribuídos
Se você habilitou o modo traduzir tudo automaticamente, seu post, os campos atribuídos a ele e os rótulos dos seus campos serão traduzidos automaticamente.
Aqui, mostraremos rapidamente como traduzir um post e os valores dos campos por conta própria:
Edite a publicação que você deseja traduzir.
Na caixa Idioma, clique no ícone de adição ao lado do idioma para o qual você deseja traduzir a publicação.
Clicando no ícone de adição para traduzir a publicação
Você será direcionado para o Editor de tradução Avançado. Se você tiver créditos de tradução, verá as traduções automáticas preenchidas. Você pode revisá-las e aceitá-las. Se você não tiver créditos e traduzir seu conteúdo manualmente, clique nos ícones de mais e insira as traduções para cada linha. Quando você tiver terminado, pressione o botão Complete.
Traduzindo um post com campos personalizados no Editor de tradução Avançado
Traduzindo o Modelo Elementor
Uma vez que você tenha inserido dinamicamente os dados de campos personalizados ACF em um modelo de post Único, você pode traduzi-lo para os idiomas secundários do seu site. Para saber mais, consulte nosso guia para traduzir modelos Elementor.
Usando a opção de tradução “Campos diferentes entre idiomas”
Ao usar Elementor e ACF com WPML, você pode ter o mesmo número de campos em cada um dos idiomas do seu site, mantendo valores de campo diferentes.
Por exemplo, digamos que você tenha um blog sobre filmes. O conteúdo do seu site está disponível em dois idiomas – Inglês e Espanhol. Você deseja ter um post sobre o melhor filme deste ano. No entanto, o público de língua inglesa e espanhola votou em dois filmes diferentes.
Você deseja usar os mesmos campos personalizados, como título do filme, descrição do filme, imagem do filme e gênero do filme em ambos os idiomas. Mas você quer que os valores sejam diferentes. Você também quer que ambos os posts utilizem modelos Elementor diferentes.
Neste caso, você não pode usar tradução automática ou o Editor de tradução Avançado, pois isso requer que você traduza diretamente o conteúdo do post e os valores dos campos. No entanto, você pode escolher a opção de tradução Diferentes campos em vários idiomas para seu grupo de campos e:
Nas seções abaixo, orientaremos você no processo de tradução de todos os diferentes elementos.
Traduzindo Imagens Utilizando Media Translation
Se você tiver um tipo de campo ACF Image, talvez queira usar imagens diferentes em publicações de idiomas diferentes.
Para começar, instale e ative o complemento WPML Media Translation.
Depois, siga os passos abaixo:
Vá para WPML → Media Translation.
Localize a imagem que você deseja “traduzir” e clique no ícone de lápis abaixo do idioma para o qual você deseja usar uma imagem diferente.
Carregue uma imagem diferente e clique no botão Salvar tradução de mídia.
Fazer upload de uma imagem diferente e salvar a tradução de mídia
Traduzindo os Valores do Post e do Campo ACF no Editor WordPress
Agora, é possível traduzir os valores de seu post e campos na opção de tradução diferentes campos entre idiomas. É importante notar que para esta opção de tradução, apenas o Editor WordPress pode ser utilizado para traduzir seu conteúdo.
Edite a postagem do idioma padrão.
Na caixa Idioma, clique no ícone de adição ao lado do idioma para o qual você deseja traduzir a publicação.
Clicar no ícone de adição na caixa Idioma
Deve-se observar campos personalizados em branco e a imagem já traduzida utilizando Media Translation. Neste momento, resta apenas inserir manualmente o conteúdo do post e os valores dos campos no idioma secundário do site e, em seguida, clicar em publicar.
Insira manualmente os valores dos campos no idioma secundário de seu site
Tradução de opções para campos de seleção, caixa de seleção e botão de rádio
Na opção de tradução diferentes campos entre idiomas, é necessário traduzir as Opções para tipos de campos selecionados utilizando String Translation.
Para fazer isso:
Acesse WPML → String Translation.
Utilize o filtro de exibição no topo da página String Translation para determinar quais strings exibir. É possível buscar strings no domínio acf-field-group, ou pesquisar os textos exatos.
Determinando quais strings exibir
Depois de localizar o texto que você deseja traduzir, clique no ícone de adição abaixo do idioma para o qual você deseja traduzi-lo. Em seguida, pressione Enter para salvar a tradução.
Clicando no ícone de adição para traduzir as strings
Criando Diferentes Modelos Elementor para os Posts nos Idiomas Padrão e Secundário
Uma vez concluída a tradução de todo o conteúdo do post e valores dos campos, é possível criar modelos diferentes para cada um dos posts e inserir dinamicamente os valores dos campos.
Tradução e exibição de rótulos de campos personalizados do ACF
Em algumas ocasiões, pode-se desejar exibir tanto o rótulo do campo quanto os valores de seus campos personalizados ACF.
Vamos usar nossa postagem sobre filmes como exemplo.
Queremos exibir o rótulo do campo, Movie Genre (Gênero de filme), e o valor do campo, Action (Ação), no front-end.
WPML permite a tradução de rótulos de campos ACF, mas Elementor não oferece uma maneira de exibir dinamicamente rótulos de campos no front-end. Por padrão, Elementor só pode exibir dinamicamente valores de campos. Para exibir rótulos dinamicamente, é necessário utilizar as opções na aba Avançado e adicionar manualmente o texto de sua escolha antes ou depois dos valores dos campos.
Adicionar texto manualmente antes do valor do campo na guia Advanced
Para traduzir o texto adicionado antes ou depois do valor do campo personalizado, basta traduzir o modelo Elementor. Se você estiver traduzindo o modelo por conta própria, verá o texto no Editor de Tradução Avançado.
Traduzindo o texto adicionado ao modelo no Editor de Tradução Avançado
Uma vez traduzidos tanto o post quanto o modelo, as traduções serão exibidas no local correto no front-end.
O texto adicionado antes do campo personalizado traduzido no front-end
