{"id":5534,"date":"2023-08-08T13:47:43","date_gmt":"2023-08-08T18:47:43","guid":{"rendered":"https:\/\/wpengine.com\/builders\/?p=5534"},"modified":"2023-09-27T07:52:11","modified_gmt":"2023-09-27T12:52:11","slug":"quick-tips-wpgraphql-non-ascii-queries","status":"publish","type":"post","link":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/","title":{"rendered":"Quick Tips: WPGraphQL Non-ASCII Queries"},"content":{"rendered":"\n<p>When working with headless WordPress using WPGraphQL, we may need to query posts with <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/ASCII\">non-ASCII characters<\/a> in their slugs or URIs. WPGraphQL does this out of the box without needing any special encoding for non-ASCII characters.<\/p>\n\n\n\n<p>In this article, I will go through what non-ASCII is and the shape of the queries.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Understanding Non-ASCII Characters<\/strong><\/h2>\n\n\n\n<p>Non-ASCII characters are characters that extend beyond the basic English alphabet and include symbols, accented letters, and characters from different languages. These characters are essential for expressing the diversity of languages and cultures across the globe. They are commonly used in various languages, scripts, and writing systems worldwide.<\/p>\n\n\n\n<p>In computer programming and text processing, handling non-ASCII characters requires understanding and appropriate encoding\/decoding mechanisms to ensure proper display and processing of text in different languages and scripts.<\/p>\n\n\n\n<p>Examples of non-ASCII characters include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Accented letters: \u00e9, \u00e0, \u00f6, \u00f1, etc.<\/li>\n\n\n\n<li>Non-Latin alphabets: \u6f22 (Chinese), \u3053\u3093\u306b\u3061\u306f (Japanese), \u0628\u0647 \u0645\u062a\u0646\u06cc(Persian), etc.<\/li>\n\n\n\n<li>Symbols: \u00a9, \u00ae, \u20ac, \u00a3, \u00b5, \u00a5, etc.<\/li>\n\n\n\n<li>Emoji: \ud83d\ude00, \ud83c\udf0d, \ud83c\udf89, \ud83d\udc4b, etc.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><br>Querying Posts by Slug or Uri when the Post Name is Non-ASCII<\/h2>\n\n\n\n<p>WPGraphQL handles non-ASCII characters without any need for extra encoding.&nbsp; Once you download the plugin, it does this automatically.<\/p>\n\n\n\n<p>Let&#8217;s look at some example queries with non-ASCII characters.<\/p>\n\n\n\n<p>If we have a post about air-fried pizza and its slug is an emoji of pizza (\ud83c\udf55), we can query it via its slug of the pizza emoji:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-code-table shcb-line-numbers\"><span class='shcb-loc'><span>{\n<\/span><\/span><span class='shcb-loc'><span>  <span class=\"hljs-attr\">emojiBySlug<\/span>: post(id: <span class=\"hljs-string\">\"\ud83c\udf55\"<\/span> , <span class=\"hljs-attr\">idType<\/span>:SLUG) {\n<\/span><\/span><span class='shcb-loc'><span>    ...Post\n<\/span><\/span><span class='shcb-loc'><span>  }\n<\/span><\/span><span class='shcb-loc'><span>}\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span>fragment Post on Post {\n<\/span><\/span><span class='shcb-loc'><span>  link\n<\/span><\/span><span class='shcb-loc'><span>  uri\n<\/span><\/span><span class='shcb-loc'><span>  databaseId\n<\/span><\/span><span class='shcb-loc'><span>  slug\n<\/span><\/span><span class='shcb-loc'><span>}\n<\/span><\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Here is the returned data we asked for in GraphiQL IDE:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.37.11-AM-1024x620.png\" alt=\"\" class=\"wp-image-5536\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.37.11-AM-1024x620.png 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.37.11-AM-300x181.png 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.37.11-AM-768x465.png 768w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.37.11-AM-1536x929.png 1536w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.37.11-AM-2048x1239.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We can also query it via its URI with the emoji in the URI:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-code-table shcb-line-numbers\"><span class='shcb-loc'><span>{\n<\/span><\/span><span class='shcb-loc'><span>  <span class=\"hljs-attr\">emojiByUri<\/span>: post(id: <span class=\"hljs-string\">\"\/blog\/2023\/08\/04\/\ud83c\udf55\/\"<\/span> , <span class=\"hljs-attr\">idType<\/span>:URI) {\n<\/span><\/span><span class='shcb-loc'><span>    ...Post\n<\/span><\/span><span class='shcb-loc'><span>  }\n<\/span><\/span><span class='shcb-loc'><span>}\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span>fragment Post on Post {\n<\/span><\/span><span class='shcb-loc'><span>  link\n<\/span><\/span><span class='shcb-loc'><span>  uri\n<\/span><\/span><span class='shcb-loc'><span>  databaseId\n<\/span><\/span><span class='shcb-loc'><span>  slug\n<\/span><\/span><span class='shcb-loc'><span>}\n<\/span><\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>And the returned data:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"617\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.40.53-AM-1024x617.png\" alt=\"\" class=\"wp-image-5537\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.40.53-AM-1024x617.png 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.40.53-AM-300x181.png 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.40.53-AM-768x463.png 768w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.40.53-AM-1536x926.png 1536w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.40.53-AM-2048x1234.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For my front end, I am using Faust.js with WPGraphQL and this is what the single post page template looks like when it renders this queried data:<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/aqv_o4690L_gl1D9qcU_-GuL2kKYXZo8QZ6X-o2f5sKzgKW106j5IdRAGQiyCWulj879OQqTr7Pf-zlJIXj_B2FZRWG0Q-N32FmcklLLOH3pAiNYEWeDyHejM-zF-I2umVkv7PH1-7yN3K27tdlpFPI\" width=\"624\" height=\"376\"><\/p>\n\n\n\n<p>Another example is if we have a blog post in Japanese and the slug and URI contain Japanese characters that are non-ASCII.&nbsp; Here is the query via the slug of Japanese characters:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-code-table shcb-line-numbers\"><span class='shcb-loc'><span>{\n<\/span><\/span><span class='shcb-loc'><span>  <span class=\"hljs-attr\">japaneseBySlug<\/span>: post(id: <span class=\"hljs-string\">\"\u5802\u3060\u611b\u51fa75\u5d07\u6238\u3052\u3058\u306f\u308f\u7528\u4f4f\u5e97\u3055\u3053\u3042\"<\/span>, <span class=\"hljs-attr\">idType<\/span>: SLUG) {\n<\/span><\/span><span class='shcb-loc'><span>    ...Post\n<\/span><\/span><span class='shcb-loc'><span>  }\n<\/span><\/span><span class='shcb-loc'><span>}\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span>fragment Post on Post {\n<\/span><\/span><span class='shcb-loc'><span>  link\n<\/span><\/span><span class='shcb-loc'><span>  uri\n<\/span><\/span><span class='shcb-loc'><span>  databaseId\n<\/span><\/span><span class='shcb-loc'><span>  slug\n<\/span><\/span><span class='shcb-loc'><span>}\n<\/span><\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>And the returned data in GraphiQL IDE:<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/u1Hy1DjTUIyhm43hYVjFv5Krxj12tHcTJrYoaGoCklGdc7sjfmmfo3n39j24CmE9Gb1xx4lQzvgruXfaBDfe0DYRnJ7wY5PrRs6fITB5xtrhKasDONunfzgp4W6wu8eqgIv71rYFAv_s80vM5Thg--Q\" width=\"624\" height=\"376\"><\/p>\n\n\n\n<p>And here is the query via the URI containing Japanese characters:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-code-table shcb-line-numbers\"><span class='shcb-loc'><span>{\n<\/span><\/span><span class='shcb-loc'><span>  <span class=\"hljs-attr\">japaneseByUri<\/span>: post(id: <span class=\"hljs-string\">\"\/blog\/2023\/08\/03\/\u5802\u3060\u611b\u51fa75\u5d07\u6238\u3052\u3058\u306f\u308f\u7528\u4f4f\u5e97\u3055\u3053\u3042\/\"<\/span>, <span class=\"hljs-attr\">idType<\/span>: URI) {\n<\/span><\/span><span class='shcb-loc'><span>    ...Post\n<\/span><\/span><span class='shcb-loc'><span>  }\n<\/span><\/span><span class='shcb-loc'><span>}\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span>fragment Post on Post {\n<\/span><\/span><span class='shcb-loc'><span>  link\n<\/span><\/span><span class='shcb-loc'><span>  uri\n<\/span><\/span><span class='shcb-loc'><span>  databaseId\n<\/span><\/span><span class='shcb-loc'><span>  slug\n<\/span><\/span><span class='shcb-loc'><span>}\n<\/span><\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>And its data returned in GraphiQL IDE:<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"389\" src=\"https:\/\/lh3.googleusercontent.com\/NkhktqfuOsKtLcVWs9yCCrJ7cm7_zuheFzR9h_D-lgrctcYVpBfQSqewZfVVZaDe6H0XC5xXJKXIRiX81d0ACietdpRUG78FZ9_k_rEKHIPvNbA0yrQ_tQiOEUcP3elQmIZloka33AS9Fvp5lRj16tk\"><\/p>\n\n\n\n<p>This is the Japanese blog post in Faust.js on the browser:<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/IOWfgXKC74uY3HfcFwE9ldlzy2h3Npr4Hn5E99qC0ZsJmy9UR293qIwpheDz4drgL--ThZQ7bxtqpHHEWMpXevaxD0FGYCy9Y5pXxLVoKgFWoO8bOVg_vTlkFNvGkg5655TL8fLK06ku9ymM2k9woaA\" width=\"624\" height=\"377\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Querying posts with non-ASCII slugs or URIs in WPGraphQL and headless WordPress is easy with diverse slugs while ensuring an accurate representation of non-ASCII characters in a URI with this capability automatically included.<\/p>\n\n\n\n<p>I hope this article provided you with a newfound knowledge of WPGraphQL capabilities.\u00a0 As always, super stoked to hear your feedback on any questions you may have on headless WordPress! Hit us up on our<a href=\"https:\/\/discord.com\/invite\/J2khkF9XYK\"> Discord<\/a> channel and try WPGraphQL today!<\/p>\n\n\n\n<div class=\"wp-block-group has-base-color has-text-color has-background has-link-color wp-elements-688844c5591b0d750f2228c71fe3f5ec has-global-padding is-layout-constrained wp-container-core-group-is-layout-c825ac28 wp-block-group-is-layout-constrained\" style=\"border-radius:12px;background-color:#180038;margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group alignwide is-content-justification-left is-layout-flex wp-container-core-group-is-layout-682063c7 wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-e4830150 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container\" style=\"width:38px\"><svg fill=\"none\" viewBox=\"0 0 38 30\" aria-label=\"Frost logo\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M18.149.498c-.043.01-.16.025-.259.033-.406.03-.933.112-1.53.238-.205.043-.769.198-.98.269-.114.039-.574.207-.618.226l-.292.124c-.3.128-.74.346-1.01.502a4.92 4.92 0 0 1-.206.115 10.57 10.57 0 0 0-4.878 6.728c-.018.106-.035.118-.237.165-.17.039-.23.055-.54.147C3.36 10.302.453 13.9.037 18.401c-.045.49-.05 8.792-.006 9.065.18 1.094.97 1.87 2.052 2.012.375.049 4.136.05 4.527.002 1.185-.148 2.032-1.046 2.102-2.228.055-.925.614-1.62 1.403-1.745.29-.046.37-.05.528-.022.905.158 1.437.76 1.5 1.7.083 1.249.888 2.135 2.084 2.294.363.048 4.162.048 4.518 0 .633-.086 1.262-.421 1.616-.862l.124-.154c.13-.156.29-.575.341-.885.046-.277.047-8.617.002-8.907-.183-1.17-1.208-1.979-2.505-1.979-.386 0-1.057-.13-1.593-.306a5.82 5.82 0 0 1-3.868-4.496c-.16-.907-.112-1.586.187-2.655.417-1.494 1.717-2.941 3.22-3.585l.158-.068c.28-.121.809-.268 1.214-.336a5.03 5.03 0 0 1 1.98.042c2.288.53 3.911 2.078 4.476 4.272.198.768.189.427.19 7.436.002 3.432.012 6.28.023 6.399.304 3.24 2.565 5.63 5.713 6.037.829.107 1.116.107 1.8-.001 2.037-.322 3.807-1.829 4.698-4.001l.046-.112c.148-.36.347-1.107.407-1.53.119-.823.073-1.372-.15-1.817-.255-.508-.802-.924-1.493-1.137-.253-.078-.998-.08-1.2-.005-.026.01-.11.037-.183.06-.666.202-1.24.854-1.493 1.696-.03.101-.093.523-.093.63 0 .044-.02.162-.046.26-.44 1.724-2.917 1.715-3.316-.013-.03-.128-.034-.905-.034-6.275 0-6.296-.005-6.684-.089-7.276a11.333 11.333 0 0 0-.114-.742c-.012-.05-.042-.186-.066-.304-.734-3.596-3.431-6.625-6.951-7.805a9.125 9.125 0 0 0-.855-.246 7.503 7.503 0 0 0-.888-.179 18.617 18.617 0 0 0-.877-.117c-.28-.033-.874-.046-.977-.02Zm-.047 8.132c-1.224.212-1.998 1.382-1.8 2.72.027.186.034.213.115.462.554 1.717 3.03 1.998 3.992.452.055-.088.1-.165.1-.172 0-.006.025-.064.056-.128.131-.27.214-.68.214-1.052 0-1.52-1.194-2.539-2.677-2.282Zm-9.55 5.116c.577 2.153 2.094 4.3 3.988 5.648.78.554 1.328.849 2.38 1.28.077.031.556.195.675.23l.247.07.236.069.101.03.006 1.66c.006 1.695.002 1.779-.078 1.615-.772-1.58-2.366-2.836-4.134-3.256-.626-.149-.883-.178-1.552-.178-2.132.001-4.114 1.027-5.234 2.711-.17.254-.36.57-.412.686-.101.22-.1.256-.1-2.611 0-3 .005-3.148.129-3.748a5.873 5.873 0 0 1 1.94-3.294 5.92 5.92 0 0 1 1.518-.927c.222-.091.262-.09.29.015Z\" clip-rule=\"evenodd\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-large-font-size\" style=\"font-style:normal;font-weight:800;letter-spacing:-1px\">WPGraphQL<\/p>\n<\/div>\n\n\n\n<p class=\"has-small-font-size wp-container-content-c86e52ed\" style=\"line-height:1.5\">An extendable GraphQL <br>schema &amp; API for WordPress.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-nowrap is-layout-flex wp-container-core-buttons-is-layout-3bdbf2e2 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline-base\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wpeng.in\/wpgraphql-builders\/\" style=\"border-radius:99px;padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px\" target=\"_blank\" rel=\"noreferrer noopener\">Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>When working with headless WordPress using WPGraphQL, we may need to query posts with non-ASCII characters in their slugs or URIs. WPGraphQL does this out of the box without needing [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"categories":[23],"tags":[],"class_list":["post-5534","post","type-post","status-publish","format-standard","hentry","category-headless"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Quick Tips: WPGraphQL Non-ASCII Queries - Builders<\/title>\n<meta name=\"description\" content=\"Did you know that you can query for posts data in WordPress with WPGraphQL via non-ASCII characters? Discover how WPGraphQL has the automatic capability to query WordPress and handle non-ASCII queries.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quick Tips: WPGraphQL Non-ASCII Queries\" \/>\n<meta property=\"og:description\" content=\"Did you know that you can query for posts data in WordPress with WPGraphQL via non-ASCII characters? Discover how WPGraphQL has the automatic capability to query WordPress and handle non-ASCII queries.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/\" \/>\n<meta property=\"og:site_name\" content=\"Builders\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-08T18:47:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-27T12:52:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-1.39.19-PM.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2150\" \/>\n\t<meta property=\"og:image:height\" content=\"948\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Francis Agulto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Quick Tips: WPGraphQL Non-ASCII Queries\" \/>\n<meta name=\"twitter:description\" content=\"Did you know that you can query for posts data in WordPress with WPGraphQL via non-ASCII characters? Discover how WPGraphQL has the automatic capability to query WordPress and handle non-ASCII queries.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-1.39.19-PM.png\" \/>\n<meta name=\"twitter:creator\" content=\"@wpebuilders\" \/>\n<meta name=\"twitter:site\" content=\"@wpebuilders\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Francis Agulto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/\"},\"author\":{\"name\":\"Francis Agulto\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/person\\\/bcdcb4ac0b215c34b6b30e440a24dc54\"},\"headline\":\"Quick Tips: WPGraphQL Non-ASCII Queries\",\"datePublished\":\"2023-08-08T18:47:43+00:00\",\"dateModified\":\"2023-09-27T12:52:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/\"},\"wordCount\":426,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Screenshot-2023-08-08-at-11.37.11-AM-1024x620.png\",\"articleSection\":[\"Headless\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/\",\"name\":\"Quick Tips: WPGraphQL Non-ASCII Queries - Builders\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Screenshot-2023-08-08-at-11.37.11-AM-1024x620.png\",\"datePublished\":\"2023-08-08T18:47:43+00:00\",\"dateModified\":\"2023-09-27T12:52:11+00:00\",\"description\":\"Did you know that you can query for posts data in WordPress with WPGraphQL via non-ASCII characters? Discover how WPGraphQL has the automatic capability to query WordPress and handle non-ASCII queries.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Screenshot-2023-08-08-at-11.37.11-AM.png\",\"contentUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Screenshot-2023-08-08-at-11.37.11-AM.png\",\"width\":2886,\"height\":1746},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/quick-tips-wpgraphql-non-ascii-queries\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quick Tips: WPGraphQL Non-ASCII Queries\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#website\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\",\"name\":\"Builders\",\"description\":\"Reimagining the way we build with WordPress.\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\",\"name\":\"WP Engine\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/WP-Engine-Horizontal@2x.png\",\"contentUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/WP-Engine-Horizontal@2x.png\",\"width\":348,\"height\":68,\"caption\":\"WP Engine\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/wpebuilders\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCh1WuL54XFb9ZI6m6goFv1g\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/person\\\/bcdcb4ac0b215c34b6b30e440a24dc54\",\"name\":\"Francis Agulto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g\",\"caption\":\"Francis Agulto\"},\"description\":\"Fran Agulto is a Developer Advocate at WP Engine. He is a lover of all things headless WordPress, Rock Climbing, and overall being stoked for people that love what they do and share that stoke with others! Follow me on Twitter for cool stoked headless WP!\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/author\\\/francis-agultowpengine-com-2-2-2-2-2-2-2-2-2-2-2-3\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quick Tips: WPGraphQL Non-ASCII Queries - Builders","description":"Did you know that you can query for posts data in WordPress with WPGraphQL via non-ASCII characters? Discover how WPGraphQL has the automatic capability to query WordPress and handle non-ASCII queries.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/","og_locale":"en_US","og_type":"article","og_title":"Quick Tips: WPGraphQL Non-ASCII Queries","og_description":"Did you know that you can query for posts data in WordPress with WPGraphQL via non-ASCII characters? Discover how WPGraphQL has the automatic capability to query WordPress and handle non-ASCII queries.","og_url":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/","og_site_name":"Builders","article_published_time":"2023-08-08T18:47:43+00:00","article_modified_time":"2023-09-27T12:52:11+00:00","og_image":[{"width":2150,"height":948,"url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-1.39.19-PM.png","type":"image\/png"}],"author":"Francis Agulto","twitter_card":"summary_large_image","twitter_title":"Quick Tips: WPGraphQL Non-ASCII Queries","twitter_description":"Did you know that you can query for posts data in WordPress with WPGraphQL via non-ASCII characters? Discover how WPGraphQL has the automatic capability to query WordPress and handle non-ASCII queries.","twitter_image":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-1.39.19-PM.png","twitter_creator":"@wpebuilders","twitter_site":"@wpebuilders","twitter_misc":{"Written by":"Francis Agulto","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/#article","isPartOf":{"@id":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/"},"author":{"name":"Francis Agulto","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/person\/bcdcb4ac0b215c34b6b30e440a24dc54"},"headline":"Quick Tips: WPGraphQL Non-ASCII Queries","datePublished":"2023-08-08T18:47:43+00:00","dateModified":"2023-09-27T12:52:11+00:00","mainEntityOfPage":{"@id":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/"},"wordCount":426,"commentCount":0,"publisher":{"@id":"https:\/\/wpengine.com\/builders\/#organization"},"image":{"@id":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/#primaryimage"},"thumbnailUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.37.11-AM-1024x620.png","articleSection":["Headless"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/","url":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/","name":"Quick Tips: WPGraphQL Non-ASCII Queries - Builders","isPartOf":{"@id":"https:\/\/wpengine.com\/builders\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/#primaryimage"},"image":{"@id":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/#primaryimage"},"thumbnailUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.37.11-AM-1024x620.png","datePublished":"2023-08-08T18:47:43+00:00","dateModified":"2023-09-27T12:52:11+00:00","description":"Did you know that you can query for posts data in WordPress with WPGraphQL via non-ASCII characters? Discover how WPGraphQL has the automatic capability to query WordPress and handle non-ASCII queries.","breadcrumb":{"@id":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/#primaryimage","url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.37.11-AM.png","contentUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-11.37.11-AM.png","width":2886,"height":1746},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/builders\/quick-tips-wpgraphql-non-ascii-queries\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/builders\/"},{"@type":"ListItem","position":2,"name":"Quick Tips: WPGraphQL Non-ASCII Queries"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/builders\/#website","url":"https:\/\/wpengine.com\/builders\/","name":"Builders","description":"Reimagining the way we build with WordPress.","publisher":{"@id":"https:\/\/wpengine.com\/builders\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/builders\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpengine.com\/builders\/#organization","name":"WP Engine","url":"https:\/\/wpengine.com\/builders\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/logo\/image\/","url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2024\/05\/WP-Engine-Horizontal@2x.png","contentUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2024\/05\/WP-Engine-Horizontal@2x.png","width":348,"height":68,"caption":"WP Engine"},"image":{"@id":"https:\/\/wpengine.com\/builders\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/wpebuilders","https:\/\/www.youtube.com\/channel\/UCh1WuL54XFb9ZI6m6goFv1g"]},{"@type":"Person","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/person\/bcdcb4ac0b215c34b6b30e440a24dc54","name":"Francis Agulto","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g","caption":"Francis Agulto"},"description":"Fran Agulto is a Developer Advocate at WP Engine. He is a lover of all things headless WordPress, Rock Climbing, and overall being stoked for people that love what they do and share that stoke with others! Follow me on Twitter for cool stoked headless WP!","url":"https:\/\/wpengine.com\/builders\/author\/francis-agultowpengine-com-2-2-2-2-2-2-2-2-2-2-2-3\/"}]}},"_links":{"self":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts\/5534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/comments?post=5534"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts\/5534\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/media?parent=5534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/categories?post=5534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/tags?post=5534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}