{"id":30189,"date":"2022-11-04T21:16:04","date_gmt":"2022-11-04T21:16:04","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/"},"modified":"2023-07-28T14:02:12","modified_gmt":"2023-07-28T14:02:12","slug":"how-to-create-terms-query-and-display-related-tags-on-the-public-user-page","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/","title":{"rendered":"How to Create Terms Query and Display Related Tags on the Public User Page"},"content":{"rendered":"\n<p>By following this tutorial, you can display the terms attached to the user. As an example, we will show the skills and their level attached to the specific user.<\/p>\n\n\n\n<p>As the starting point, we will check the result to understand what we will get. At the end of this tutorial, you will know how to display the info about the user with their skills picked on the WordPress Dashboard.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/user-page-on-the-front-end-full.png\" alt=\"user page on the front page\">\n\n\n\n<p>Let\u2019s now move on to the steps you should take.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"build-listing\">Build a Listing<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Firstly, proceed to the <strong><em>WordPress Dashboard &gt; JetEngine &gt; Listings<\/em><\/strong>. Press the \u201c<strong>Add New<\/strong>\u201d button to build a new listing.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/listing-items-jetengine-full-1.png\" alt=\"listing items jetengine\">\n\n\n\n<p>In the pop-up, select the \u201cTerms\u201d option as the <strong>Listing source<\/strong>, and find the needed item in the <strong>From Taxonomy <\/strong>list.&nbsp;<\/p>\n\n\n\n<p>Also, mind completing the <strong>Listing item name<\/strong> and selecting <strong>Listing view<\/strong>. We will check both Elementor and Block Editor.<\/p>\n\n\n\n<p>Now you can push the \u201c<strong>Create Listing Item<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/setup-terms-listing-item-full.png\" alt=\"setup terms listing item\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adjust-listing-in-elementor\">Adjust Listing in Elementor<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Add desired widgets to display dynamic data about the taxonomy terms. For instance, we add a <strong>Dynamic Image<\/strong> to show the picture attached to the term and two <strong>Dynamic Fields<\/strong>.<\/p>\n\n\n\n<p>Look at the first <strong>Dynamic Field<\/strong>; it shows the term name. To get the same, pick the \u201cPost\/Term\/User\/Object\u201d <strong>Source <\/strong>and \u201cTerm Name\u201d <strong>Object Field<\/strong>.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/dynamic-field-term-name-in-the-terms-listing-grid-full.png\" alt=\"dynamic field term name in the terms listing grid\">\n\n\n\n<p>We show the skill level (relation meta field data) as well. Don\u2019t forget that here we select \u201cRelation Meta Data\u201d <strong>Source<\/strong> and \u201cSkill Level\u201d <strong>Meta Field<\/strong>.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/dynamic-field-relation-meta-data-in-the-terms-listing-grid-full.png\" alt=\"dynamic field relation meta data in the terms listing grid\">\n\n\n\n<p>Optionally, you can style up the listing. For example, we will add a border to the section to show the colors we have picked for each term in the <strong>Colorpicker <\/strong>meta field.<\/p>\n\n\n\n<p>Select Section, head to the Style section, and open the <strong>Border <\/strong>tab. Pick the needed <strong>Border Type <\/strong>and move to the <strong>Color <\/strong>field.&nbsp;<\/p>\n\n\n\n<p>Click the <strong>Dynamic Tags <\/strong>button and choose the \u201cTerm Field\u201d macro. Then define the needed <strong>Taxonomy<\/strong>, and pick the \u201cMeta field\u201d option. Specify the <strong>Meta Field<\/strong>; now, we type in the \u201ccolorpicker\u201d value that stands for the colorpicker meta field name attached to the taxonomy.&nbsp;<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/section-border-color-full.png\" alt=\"section border color\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-listing-in-block-editor\">Add Listing in Block Editor<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>You can repeat the same steps in the Gutenberg Editor; all the blocks and their settings are also available here.<\/p>\n\n\n\n<p>Press the \u201c<strong>Publish\/Update<\/strong>\u201d button once you are ready to publish.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/terms-listing-in-gutenberg-full.png\" alt=\"terms listing in gutenberg\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-terms-query\">Create a Terms Query<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Now we need to build a query that will display only the items related to the particular user.<\/p>\n\n\n\n<p>Navigate to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Query Builder<\/em><\/strong>. Click the \u201c<strong>Add New<\/strong>\u201d button to build a query.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/jetengine-queries-list-add-new-button-full.png\" alt=\"jetengine queries list add new button\">\n\n\n\n<p>Begin with General Settings. Give a <strong>Name <\/strong>to the query, select \u201cTerms Query\u201d as <strong>Query Type<\/strong>, and set <strong>Query ID <\/strong>if you plan to use the query for filters.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/terms-query-in-the-query-builder-full.png\" alt=\"terms query in the query builder\">\n\n\n\n<p>In the General tab, choose the <strong>Taxonomy <\/strong>you use.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">Leave the following fields empty. Although, you should deactivate the <strong>Hide Empty<\/strong> toggle, as this feature can interfere with getting the desired result.<\/p><\/div><\/div>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/general-tab-of-the-terms-query-full.png\" alt=\"general tab of the terms query\">\n\n\n\n<p>Head to the <strong>Include\/Exclude <\/strong>tab. Click the <strong>Dynamic Tags <\/strong>button next to the <strong>Include <\/strong>field.<\/p>\n\n\n\n<p>Select the \u201cRelated Items\u201d macro.<\/p>\n\n\n\n<p>Then specify the built relation in the <strong>From Relation <\/strong>field, select the \u201cChild Object\u201d as <strong>From Object <\/strong>option, and the \u201cCurrent Object ID\u201d as the <strong>Initial Object ID From <\/strong>item.<\/p>\n\n\n\n<p>Don\u2019t forget to press the \u201c<strong>Apply<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/include-or-exclude-tab-of-the-terms-query-full.png\" alt=\"include or exclude tab of the terms query\">\n\n\n\n<p>That\u2019s it; now press the \u201c<strong>Add Query<\/strong>\u201d button and go to the public user page you have built beforehand.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"customize-public-user-page\">Customize the Public User Page<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Find the <strong>Listing Grid <\/strong>widget and select the needed <strong>Listing <\/strong>in the drop-down menu.&nbsp;<\/p>\n\n\n\n<p>It will not be displayed immediately. Move to the <strong>Custom Query<\/strong> tab.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/listing-grid-on-the-public-user-page-full.png\" alt=\"listing grid on the public user page\">\n\n\n\n<p>You should activate the <strong>Use Custom Query<\/strong> toggle and select the newly built query.<\/p>\n\n\n\n<p>Now you can hit the \u201c<strong>Update<\/strong>\u201d button and head to the user page to see if the result is displayed depending on the attached skills.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/listing-grid-custom-terms-query-full.png\" alt=\"listing grid custom terms query\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-result\">Check the Result<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>We can see the user page with the skills and its level attached.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/user-page-on-the-front-end-full-1.png\" alt=\"user page on the front end\">\n<\/div><\/div>\n\n\n\n<p>Now you know how to display related WordPress tags on the public user page with the help of <em>JetEngine <\/em><strong>Query Builder <\/strong>and its functionality.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to build Terms Query with JetEngine Query Builder and display the related tags on the WordPress public user page.<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[405],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create Terms Query and Display Related Tags on Public User Page \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover how to build WordPress terms query and show related tags on the public user page with the help of the JetEngine plugin functionality.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Terms Query and Display Related Tags on Public User Page \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover how to build WordPress terms query and show related tags on the public user page with the help of the JetEngine plugin functionality.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T14:02:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/user-page-on-the-front-end-full.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/\",\"name\":\"How to Create Terms Query and Display Related Tags on Public User Page \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-11-04T21:16:04+00:00\",\"dateModified\":\"2023-07-28T14:02:12+00:00\",\"description\":\"Discover how to build WordPress terms query and show related tags on the public user page with the help of the JetEngine plugin functionality.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create Terms Query and Display Related Tags on the Public User Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Terms Query and Display Related Tags on Public User Page \u2014 JetEngine | Crocoblock","description":"Discover how to build WordPress terms query and show related tags on the public user page with the help of the JetEngine plugin functionality.","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:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Terms Query and Display Related Tags on Public User Page \u2014 JetEngine | Crocoblock","og_description":"Discover how to build WordPress terms query and show related tags on the public user page with the help of the JetEngine plugin functionality.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/","og_site_name":"Help Center","article_modified_time":"2023-07-28T14:02:12+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/user-page-on-the-front-end-full.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/","name":"How to Create Terms Query and Display Related Tags on Public User Page \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-11-04T21:16:04+00:00","dateModified":"2023-07-28T14:02:12+00:00","description":"Discover how to build WordPress terms query and show related tags on the public user page with the help of the JetEngine plugin functionality.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-terms-query-and-display-related-tags-on-the-public-user-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Create Terms Query and Display Related Tags on the Public User Page"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/30189"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=30189"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=30189"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=30189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}