Apresentando o WPML GraphQL – Crie sites WordPress headless multilíngues
Amir··4 minutos
Compartilhar:
Estamos animados em anunciar o lançamento do WPML GraphQL, um novo plugin de integração que conecta o WPML e o WPGraphQL, permitindo o suporte multilíngue dentro do schema do GraphQL.
Projetado para desenvolvedores que usam Gatsby, React, Vue e outras tecnologias populares de front-end, o WPML GraphQL é a solução ideal para criar sites WordPress headless em vários idiomas.
O que é o WordPress headless?
Em termos simples, “WordPress headless” refere-se a uma configuração onde o WordPress funciona nos bastidores enquanto você emprega uma tecnologia separada para o front-end.
Às vezes, você precisa criar um aplicativo de front-end totalmente personalizado sem a necessidade de seguir a hierarquia de URLs e templates do WordPress. Em outras palavras, você não quer se restringir à forma como os temas do WordPress funcionam, você quer construir o seu próprio front-end.
No entanto, você ainda pode usar o WordPress para todas as suas necessidades de criação e edição de conteúdo.
Agora, tudo o que você precisa é de uma maneira de entregar facilmente os dados do back-end do WordPress para qualquer tecnologia de front-end que você esteja usando. É aqui que o WPGraphQL entra. Ele permite que você recupere seletivamente o elemento de conteúdo exato que você precisa para cada parte do seu front-end.
Por fim, o WPML GraphQL é o ingrediente mágico que permite que você obtenha dados de idioma e traduções do plugin WPML. Isso permite que você crie um site WordPress headless personalizado e multilíngue.
Stack de desenvolvimento recomendada para criar sites WordPress headless
Front-end
Gatsby
Framework de front-end para construir o aplicativo ou site voltado para o usuário
Complemento do Gatsby para WordPress
O complemento Gatsby-Source-WordPress permite que o Gatsby obtenha dados do seu back-end do WordPress
Back-end
WordPress
Para todas as suas necessidades de gerenciamento de conteúdo, você usa apenas o back-end
Plugin WPGraphQL para WordPress
Adiciona suporte ao GraphQL no WordPress
Plugin WPML GraphQL para WordPress
Ativa recursos multilíngues dentro do schema do GraphQL
Plugin WPGatsby para WordPress
Opcional, mas pode ser útil dependendo das suas necessidades
Recursos aprimorados com o WPML GraphQL
O WPML GraphQL se integra ao WPGraphQL e adiciona novos campos e filtros ao schema do GraphQL. Depois de instalar o plugin, você pode ir para GraphQL → GraphQL IDE e usar o Query Composer para consultar e filtrar conteúdo em vários idiomas.
Na captura de tela abaixo, você pode ver como é fácil usar o campo language para recuperar uma lista de todos os posts em um site WordPress, incluindo seu código de idioma, slug e URI. Você também pode usar o campo translations para obter informações semelhantes para as traduções de cada post:
Usando os campos language e translations no Query Composer para recuperar posts em vários idiomas
Essa integração entre o WPML GraphQL e o WPGraphQL abre um mundo de possibilidades multilíngues:
Construir sites WordPress headless multilíngues
Usar novos campos (language, language code, translations) para recuperar dados de idiomas específicos e traduções a partir do plugin WPML
Filtrar tipos de post, taxonomias e comentários por idioma
Obter dados de idioma para objetos e nós
Consultar dados com base em todos os idiomas instalados ou em idiomas específicos
Como bônus, o WPML GraphQL funciona bem com o ACF, o ACF Multilingual e o WPGraphQL for Advanced Custom Fields. Isso permite que você interaja facilmente com dados multilíngues provenientes de campos do ACF.
Ou, no painel de administração do seu site, você pode ir para Plugins → Adicionar novo e clicar na aba Comercial.
Baixando o WPML GraphQL a partir da aba Comercial na página Plugins
Compartilhe sua opinião
Você usa o WPGraphQL atualmente para o seu desenvolvimento web? Você planeja criar um site WordPress headless com funcionalidade multilíngue? Adoraríamos saber sua opinião!
Compartilhe seu feedback e nos conte como você planeja usar o plugin WPML GraphQL nos comentários abaixo.
Traduza páginas de opções diretamente no Painel de tradução, gerencie campos locais com mais facilidade e aproveite um desempenho mais rápido com o ACFML 2.2.0.
Acabamos de lançar o WPML SEO 2.2.0 com novas melhorias que tornam o gerenciamento de SEO multilíngue mais fácil e eficiente – quer você esteja usando o Yoast SEO ou o Rank Math SEO.
Esta atualização inclui várias correções importantes para melhorar sua experiência ao traduzir e gerenciar formulários multilíngues criados com o WPForms e o WPML.
Amir·
Pesquise a documentação, blog, hooks e muito mais.