{"id":15197800,"date":"2024-01-18T06:15:15","date_gmt":"2024-01-18T06:15:15","guid":{"rendered":"https:\/\/wpml.org\/documentation-6\/projets-connexes\/wpml-graphql-ajouter-des-fonctionnalites-multilingues-au-schema-wpgraphql\/"},"modified":"2025-02-17T13:02:55","modified_gmt":"2025-02-17T13:02:55","slug":"wpml-graphql-ajouter-des-fonctionnalites-multilingues-au-schema-wpgraphql","status":"publish","type":"page","link":"https:\/\/wpml.org\/fr\/documentation-6\/projets-connexes\/wpml-graphql-ajouter-des-fonctionnalites-multilingues-au-schema-wpgraphql\/","title":{"rendered":"WPML GraphQL &#8211; Ajouter une fonctionnalit\u00e9 multilingue au sch\u00e9ma WPGraphQL"},"content":{"rendered":"\n<div class=\"wp-block-toolset-blocks-container tb-container alignfull\" data-toolset-blocks-container=\"98bf34b1a2673f424e18e1fd293c12b0\"><div class=\"tb-container-inner\">\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"61c0db100e2e5e3ad5b4e0262ac07671\" data-last-update=\"1.4\"><span><span><a href=\"https:\/\/wpml.org\/fr\/accueil\/\">Home<\/a><\/span><\/span><\/p>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid tb-grid\" data-toolset-blocks-grid=\"1e3256eddcd8d1ddf217eef5389f4d56\">\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-center\" data-toolset-blocks-grid-column=\"f586ff7bfe1d7317c63162ec7b7039ed\">\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"51e3b7cb698ac453fc9630cc708bbb66\"><\/div>\n\n\n\n<h1 class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"b686c8b3d4780754ef6585bd91a569b8\" data-last-update=\"1.4\">WPML GraphQL \u2013 Ajouter une fonctionnalit\u00e9 multilingue au sch\u00e9ma WPGraphQL<\/h1>\n\n\n\n<div class=\"tb-fields-and-text\" data-toolset-blocks-fields-and-text=\"2d56af030c7b03fd37e29388704bc251\"><p><span data-sheets-root=\"1\">WPML GraphQL vous permet de requ\u00eater, filtrer et r\u00e9cup\u00e9rer du contenu sp\u00e9cifique \u00e0 une langue et des traductions \u00e0 partir du sch\u00e9ma WPGraphQL.<\/span><\/p><\/div>\n\n\n\n<div id=\"wpml-info-account-trigger\" class=\"tb-button\" data-toolset-blocks-button=\"45eb0e628fec46c29606e320868f6024\"><a class=\"tb-button__link\" href=\"https:\/\/wpml.org\/download\/#wpml-graphql\"><span class=\"tb-button__content\">Obtenez WPML GraphQL<\/span><i class=\"tb-button__icon\"><\/i><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-center\" data-toolset-blocks-grid-column=\"c77f65d01bb1c283e93f285b389d97af\">\n<figure class=\"wp-block-image tb-image tb-image-dynamic tb-image-frame-none\" data-toolset-blocks-image=\"f63210f53149413fd371e73ee456d648\"><img decoding=\"async\" width=\"551\" height=\"530\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/WPML-GraphQL-1.png\" alt=\"\" class=\"wp-image-13670597\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/WPML-GraphQL-1.png 551w, https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/WPML-GraphQL-1-300x289.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/WPML-GraphQL-1-150x144.png 150w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"4402d053d6a59f530e7a06f2c4a80699\"><div class=\"tb-container-inner\">\n<h3 class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"dc56c1bd2585d5bceed02dcf19062eab\" data-last-update=\"1.4\"><strong>Principales fonctionnalit\u00e9s<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid tb-grid\" data-toolset-blocks-grid=\"d73b029f031f092476d7c78dca9026b6\">\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"3034fbe886c11054e95b46b09d3e4112\">\n<div class=\"wp-block-toolset-blocks-grid tb-grid\" data-toolset-blocks-grid=\"1c3b519f11ed173dde36e2dd3d915363\">\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"3034fbe886c11054e95b46b09d3e4112\">\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"4c1e644b100a7cd79ae08b214443135d\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-center\" data-toolset-blocks-grid-column=\"f586ff7bfe1d7317c63162ec7b7039ed\">\n<h3 class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"b40d2f81245ad6defbcd1e818829d11d\" data-last-update=\"1.4\">Filtrer le contenu par langue, y compris les articles, taxonomies, commentaires, menus et \u00e9l\u00e9ments de menu<\/h3>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"6aa6629b0bd14de4b0c8a30d5e016060\">\n<div class=\"wp-block-toolset-blocks-grid tb-grid\" data-toolset-blocks-grid=\"9bfc87ef58a09f5e6817f53045b0bafe\">\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"3034fbe886c11054e95b46b09d3e4112\">\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"4c1e644b100a7cd79ae08b214443135d\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-center\" data-toolset-blocks-grid-column=\"f586ff7bfe1d7317c63162ec7b7039ed\">\n<h3 class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"b40d2f81245ad6defbcd1e818829d11d\" data-last-update=\"1.4\">\u00c9tendre WPGraphQL avec des champs de langue pour r\u00e9cup\u00e9rer des donn\u00e9es sp\u00e9cifiques du plugin WPML<\/h3>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"3034fbe886c11054e95b46b09d3e4112\">\n<div class=\"wp-block-toolset-blocks-grid tb-grid\" data-toolset-blocks-grid=\"9bfc87ef58a09f5e6817f53045b0bafe\">\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"3034fbe886c11054e95b46b09d3e4112\">\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"4c1e644b100a7cd79ae08b214443135d\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-center\" data-toolset-blocks-grid-column=\"f586ff7bfe1d7317c63162ec7b7039ed\">\n<h3 class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"b40d2f81245ad6defbcd1e818829d11d\" data-last-update=\"1.4\">Requ\u00eater des donn\u00e9es dans toutes les langues install\u00e9es ou se concentrer sur des langues sp\u00e9cifiques<\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"a03f28b68e7ebf56bfe1641740b90da2\"><div class=\"tb-container-inner\">\n<div class=\"wp-block-toolset-blocks-grid tb-grid\" data-toolset-blocks-grid=\"f6777bc98af31d5156a47aef270bf6ed\">\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top product-page-content wcml-sticky-top\" data-toolset-blocks-grid-column=\"43ea92c42aed100023da956c9cb4fe6e\">\n<p class=\"tb-heading\" data-toolset-blocks-heading=\"ba314f8b957a1e719a05768a3039acf2\" data-last-update=\"1.4\"><strong>Sur cette page<\/strong><\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"e61aa8997e9522834de21cdb2df7f0d9\" data-last-update=\"1.4\"><a href=\"#required-plugins\">Plugins Requis<\/a><\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"e61aa8997e9522834de21cdb2df7f0d9\" data-last-update=\"1.4\"><a href=\"#how-wpml-graphql-works\">Que pouvez-vous faire avec WPML GraphQL?<\/a><\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"57fd50fba93b22bbe47ab8e2f98ccbfc\" data-last-update=\"1.4\"><a href=\"#querying-language-and-translation-information\">Interroger les informations sur les langues et les traductions.<\/a><\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"57fd50fba93b22bbe47ab8e2f98ccbfc\" data-last-update=\"1.4\"><a href=\"#language-filtering\">Filtrage des langues<\/a><\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"57fd50fba93b22bbe47ab8e2f98ccbfc\" data-last-update=\"1.4\"><a href=\"#querying-specific-posts\">Requ\u00eater des articles sp\u00e9cifiques dans diff\u00e9rentes langues<\/a><\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"57fd50fba93b22bbe47ab8e2f98ccbfc\" data-last-update=\"1.4\"><a href=\"#querying-data-from-installed-languages\">Interroger les donn\u00e9es des langues install\u00e9es  <\/a><\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"57fd50fba93b22bbe47ab8e2f98ccbfc\" data-last-update=\"1.4\"><a href=\"#using-wpml-graphql-with-gatsby-and-acf\">Utilisation de WPML GraphQL avec Gatsby et ACF<\/a><\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"57fd50fba93b22bbe47ab8e2f98ccbfc\" data-last-update=\"1.4\"><a href=\"#get-started-with-wpml-graphql\">Commencez avec WPML GraphQL<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top product-page-content\" data-toolset-blocks-grid-column=\"3ca40a3bbaa937ab1f07ea8568a8fddf\">\n<p class=\"alert alert-danger\">WPML GraphQL n&rsquo;est actuellement pas compatible avec WPGraphQL 2.0. Nous travaillons activement \u00e0 \u00e9tablir la compatibilit\u00e9 et nous vous informerons d\u00e8s que celle-ci sera disponible. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"required-plugins\">Plugins Requis<\/h2>\n\n\n\n<p>Pour commencer, installe et active les extensions suivantes :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.wpgraphql.com\/\">WPGraphQL<\/a><\/li>\n\n\n\n<li>WPML <\/li>\n\n\n\n<li>WPML String Translation<\/li>\n\n\n\n<li>WPML GraphQL <\/li>\n<\/ul>\n\n\n\n<p>Pour inclure des champs multilingues du plugin ACF dans le sch\u00e9ma WPGraphQL, installez \u00e9galement :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Advanced Custom Fields Multilingual (ACFML) <\/li>\n\n\n\n<li><a href=\"https:\/\/acf.wpgraphql.com\/\">WPGraphQL pour Advanced Custom Fields <\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-wpml-graphql-works\">Que pouvez-vous faire avec WPML GraphQL?<\/h2>\n\n\n\n<p>WPML GraphQL s&rsquo;int\u00e8gre \u00e0 WPGraphQL pour vous permettre de requ\u00eater du contenu multilingue cr\u00e9\u00e9 avec WPML.<\/p>\n\n\n\n<p>Depuis<strong> GraphQL \u2192 GraphQL IDE<\/strong>, vous pouvez utiliser le <strong>Query Composer<\/strong> pour :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Obtenir des informations sur la langue pour tout contenu que vous requ\u00eatez<\/li>\n\n\n\n<li>Acc\u00e9der aux traductions pour les articles, taxonomies et commentaires<\/li>\n\n\n\n<li>Filtrer vos requ\u00eates par langue<\/li>\n\n\n\n<li>Requ\u00eater des articles sp\u00e9cifiques dans diff\u00e9rentes langues par leur ID ou slug<\/li>\n<\/ul>\n\n\n\n<p>Par exemple, comme le montre l&rsquo;image ci-dessous, vous pouvez facilement afficher une liste de tous les articles de votre site, avec leurs codes de langue, slugs, URI et d\u00e9tails de leurs traductions.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-dynamic tb-image-frame-none aligncenter\" data-toolset-blocks-image=\"134bb49b13655b0c7208cc8b64f59dca\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/wpml-graphql-query-composer.png\"><img decoding=\"async\" width=\"2472\" height=\"1214\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/wpml-graphql-query-composer.png\" alt=\"\" class=\"wp-image-13686149\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/wpml-graphql-query-composer.png 2472w, https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/wpml-graphql-query-composer-300x147.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/wpml-graphql-query-composer-1024x503.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/wpml-graphql-query-composer-150x74.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/wpml-graphql-query-composer-768x377.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/wpml-graphql-query-composer-1536x754.png 1536w, https:\/\/wpml.org\/wp-content\/uploads\/2023\/05\/wpml-graphql-query-composer-2048x1006.png 2048w\" sizes=\"auto, (max-width: 2472px) 100vw, 2472px\" \/><\/a><figcaption><div class=\"tb-image-caption\"><em>Utilisation des champs de langue dans le compositeur de requ\u00eates pour r\u00e9cup\u00e9rer les articles dans toutes les langues.<\/em><\/div><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Ci-dessous, nous utiliserons un site de test multilingue pour vous montrer comment utiliser WPML GraphQL pour requ\u00eater du contenu et ses traductions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Interroger les informations sur les langues et les traductions.<\/h2>\n\n\n\n<p>Avec WPML GraphQL, vous pouvez utiliser les champs <strong>langue<\/strong> et <strong>traduction<\/strong> dans vos requ\u00eates :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le champ<strong> <\/strong><code>language<\/code><strong> <\/strong>vous permet de r\u00e9cup\u00e9rer des d\u00e9tails comme le code de la langue, l&rsquo;URL du drapeau du pays, le nom natif, le nom traduit et l&rsquo;URL de la page d&rsquo;accueil pour les types de publication, taxonomies, menus, \u00e9l\u00e9ments de menu et commentaires.<\/li>\n\n\n\n<li>Le champ<strong> <\/strong><code>languageCode<\/code><strong> <\/strong>obtient le code de la langue pour les articles, termes de taxonomie, menus, \u00e9l\u00e9ments de menu et commentaires sans d\u00e9tails suppl\u00e9mentaires sur la langue.<\/li>\n\n\n\n<li>Le champ<strong> <\/strong><code>translations<\/code><strong> <\/strong>r\u00e9cup\u00e8re les traductions pour les types de publication et les termes de taxonomie.<\/li>\n<\/ul>\n\n\n\n<p>Lorsque vous requ\u00eatez des commentaires, les champs <code>language<\/code> et <code>languageCode<\/code> correspondent \u00e0 la langue de l&rsquo;article auquel ils appartiennent.<\/p>\n\n\n\n<p>Voici un exemple de requ\u00eate qui r\u00e9cup\u00e8re des articles avec leurs d\u00e9tails associ\u00e9s, y compris le slug de l&rsquo;article, l&rsquo;URI, le code de la langue, les cat\u00e9gories et toutes les traductions existantes :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\nquery Posts{\n  posts(where: {language: &quot;en&quot;}) {\n    nodes {\n      slug\n      uri\n      language {\n        code\n      }\n      categories {\n        nodes {\n          name\n        }\n      }\n      translations {\n        slug\n        uri\n        language {\n          code\n        }\n        categories {\n          nodes {\n            name\n          }\n        }\n      }\n    }\n  }\n}\n<\/pre><\/div>\n\n\n<p>L&rsquo;ex\u00e9cution de cette requ\u00eate renvoie des informations sur la langue et la traduction pour chaque article, ainsi que des \u00e9l\u00e9ments connect\u00e9s comme les cat\u00e9gories. Les connexions suivent automatiquement la langue de l&rsquo;\u00e9l\u00e9ment de niveau sup\u00e9rieur (les articles dans ce cas) : <\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\n{\n  &quot;data&quot;: {\n    &quot;posts&quot;: {\n      &quot;nodes&quot;: &#x5B;\n        {\n          &quot;slug&quot;: &quot;bye-world&quot;,\n          &quot;uri&quot;: &quot;\/2023\/05\/18\/bye-world\/&quot;,\n          &quot;language&quot;: {\n            &quot;code&quot;: &quot;en&quot;\n          },\n          &quot;categories&quot;: {\n            &quot;nodes&quot;: &#x5B;\n              {\n                &quot;name&quot;: &quot;End of the day&quot;\n              },\n              {\n                &quot;name&quot;: &quot;Greetings&quot;\n              }\n            ]\n          },\n          &quot;translations&quot;: &#x5B;\n            {\n              &quot;slug&quot;: &quot;adios-mundo&quot;,\n              &quot;uri&quot;: &quot;\/es\/2023\/05\/18\/adios-mundo\/&quot;,\n              &quot;language&quot;: {\n                &quot;code&quot;: &quot;es&quot;\n              },\n              &quot;categories&quot;: {\n                &quot;nodes&quot;: &#x5B;\n                  {\n                    &quot;name&quot;: &quot;Fin del d\u00eda&quot;\n                  },\n                  {\n                    &quot;name&quot;: &quot;Saludos&quot;\n                  }\n                ]\n              }\n            },\n            {\n              &quot;slug&quot;: &quot;tchau-mundo&quot;,\n              &quot;uri&quot;: &quot;\/pt-pt\/2023\/05\/18\/tchau-mundo\/&quot;,\n              &quot;language&quot;: {\n                &quot;code&quot;: &quot;pt-pt&quot;\n              },\n              &quot;categories&quot;: {\n                &quot;nodes&quot;: &#x5B;\n                  {\n                    &quot;name&quot;: &quot;Fim do dia&quot;\n                  },\n                  {\n                    &quot;name&quot;: &quot;Sauda\u00e7\u00f5es&quot;\n                  }\n                ]\n              }\n            }\n          ]\n        },\n        {\n          &quot;slug&quot;: &quot;hello-world&quot;,\n          &quot;uri&quot;: &quot;\/2018\/07\/05\/hello-world\/&quot;,\n          &quot;language&quot;: {\n            &quot;code&quot;: &quot;en&quot;\n          },\n          &quot;categories&quot;: {\n            &quot;nodes&quot;: &#x5B;\n              {\n                &quot;name&quot;: &quot;Greetings&quot;\n              },\n              {\n                &quot;name&quot;: &quot;Start of the day&quot;\n              }\n            ]\n          },\n          &quot;translations&quot;: &#x5B;\n            {\n              &quot;slug&quot;: &quot;hola-mundo&quot;,\n              &quot;uri&quot;: &quot;\/es\/2018\/07\/05\/hola-mundo\/&quot;,\n              &quot;language&quot;: {\n                &quot;code&quot;: &quot;es&quot;\n              },\n              &quot;categories&quot;: {\n                &quot;nodes&quot;: &#x5B;\n                  {\n                    &quot;name&quot;: &quot;Inicio del d\u00eda&quot;\n                  },\n                  {\n                    &quot;name&quot;: &quot;Saludos&quot;\n                  }\n                ]\n              }\n            },\n            {\n              &quot;slug&quot;: &quot;ola-mundo&quot;,\n              &quot;uri&quot;: &quot;\/pt-pt\/2018\/07\/05\/ola-mundo\/&quot;,\n              &quot;language&quot;: {\n                &quot;code&quot;: &quot;pt-pt&quot;\n              },\n              &quot;categories&quot;: {\n                &quot;nodes&quot;: &#x5B;\n                  {\n                    &quot;name&quot;: &quot;Come\u00e7o do dia&quot;\n                  },\n                  {\n                    &quot;name&quot;: &quot;Sauda\u00e7\u00f5es&quot;\n                  }\n                ]\n              }\n            }\n          ]\n        }\n      ]\n    }\n  }\n}\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">Filtrage des langues<\/h2>\n\n\n\n<p>WPML GraphQL vous permet d&rsquo;utiliser le filtre <strong>langue<\/strong> pour :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Filtrer les articles, termes de taxonomie, menus, \u00e9l\u00e9ments de menu ou commentaires par une langue sp\u00e9cifique<\/li>\n\n\n\n<li>R\u00e9cup\u00e9rer du contenu dans une langue particuli\u00e8re en d\u00e9finissant le filtre en cons\u00e9quence<\/li>\n\n\n\n<li>Obtenir tout le contenu, quelle que soit la langue, en d\u00e9finissant la valeur du filtre sur <strong>tout<\/strong><\/li>\n<\/ul>\n\n\n\n<p>WPML GraphQL prend en charge les connexions, donc lorsque vous filtrez un \u00e9l\u00e9ment de niveau sup\u00e9rieur comme un article par langue, tous les \u00e9l\u00e9ments associ\u00e9s, tels que les cat\u00e9gories et les balises, suivront automatiquement la m\u00eame langue. Cela rend vos requ\u00eates coh\u00e9rentes et pr\u00e9cises. <\/p>\n\n\n\n<p>Voici un exemple de requ\u00eate qui r\u00e9cup\u00e8re des articles en espagnol, y compris leurs slugs, URI et cat\u00e9gories associ\u00e9es :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\nquery PostsES{\n  posts(where: {language: &quot;es&quot;}) {\n    nodes {\n      slug\n      uri\n      categories {\n        nodes {\n          name\n        }\n      }\n    }\n  }\n}\n<\/pre><\/div>\n\n\n<p>Voici ce que la requ\u00eate renvoie :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\n{\n  &quot;data&quot;: {\n    &quot;posts&quot;: {\n      &quot;nodes&quot;: &#x5B;\n        {\n          &quot;slug&quot;: &quot;adios-mundo&quot;,\n          &quot;uri&quot;: &quot;\/es\/2023\/05\/18\/adios-mundo\/&quot;,\n          &quot;categories&quot;: {\n            &quot;nodes&quot;: &#x5B;\n              {\n                &quot;name&quot;: &quot;Fin del d\u00eda&quot;\n              },\n              {\n                &quot;name&quot;: &quot;Saludos&quot;\n              }\n            ]\n          }\n        },\n        {\n          &quot;slug&quot;: &quot;hola-mundo&quot;,\n          &quot;uri&quot;: &quot;\/es\/2018\/07\/05\/hola-mundo\/&quot;,\n          &quot;categories&quot;: {\n            &quot;nodes&quot;: &#x5B;\n              {\n                &quot;name&quot;: &quot;Inicio del d\u00eda&quot;\n              },\n              {\n                &quot;name&quot;: &quot;Saludos&quot;\n              }\n            ]\n          }\n        }\n      ]\n    }\n  }\n}\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"querying-specific-posts\">Requ\u00eater des articles sp\u00e9cifiques dans diff\u00e9rentes langues<\/h2>\n\n\n\n<p>Avec WPMLGraphQL, vous pouvez \u00e9galement requ\u00eater des articles individuels dans n&rsquo;importe quelle langue par leur ID ou slug. <\/p>\n\n\n\n<p>Par exemple, si vous avez un article intitul\u00e9 <strong>\u00a1Hola mundo! <\/strong>(la traduction espagnole de <strong>Hello world<\/strong>!), avec un slug de <strong>hola-mundo<\/strong> et un identifiant d&rsquo;article de <strong>2<\/strong>, vous pouvez utiliser les requ\u00eates suivantes pour r\u00e9cup\u00e9rer l&rsquo;article :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\nquery PostBySlug {\n  post(id: &quot;hola-mundo&quot;, idType: SLUG) {\n    title\n    slug\n    uri\n  }\n}\n\nquery PostById {\n  post(id: &quot;2&quot;, idType: DATABASE_ID) {\n    title\n    slug\n    uri\n  }\n}\n\n<\/pre><\/div>\n\n\n<p>Les deux requ\u00eates renverront correctement les donn\u00e9es de l&rsquo;article, y compris le titre, le slug et l&rsquo;URI, pour l&rsquo;article <strong>\u00a1Hola mundo!<\/strong> : <\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\n{\n  &quot;data&quot;: {\n    &quot;post&quot;: {\n      &quot;title&quot;: &quot;\u00a1Hola mundo!&quot;,\n      &quot;slug&quot;: &quot;hola-mundo&quot;,\n      &quot;uri&quot;: &quot;\/es\/2018\/07\/05\/hola-mundo\/&quot;\n    }\n  }\n}\n\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">Interroger les donn\u00e9es des langues install\u00e9es  <\/h2>\n\n\n\n<p>WPML GraphQL fournit deux requ\u00eates pour acc\u00e9der aux donn\u00e9es concernant les langues install\u00e9es sur votre site :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La requ\u00eate <strong>languages<\/strong> r\u00e9cup\u00e8re toutes les langues enregistr\u00e9es ainsi que les donn\u00e9es pertinentes pour chacune<\/li>\n\n\n\n<li>La requ\u00eate <strong>defaultLanguage<\/strong> r\u00e9cup\u00e8re des informations sur la langue par d\u00e9faut d\u00e9finie sur votre site<\/li>\n<\/ul>\n\n\n\n<p>Ces requ\u00eates peuvent \u00eatre utiles si vous cherchez \u00e0 cr\u00e9er des fonctionnalit\u00e9s comme un s\u00e9lecteur de langue.<\/p>\n\n\n\n<p>Par exemple, pour obtenir des donn\u00e9es sur toutes les langues install\u00e9es, vous pouvez ex\u00e9cuter la requ\u00eate suivante :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\nquery Languages {\n  languages {\n    code\n    country_flag_url\n    default_locale\n    native_name\n    translated_name\n    url\n  }\n}\n<\/pre><\/div>\n\n\n<p>La requ\u00eate ci-dessus produit le r\u00e9sultat suivant :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\n{\n  &quot;data&quot;: {\n    &quot;languages&quot;: &#x5B;\n      {\n        &quot;code&quot;: &quot;en&quot;,\n        &quot;country_flag_url&quot;: &quot;http:\/\/site.com\/wp-content\/plugins\/sitepress-multilingual-cms-release\/res\/flags\/en.svg&quot;,\n        &quot;default_locale&quot;: &quot;en_US&quot;,\n        &quot;native_name&quot;: &quot;English&quot;,\n        &quot;translated_name&quot;: &quot;English&quot;,\n        &quot;url&quot;: &quot;http:\/\/site.com&quot;\n      },\n      {\n        &quot;code&quot;: &quot;es&quot;,\n        &quot;country_flag_url&quot;: &quot;http:\/\/site.com\/wp-content\/plugins\/sitepress-multilingual-cms-release\/res\/flags\/es.svg&quot;,\n        &quot;default_locale&quot;: &quot;es_ES&quot;,\n        &quot;native_name&quot;: &quot;Espa\u00f1ol&quot;,\n        &quot;translated_name&quot;: &quot;Spanish&quot;,\n        &quot;url&quot;: &quot;http:\/\/site.com\/es\/&quot;\n      },\n      {\n        &quot;code&quot;: &quot;it&quot;,\n        &quot;country_flag_url&quot;: &quot;http:\/\/site.com\/wp-content\/plugins\/sitepress-multilingual-cms-release\/res\/flags\/it.svg&quot;,\n        &quot;default_locale&quot;: &quot;it_IT&quot;,\n        &quot;native_name&quot;: &quot;Italiano&quot;,\n        &quot;translated_name&quot;: &quot;Italian&quot;,\n        &quot;url&quot;: &quot;http:\/\/site.com\/it\/&quot;\n      }\n    ]\n  }\n}\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">Utilisation de WPML GraphQL avec Gatsby et ACF<\/h2>\n\n\n\n<p>Gatsby vous permet de sourcer des donn\u00e9es depuis WordPress, et avec WPML GraphQL, vous pouvez servir du contenu multilingue et des donn\u00e9es sp\u00e9cifiques \u00e0 chaque langue sur votre site Gatsby.<\/p>\n\n\n\n<p>Si vous utilisez WP GraphQL avec le plugin ACF, WPML GraphQL et ACF Multilingual \u00e9tendent cette fonctionnalit\u00e9, vous permettant de requ\u00eater des donn\u00e9es de champs personnalis\u00e9s dans diff\u00e9rentes langues.<\/p>\n\n\n\n<p>Par exemple, disons que vous avez une installation Gatsby avec le package add-on <a href=\"https:\/\/www.gatsbyjs.com\/plugins\/gatsby-source-graphql\/\"><strong>gatsby-source-graphql<\/strong><\/a>, et que votre site WordPress dispose de WPML (avec l&rsquo;espagnol comme langue secondaire) et ACF install\u00e9s.<\/p>\n\n\n\n<p>Vous pouvez r\u00e9cup\u00e9rer des articles multilingues avec leurs titres, codes de langue et champs ACF personnalis\u00e9s dans Gatsby en utilisant une simple requ\u00eate GraphQL.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\nexport const doQuery = graphql`\n  {\n    wordpress {\n      posts(where: {language: &quot;en&quot;}) {\n        nodes {\n          title\n          language {\n            code\n          }\n          postfields{\n            subtitle\n          }\n          translations {\n            title\n            language {\n              code\n            }\n            postfields{\n              subtitle\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"get-started-with-wpml-graphql\">Commencez avec WPML GraphQL<\/h2>\n\n\n\n<p>Pour utiliser WPML GraphQL, vous avez besoin d&rsquo;un plan WPML Multilingual CMS ou WPML Multilingual Agency. Les deux plans donnent acc\u00e8s au plugin WPML et \u00e0 une large gamme de modules compl\u00e9mentaires suppl\u00e9mentaires, tous inclus sans frais suppl\u00e9mentaires. <\/p>\n\n\n\n<p><a href=\"https:\/\/wpml.org\/fr\/purchase\/\">Voir quel plan est le meilleur pour votre site<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"get-help\">Besoin d&rsquo;aide ?<\/h2>\n\n\n\n<p>Si vous rencontrez des difficult\u00e9s avec l&rsquo;utilisation de WPML GraphQL, visitez notre page <a href=\"https:\/\/wpml.org\/known-issues\/\">Probl\u00e8mes connus et solutions<\/a> pour des conseils de d\u00e9pannage.<\/p>\n\n\n\n<p>Besoin d&rsquo;aide suppl\u00e9mentaire ? <a href=\"https:\/\/wpml.org\/forums\/forum\/english-support\/\">Soumettez un ticket de support<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":538393,"featured_media":0,"parent":105096,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-with-popup-generic.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ep_exclude_from_search":false,"footnotes":""},"related-projects-category":[27796],"class_list":["post-15197800","page","type-page","status-publish","hentry","related-projects-category-build-advanced-sites-fr"],"_links":{"self":[{"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/15197800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/users\/538393"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/comments?post=15197800"}],"version-history":[{"count":6,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/15197800\/revisions"}],"predecessor-version":[{"id":16714338,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/15197800\/revisions\/16714338"}],"up":[{"embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/105096"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/media?parent=15197800"}],"wp:term":[{"taxonomy":"related-projects-category","embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/related-projects-category?post=15197800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}