Présentation de WPML GraphQL – Créez des sites WordPress headless et multilingues
Amir··4 minutes
Partager :
Nous sommes ravis d’annoncer la version publiée de WPML GraphQL, une nouvelle extension de liaison qui fait le pont entre WPML et WPGraphQL, activant la prise en charge multilingue dans le schéma GraphQL.
Conçue pour les développeurs utilisant Gatsby, React, Vue et d’autres technologies front-end populaires, WPML GraphQL est la solution optimale pour créer des sites WordPress headless en plusieurs langues.
Qu’est-ce que WordPress headless ?
En termes simples, « WordPress headless » désigne une configuration où WordPress fonctionne en coulisses pendant que vous utilisez une technologie distincte pour le front-end.
Parfois, vous avez besoin de créer une application front-end entièrement personnalisée sans avoir à suivre la hiérarchie des modèles et des URL de WordPress. En d’autres termes, vous ne voulez pas être limité par le fonctionnement des thèmes WordPress, vous souhaitez créer votre propre front-end.
Cependant, vous pouvez toujours utiliser WordPress pour tous vos besoins de création et d’édition de contenu.
Il ne vous manque plus qu’un moyen de transmettre facilement les données du back-end WordPress à la technologie front-end que vous utilisez. C’est là qu’intervient WPGraphQL. Il vous permet de récupérer de manière sélective l’élément de contenu exact dont vous avez besoin pour chaque partie de votre front-end.
Enfin, WPML GraphQL est l’ingrédient magique qui vous permet d’obtenir les données de langue et les traductions de l’extension WPML. Cela vous permet de créer un site WordPress headless personnalisé et multilingue.
Pile de développement recommandée pour créer des sites WordPress headless
Front-end
Gatsby
Framework front-end pour créer l’application ou le site destiné aux utilisateurs
Module complémentaire Gatsby pour WordPress
Le module complémentaire Gatsby-Source-WordPress permet à Gatsby d’obtenir des données de votre back-end WordPress
Back-end
WordPress
Pour tous vos besoins en gestion de contenu, vous utilisez uniquement le back-end
Extension WPGraphQL pour WordPress
Ajoute le Support GraphQL à WordPress
Extension WPML GraphQL pour WordPress
Active les fonctionnalités multilingues dans le schéma GraphQL
Extension WPGatsby pour WordPress
Facultatif, mais peut s’avérer utile selon vos besoins
Fonctionnalités améliorées avec WPML GraphQL
WPML GraphQL s’intègre à WPGraphQL et ajoute de nouveaux champs et filtres au schéma GraphQL. Après avoir installé l’extension, vous pouvez accéder à GraphQL → GraphQL IDE et utiliser le Query Composer pour interroger et filtrer le contenu dans plusieurs langues.
Dans la capture d’écran ci-dessous, vous pouvez voir à quel point il est facile d’utiliser le champ language pour récupérer une liste de tous les articles sur un site WordPress, y compris leur code de langue, leur slug et leur URI. Vous pouvez également utiliser le champ translations pour obtenir des informations similaires pour les traductions de chaque article :
Utilisation des champs language et translations dans le Query Composer pour récupérer des articles dans plusieurs langues
Cette intégration entre WPML GraphQL et WPGraphQL ouvre un monde de possibilités multilingues :
Créer des sites WordPress headless multilingues
Utiliser de nouveaux champs (language, language code, translations) pour récupérer des données de langue spécifiques et des traductions à partir de l’extension WPML
Filtrer les types de publication, les taxonomies et les commentaires par langue
Obtenir des données de langue pour les objets et les nœuds
Interroger des données en fonction de toutes les langues installées ou de langues spécifiques
En prime, WPML GraphQL fonctionne parfaitement avec ACF, ACF Multilingual et WPGraphQL for Advanced Custom Fields. Cela vous permet d’interagir facilement avec les données multilingues provenant des champs ACF.
Pour en savoir plus sur la façon dont les fonctionnalités multilingues peuvent enrichir WPGraphQL, consultez la page dédiée à WPML GraphQL.
Ou depuis l’interface d’administration de votre site, vous pouvez accéder à Extensions → Ajouter et cliquer sur l’onglet Commercial.
Téléchargement de WPML GraphQL depuis l’onglet Commercial sur la page des extensions
Partagez votre avis
Utilisez-vous actuellement WPGraphQL pour votre développement web ? Prévoyez-vous de créer un site WordPress headless avec des fonctionnalités multilingues ? Nous serions ravis de connaître votre avis !
Partagez vos commentaires et dites-nous comment vous comptez utiliser l’extension WPML GraphQL dans les commentaires ci-dessous.
Traduisez les pages d’Options directement dans le Tableau de bord de traduction, gérez les champs locaux plus facilement et profitez de performances accrues avec ACFML 2.2.0.
Cette mise à jour comprend plusieurs correctifs importants pour améliorer votre expérience lors de la traduction et de la gestion de formulaires multilingues créés avec WPForms et WPML.
Amir·
Recherchez dans la documentation, le blog, les hooks et plus encore.