{"id":27781,"date":"2020-10-02T10:20:53","date_gmt":"2020-10-02T14:20:53","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=27781"},"modified":"2021-09-13T11:27:29","modified_gmt":"2021-09-13T15:27:29","slug":"how-to-display-wordpress-recent-posts-by-category","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/wordpress-tutorials\/how-to-display-wordpress-recent-posts-by-category\/","title":{"rendered":"How to Display Recent Posts by Category in WordPress"},"content":{"rendered":"\n

The WordPress Core Recent Posts Widget is an easy way to display the most recent posts to your visitors. Unfortunately there isn’t a way to only show recent posts from a specific category (or categories) without the use of a plugin.<\/p>\n

To find a solution, we did some testing using the Recent Posts Widget Extended<\/a> and Widget Logic<\/a> plugins. While they do not work with themes using the new block widget interface like Twenty Twenty-One, they do work well together in other WordPress themes<\/a>.<\/p>\n

If you are using Twenty Twenty-One, you should consider using the Display Posts plugin<\/a> to accomplish the same goal. Since this plugin uses shortcodes instead of a visual interface, it will work with Twenty Twenty-One.<\/p>\n

Each plugin will be discussed in greater detail below and an example of how they can work together to give you greater control over what posts your users see in widgets.<\/p>\n

Please note that these plugins have a warning that it hasn’t been tested with the most recent versions of WordPress. We strongly<\/b> advise you test this plugin in a WordPress staging<\/a> environment with your theme and current plugins to ensure compatibility.<\/p>\n

Create a Recent Posts by Category Widget<\/h2>\n
Approach 1: Use Recent Post Widget Extended Plugin<\/h3>\n
The Recent Posts Widget Extended<\/a> plugin allows you to create a recent post list with posts only from a single category. You can also use the plugin to create other types of post lists (recent or not) using the available settings. It adds a new widget to your dashboard.<\/p>\n
\n
Navigate to Appearance > Widgets<\/strong>.<\/li>\n
Select Recent Posts Extended<\/strong> from the widget list.
\n $\"Recent$ <\/a><\/li>\n
Add the widget to the desired widget location, which will vary by theme.<\/li>\n
You can leave most settings as they are, but be sure to look at these:\n
\n
Title<\/li>\n
Number of posts to show<\/li>\n
Display Thumbnail<\/li>\n
Display Readmore<\/li>\n<\/ul>\n<\/li>\n
In the Limit to Category<\/strong> box, check the category or categories you’d like to display posts from.
\n $\"Recent$ <\/a><\/li>\n
Navigate to the front end of your website to see your new widget!
\n $\"Post$ <\/a><\/li>\n<\/ol>\n
As shown above, there are many options you can use to customize each Recent Post list. Feel free to experiment with different options to create unique post lists.<\/p>\n
Approach 2: Use Display Posts Plugin<\/h3>\n
You can also use the Display Posts plugin to create a post list by category. You will use a shortcode to choose what displays – excerpt, image, read more link, etc – using the instructions on the Display Posts plugin<\/a> page on WordPress.org.<\/p>\n
The basic shortcode is `[display-posts]<\/code><\/p>\n`
`To only show the posts from our Favorites category, we will need to add a parameter. The` `full list of parameters<\/a> that can be used is on the plugin’s website.<\/p>\n`
`[display-posts category=\"favorites\"]<\/code><\/p>\n`
`We recommend you also review the official Display Post Tutorials<\/a>, especially the Image Alignment<\/a> options, to fine-tune the front-end display of your recent posts widget.<\/p>\n`
\nNavigate to Appearance > Widgets<\/strong>.<\/li>\n Add a Text<\/strong> Widget.<\/li>\nPaste your desired shortcode in the widget.<\/li>\n<\/ol>\n<\/a><\/p>\n The shortcode we used is:<\/p>\n [display-posts include_excerpt=\"true\" excerpt_length=\"20\" image_size=\"large\" wrapper=\"div\" wrapper_class=\"display-posts-listing image-top\" category=\"favorites\"]<\/code><\/p>\n This shortcode will display a 20 characters excerpt of each post, shows the featured image above the post content, and will only show posts in the category Favorites. On the front end, it looks like this:<\/p>\n <\/p>\n Using Widget Logic to Display Recent Posts per Category<\/h2>\nEither widget we just created will show everywhere the widget area is active. If you’d like to limit where the widget displays, you can add the Widget Logic<\/a> plugin. It adds an extra field at the bottom of every widget, like shown below.<\/p>\n <\/a><\/p>\n The text field lets you use any of WordPress Core’s Conditional Tags<\/a>, or any general PHP code, to select exactly where the widget is shown on your website. For example:<\/p>\n \nis_home()<\/code> — only on the main blog page<\/li>\n is_page('about')<\/code> — only on the About page<\/li>\n in_category('favorites')<\/code> — only on the Favorites category page and posts<\/li>\nin_category( array('cat-1','cat-2') )<\/code> — only on the Cat-1 and Cat-2 category pages and posts<\/li>\n<\/ul>\nDisplay Recent Posts for Current Category<\/h2>\nNow we have a way to display Recent Posts from a specific category, and we know how to display a widget only where we want. Using the plugins together allows you to show Recent Posts specific to the category the user is in, without creating multiple sidebars or using custom code in Core files.<\/p>\n For example, let’s say you have a category called Favorites. When a visitor is reading an article in the Favorites category you only want to show a Recent Post list with posts from the Favorites category. When the user changes to a different category, the Recent Post list will change to only show posts from that new category.<\/p>\nStep by Step Instructions<\/h3>\nYou will need to use either method to create multiple Recent Post widgets – one for each category you want Recent Posts to show on. Add them all to the same widget area, like the Primary Sidebar. Each Recent Post widget needs to include logic in the last input box to ensure the widget only displays where you want it to, otherwise it will display everywhere.<\/p>\n\nCreate a Recent Posts widget with the desired category selected, like shown in the first part of this article.<\/li>\nAdd in_category('favorites')<\/code>to the Widget Logic input at the bottom of the widget panel, replacing favorites<\/em> with your category name. \n<\/a><\/li>\n View the front end of your site. You should only see the Recent Post list when you are in the category entered in Widget logic, and not anywhere else.<\/li>\n Create another Recent Posts widget with a different category checked.<\/li>\n Add in_category('news')<\/code>to the Widget Logic input at the bottom of the widget panel, replacing news<\/em> with your category name.<\/li>\n Add it to the same widget area. \n<\/a><\/li>\n View the front end of your site again. Switch between posts in the two categories to see the post list change.<\/li>\n<\/ol>\nYou can repeat this process for as many categories as you need, there’s no limit on how many you can create.<\/p>\n Ready to Try?<\/h2>\nAs mentioned previously we strongly<\/strong> recommend you try these plugins in a staging environment to be sure they work with your theme and plugins, and to ensure you have a good understanding of the logic code before saving to a live site.<\/p>\nTest Post Widget Extended + Widget Logic<\/h3>\nYou can use BoldGrid’s Cloud WordPress test these plugins now<\/a> with BoldGrid Crio, our latest WordPress theme for business<\/a>.<\/p>\n Test Display Posts + Widget Logic<\/h3>\nIf you’d prefer to use shortcodes, you can test Display Posts and Widget Logic<\/a> instead.<\/p>\n We hope you found this tutorial helpful and can use this information to gain greater control over your WordPress website. Let us know below if you have any questions.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":" The WordPress Core Recent Posts Widget is an easy way to display the most recent posts to your visitors. Unfortunately there isn’t a way to only show recent posts from a specific category (or categories) without the use of a plugin. To find a solution, we did some testing using the Recent Posts Widget Extended […]<\/p>\n","protected":false},"author":215,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to Display Recent Posts by Category in WordPress","bgseo_description":"Learn how to display recent posts by category in WordPress and only show recent posts for the current category by limiting where the widget displays.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[151],"tags":[],"class_list":["post-27781","post","type-post","status-publish","format-standard","hentry","category-wordpress-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/27781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/215"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=27781"}],"version-history":[{"count":22,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/27781\/revisions"}],"predecessor-version":[{"id":42723,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/27781\/revisions\/42723"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=27781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=27781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=27781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}