{"id":248447,"date":"2019-05-17T10:06:32","date_gmt":"2019-05-17T14:06:32","guid":{"rendered":"https:\/\/wpdeveloper.net\/?p=248447"},"modified":"2026-01-11T06:16:41","modified_gmt":"2026-01-11T06:16:41","slug":"filter-wordpress-blogs-elementor","status":"publish","type":"post","link":"https:\/\/wpdeveloper.com\/filter-wordpress-blogs-elementor\/","title":{"rendered":"How to Filter Your WordPress Blogs Based on Categories or Tags Using Elementor [2026]"},"content":{"rendered":"<p>Since the <a href=\"https:\/\/wpdeveloper.net\/wordpress-blog-page-elementor\/\" target=\"_blank\" rel=\"noopener\">WordPress Blog<\/a> landing page can have a major impact on the first impression of the site visitors, it&#8217;s important to pay attention to the overall design. People are more likely to stay on the page if the appearance is attractive enough. Now, you must be wondering how to do so, right? Well, thanks to <a href=\"http:\/\/essential-addons.com\/elementor\/\" target=\"_blank\" rel=\"noopener\"><strong>Essential Addons for Elementor<\/strong><\/a>,\u00a0 you can comfortably display your WordPress Blogs &amp; make them totally stand out.<!--more--><\/p>\n<h2><span style=\"color: #3366ff\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-249307\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2019\/05\/How-to-filter-your-Blogs-based-on-CategoriesTags-by-using-Elementor.png\" alt=\"\" width=\"1280\" height=\"720\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2019\/05\/How-to-filter-your-Blogs-based-on-CategoriesTags-by-using-Elementor.png 1280w, https:\/\/assets.wpdeveloper.com\/2019\/05\/How-to-filter-your-Blogs-based-on-CategoriesTags-by-using-Elementor-600x338.png 600w, https:\/\/assets.wpdeveloper.com\/2019\/05\/How-to-filter-your-Blogs-based-on-CategoriesTags-by-using-Elementor-768x432.png 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/span><\/h2>\n<h2><span style=\"color: #3366ff\">Significance of Displaying Your Blogs in a Stylish Way<\/span><\/h2>\n<p>If you are running a blogging platform, you must have a beautifully designed layout to display all your posts. Let&#8217;s think about it, if you have a very messy blog landing page, people would simply just leave your website &amp; probably never will come back. That&#8217;s how you can lose a potential reader so easily. This is why it is very important to build a nice &amp; organized content showcase page to keep the site traffic flowing &amp; build a community.<\/p>\n<p>On the other hand, are you trying to promote your products or services through Content Marketing? Then, you should definitely focus on designing an attractive Blog Landing page for your website as well. Because the main purpose of this marketing strategy is to get more eyes on your content to increase engagement on your site and turn your audience into customers. So, to immediately grab the attention of your site visitors &amp; make them stay, you need to display your blog posts in an interactive manner.<\/p>\n<p>By using <a href=\"https:\/\/wpdeveloper.net\/go\/elementor\" target=\"_blank\" rel=\"noopener\"><strong>Elementor Page Builder<\/strong><\/a>, you can effortlessly design a landing page for your WordPress Blogs. Normally, the default Elementor Post widgets can serve the purpose to a certain extent. However, it might not be enough to make your page totally stand out from the rest. So, to present your contents even more impressively, you can use the Smart Post List element of <a href=\"https:\/\/wpdeveloper.net\/plugins\/essential-addons-elementor\/\" target=\"_blank\" rel=\"noopener\"><strong>Essential Addons<\/strong><\/a>. What sets it apart from other Elementor Post elements is that it gives the users a chance to interact with your contents because of its filter controls. As a result, you can easily choose a certain category or tag so that only the respective articles can be shown in the process.<\/p>\n<h2><span style=\"color: #3366ff\">How to Filter Your WordPress Blog Posts using EA Smart Post List<\/span><\/h2>\n<p>Thanks to EA Smart Post List offered by <a href=\"http:\/\/essential-addons.com\/elementor\/\" target=\"_blank\" rel=\"noopener\"><strong>Essential Addons PRO<\/strong><\/a>, you will get to easily design a mesmerizing blog landing page. Aside from the amazing appearance, you can even add thrilling functionalities as well. For instance, you can showcase your content based on author, categories or tags with the help of it.<\/p>\n<p>The most impressive thing about this element is that it allows you to filter the blog posts based on their categories or tags. As a result, it will only display the content based on the conditions you have specified. Without further ado, let&#8217;s take a deep dive on how you can easily set up EA Smart Post List on your WordPress website.<\/p>\n<h2><span style=\"color: #3366ff\">Configuring EA Smart Post List Settings<\/span><\/h2>\n<p>First of all, you will have to configure the <strong>EA Smart Post List<\/strong> as per your requirements. Since our goal is to display WordPress blog posts using this element, we will go with &#8216;Posts&#8217; as a Source type from the &#8216;Query&#8217; section. Afterward, you will have the option to fill up the fields for tags, categories and author. As soon as you add a category or a tag, they will be added as &#8216;Filter Controls&#8217;.<\/p>\n<p>For instance, when you click on the &#8216;Category&#8217; you have added, EA Smart Post List will display all the posts related to it. This is the most important configuration to get the flow running. Then, you will have the freedom to define the number of content you want to show in each page along with other options.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-248946\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2019\/05\/1.gif\" alt=\"WordPress Blogs\" width=\"1352\" height=\"654\" title=\"\"><\/p>\n<p>The Layout Settings gives you control over the appearance of your Blog Posts. You can use the toggle to easily to display the items you need.\u00a0 For the purpose of this article, make sure that &#8216;Show Category Filter&#8217; is turned on otherwise you won&#8217;t be able to display contents based on specified filters.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-248947\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2019\/05\/2.png\" alt=\"WordPress Blogs\" width=\"1354\" height=\"654\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2019\/05\/2.png 1354w, https:\/\/assets.wpdeveloper.com\/2019\/05\/2-600x290.png 600w, https:\/\/assets.wpdeveloper.com\/2019\/05\/2-768x371.png 768w\" sizes=\"(max-width: 1354px) 100vw, 1354px\" \/><\/p>\n<p>The fact that you can highlight a &#8216;Featured Post&#8217; through EA Smart Post List, is quite fascinating. You can use this feature to put a spotlight on special content such as a milestone, big news or even something which is trending worldwide now. On the other hand, the &#8216;List Post Settings&#8217; section gives you the control on whether you want to display the title and meta description or not. Based on your desire, you can change the &#8216;Column Layout&#8217; as well.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-248955\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2019\/05\/3.png\" alt=\"WordPress Blogs\" width=\"1349\" height=\"649\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2019\/05\/3.png 1349w, https:\/\/assets.wpdeveloper.com\/2019\/05\/3-600x289.png 600w, https:\/\/assets.wpdeveloper.com\/2019\/05\/3-768x369.png 768w\" sizes=\"(max-width: 1349px) 100vw, 1349px\" \/><\/p>\n<h2><span style=\"color: #3366ff\">Styling all the Features<\/span><\/h2>\n<p>Once you are done with the Configuration, you can simply just go ahead and style all the features as per your preference. EA Smart Post List gives you plenty of freedom to personalize the entire layout the way you want. Besides, you can customize the Typography &amp; Color for the content of your <strong>WordPress Blogs<\/strong>. By tweaking with the settings, you can even change the appearance of the Navigation Buttons &amp; Topbar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-249066\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2019\/05\/style-smart-post-list.gif\" alt=\"WordPress Blogs\" width=\"1348\" height=\"653\" title=\"\"><\/p>\n<h2><span style=\"color: #3366ff\">What You Can Expect<\/span><\/h2>\n<p>You should get your desired outcome after you have finished playing around with <strong>EA Smart Post List<\/strong> settings. If something bothers you, you can always just go back &amp; change it to get the expected result.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-248958\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2019\/05\/6-1.gif\" alt=\"WordPress Blogs\" width=\"1349\" height=\"625\" title=\"\"><\/p>\n<h2><span style=\"color: #3366ff\">Final Thoughts<\/span><\/h2>\n<p>We have already discussed the importance of displaying <strong>WordPress Blogs<\/strong> in an attractive manner &amp; how it can affect your content marketing process. So, why don&#8217;t you get started with EA Smart Post List and start having fun?<\/p>\n<p>You can also check out our other <a href=\"https:\/\/wpdeveloper.net\/elements-need-build-blog-homepage\/\" target=\"_blank\" rel=\"noopener\"><strong>amazing Post Elements<\/strong><\/a> to easily design your Blog Home page. Feel free to leave feedback in the Comments section.<\/p>\n<p>&nbsp;<\/p>\n\t\t<div data-elementor-type=\"section\" data-elementor-id=\"295085\" class=\"elementor elementor-295085\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-45857f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"45857f9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8f322c1\" data-id=\"8f322c1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-693dda77 elementor-widget elementor-widget-text-editor\" data-id=\"693dda77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Will You Recommend Our Plugin To Your Friends?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e8e6d8e elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4e8e6d8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.facebook.com\/pg\/WPDeveloperNet\/reviews\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">If Yes, Kindly Leave a Review on Facebook<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"<p>To get more traffic on your content, it is important to showcase your blog posts in an interactive manner. It will certainly make them stay longer and might turn them into a regular reader of your articles as well.<\/p>\n","protected":false},"author":9206,"featured_media":249307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[108,88],"tags":[597,272,104,598,595,89,596],"class_list":["post-248447","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-tutorials","tag-blog-posts","tag-content-marketing","tag-elementor","tag-post-layout","tag-smart-post-list","tag-wordpress","tag-wordpress-blogs"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[2045,6348,9206,46051],"highlights":[],"isAutoShareEnabled":false,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"views":16730,"_links":{"self":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/248447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/users\/9206"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/comments?post=248447"}],"version-history":[{"count":35,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/248447\/revisions"}],"predecessor-version":[{"id":1139684,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/248447\/revisions\/1139684"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media\/249307"}],"wp:attachment":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media?parent=248447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/categories?post=248447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/tags?post=248447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}