{"id":54,"date":"2025-06-10T07:18:29","date_gmt":"2025-06-10T07:18:29","guid":{"rendered":"https:\/\/staging8.dynaserverx.com\/cvsquote\/?p=54"},"modified":"2025-06-10T07:18:29","modified_gmt":"2025-06-10T07:18:29","slug":"blog-category-filter","status":"publish","type":"post","link":"https:\/\/staging8.dynaserverx.com\/cvsquote\/blog-category-filter\/","title":{"rendered":"Blog Category Filter"},"content":{"rendered":"<h2><b>Blog Category Filter ( 4 &#8211; 6 Hours )<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Since Elementor does not include a built-in dropdown category filter by default, we recommend using the Unlimited Elements category dropdown filter to save development time\u2014especially given that only a single filter is currently needed. However, it&#8217;s important to note that if we go with the Unlimited Elements plugin approach, we will be bound to its predefined template and structure, as it does not support full layout customization. This may limit design flexibility if specific layout changes are required. Please note that if there are plans to implement multiple filters or require more control over the design and functionality, a custom AJAX filter would be a better long-term solution. It offers greater flexibility, full layout control, and can be extended as needed without the limitations imposed by third-party plugins.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Install the Unlimited Elements plugin on the website<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Configure the plugin\u2019s default settings<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enable the widgets needed for the filter<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Create a Drop-down Category filter to the blog template<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Configure the widget option and setting<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Connect the Widget to blog category<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Retrieve the blog categfory list<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Exclude\/Include category based on the client request<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Configure the filter rule and option<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Connect the form to the main blog query<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Adjust the filter design based on the theme<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add custom style if needed<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Convert the filter to mobile responsive<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Perform trial and error to test the filter functionality<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Perform trial and error to check the pagination compatibility<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Blog Category Filter ( 4 &#8211; 6 Hours ) Since Elementor does not include a built-in dropdown category filter by default, we recommend using the Unlimited Elements category dropdown filter to save development time\u2014especially given that only a single filter is currently needed. However, it&#8217;s important to note that if we go with the Unlimited [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,5],"tags":[45,46,48,44,47],"class_list":["post-54","post","type-post","status-publish","format-standard","hentry","category-dallas","category-thrive","tag-blog-filter","tag-category-filter","tag-cpt-filter","tag-custom-post-type-filter","tag-filter","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging8.dynaserverx.com\/cvsquote\/wp-json\/wp\/v2\/posts\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging8.dynaserverx.com\/cvsquote\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging8.dynaserverx.com\/cvsquote\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging8.dynaserverx.com\/cvsquote\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging8.dynaserverx.com\/cvsquote\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":1,"href":"https:\/\/staging8.dynaserverx.com\/cvsquote\/wp-json\/wp\/v2\/posts\/54\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/staging8.dynaserverx.com\/cvsquote\/wp-json\/wp\/v2\/posts\/54\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/staging8.dynaserverx.com\/cvsquote\/wp-json\/wp\/v2\/media?parent=54"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging8.dynaserverx.com\/cvsquote\/wp-json\/wp\/v2\/categories?post=54"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging8.dynaserverx.com\/cvsquote\/wp-json\/wp\/v2\/tags?post=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}