{"id":7978,"date":"2023-06-19T11:14:26","date_gmt":"2023-06-19T11:14:26","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/?post_type=ht_kb&#038;p=7978"},"modified":"2023-06-19T13:34:42","modified_gmt":"2023-06-19T13:34:42","slug":"category-grid","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/knowledge-base\/category-grid\/","title":{"rendered":"04. Category grid [Elementor]"},"content":{"rendered":"<p>With Elementor you can display a grid of Categories, Series or Podcast Categories.<\/p>\n<p>The background of each item is the special image added to each specific term.\u00a0<a href=\"https:\/\/pro.radio\/shop\/knowledgebase\/1986\/Podcast-series.html\">More info.<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/98_categories-grid.jpg\" alt=\"categories grid\" width=\"1200\" height=\"483\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"how-add-a-categories-grid\" >How add a categories grid<\/h2>\n<p><strong>Step 1:\u00a0<\/strong>Edit your page with Elementor<\/p>\n<p><strong>Step 2:\u00a0<\/strong>search and add the widget Category Grid<\/p>\n<p><a href=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/category-grid-widget.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-720\" src=\"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-content\/uploads\/2023\/06\/category-grid-widget.png\" alt=\"\" width=\"153\" height=\"116\" \/><\/a><\/p>\n<p><strong>Step 3:\u00a0<\/strong>set the parameters to fit your needs. You can set a different amount of items per row for desktop and tablet using Columns destop and Columns tablet.<\/p>\n<p><strong>Step 4:\u00a0<\/strong>Taxonomy &#8211; optionally choose another taxonomy from other custom post types.<\/p>\n<p><strong>Step 5:<\/strong>\u00a0exclude and include &#8211; set the IDs of categories to exclude or include. While choosing &#8220;include by ID&#8221;, other parameters are ignored.<\/p>\n<p><strong>Step 6:<\/strong>\u00a0Only sub-categories of this specific category &#8211; let&#8217;s say you have a top level category called &#8220;music&#8221; and sub categories called &#8220;pop&#8221; and &#8220;rock&#8221;, you can set the ID of music in this field, and the grid will extract Pop and Rock, and any other category you&#8217;ll add under Music in the future.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[703],"ht_kb_tag":[734,729],"class_list":["post-7978","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-6-pages-and-home-creation","ht_kb_tag-category","ht_kb_tag-grid"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb\/7978"}],"collection":[{"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/comments?post=7978"}],"version-history":[{"count":3,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb\/7978\/revisions"}],"predecessor-version":[{"id":8139,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb\/7978\/revisions\/8139"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/media?parent=7978"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb_category?post=7978"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/wpcasterpro\/wp-json\/wp\/v2\/ht_kb_tag?post=7978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}