{"id":28325,"date":"2021-08-16T15:00:53","date_gmt":"2021-08-16T13:00:53","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=28325"},"modified":"2021-09-20T12:35:11","modified_gmt":"2021-09-20T10:35:11","slug":"how-to-display-featured-post-in-the-wordpress-sidebar","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-display-featured-post-in-the-wordpress-sidebar\/","title":{"rendered":"How to Display a Featured Post in the WordPress Sidebar"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]A WordPress sidebar is an area or section located alongside the main content area, where you can <a href=\"https:\/\/qodeinteractive.com\/magazine\/add-widget-to-wordpress\/\">add widgets<\/a> and display all sorts of elements that can contribute to the look and function of your WordPress site \u2013 such as <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-add-social-media-icons-to-wordpress-sidebar\/\">social media icons<\/a>, banners, a search box, category list, etc. This area is also great for<strong> displaying your featured posts, i.e. some of the posts you\u2019d like to set apart.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Adding your featured posts in one of the available sidebar areas of your WordPress site is a great opportunity to get more people to find and read your best content. Just like <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-popular-posts-plugins\/\">displaying your most popular posts<\/a> or latest posts somewhere where they\u2019re easily noticeable, <strong>putting up a list of some of your best articles as featured posts can only help contribute to user engagement<\/strong> and increase your page views.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]There are <strong>several different ways in which you can add featured posts to your WordPress sidebar<\/strong>. This time around, we are going to demonstrate three different methods for you to choose from, so make sure to read on about:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#displaying-featured-posts-in-your-sidebar-using-a-text-widget\">Displaying Featured Posts in Your Sidebar Using a Text Widget<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#displaying-featured-posts-in-your-sidebar-as-a-menu\">Displaying Featured Posts in Your Sidebar as a Menu<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-featured-posts-using-thumbnails\">Adding Featured Posts Using Thumbnails<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"displaying-featured-posts-in-your-sidebar-using-a-text-widget\"><\/a>Displaying Featured Posts in Your Sidebar Using a Text Widget<\/h2>\n<p>[\/vc_column_text][vc_column_text]Adding featured posts using a sidebar widget is one of the methods that doesn\u2019t require a plugin of any sort, which makes it quite simple to do. To use this method, <strong>go to<em> Appearance &gt;&gt; Widgets<\/em> and simply find and drag a <em>Text<\/em> widget<\/strong> over to your desired widget area (sidebar) located on the right. Or, hit the <em>Add Widget<\/em> button after expanding the widget.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Text-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Add Text Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Text-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Text-Widget-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Text-Widget-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Text-Widget-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will instantly see a few additional fields in the <em>Text<\/em> widget. You will be able to give a title to your widget and add your post titles as well (either as a regular text or a bulleted list).[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"600\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Text-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Featured Posts Text Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Text-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Text-Widget-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Text-Widget-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Text-Widget-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then you can <strong>select the desired post title and hit on \u201clink\u201d to insert a link to your post.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Link-Widget-Text.jpg\" class=\"attachment-full size-full\" alt=\"Link Widget Text\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Link-Widget-Text.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Link-Widget-Text-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Link-Widget-Text-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Link-Widget-Text-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Hit the <em>Save<\/em> button when you\u2019re done with adding all the links and go ahead to see what your featured posts look like live in your sidebar.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Displayed.jpg\" class=\"attachment-full size-full\" alt=\"Featured Posts Displayed\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Displayed.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Displayed-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Displayed-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Displayed-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;blog-magazine-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"displaying-featured-posts-in-your-sidebar-as-a-menu\"><\/a>Displaying Featured Posts in Your Sidebar as a Menu<\/h2>\n<p>[\/vc_column_text][vc_column_text]Now, this next method requires a bit more work than the previous one, but it also allows you to add your featured posts by creating a menu to be displayed in the sidebar, which will make your featured posts more effective overall. For example, you won\u2019t have to edit a widget to add new posts and you can simply sort your navigation using the default WordPress drag &amp; drop functionality.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-add-navigation-menu-in-wordpress\/\">create a navigation menu in WordPress<\/a>, <strong>head to <em>Appearance &gt;&gt; Menus<\/em> and hit the link called \u201ccreate a new menu\u201d<\/strong>. Then, simply enter your menu name and click on <em>Create Menu<\/em>. This will create a completely new menu which you can then use to add all the posts you want to be featured on your site.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Appearance-Menus.jpg\" class=\"attachment-full size-full\" alt=\"Appearance Menus\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Appearance-Menus.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Appearance-Menus-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Appearance-Menus-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Appearance-Menus-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;60px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Create-New-Menu.jpg\" class=\"attachment-full size-full\" alt=\"Create New Menu\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Create-New-Menu.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Create-New-Menu-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Create-New-Menu-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Create-New-Menu-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]To do this,<strong> click the <em>Posts<\/em> screen<\/strong> (in the left column) and simply <strong>mark the posts you want to be featured in your new menu<\/strong>. You will be able to find and use these posts in the <em>Most Recent<\/em>, <em>View all<\/em>, or <em>Search<\/em> tab (where you will be able to search for them manually).[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Menu-Items.jpg\" class=\"attachment-full size-full\" alt=\"Add Menu Items\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Menu-Items.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Menu-Items-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Menu-Items-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Menu-Items-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After selecting the desired posts, hit the <em>Add to Menu<\/em> button and you will see that all the selected posts are now displayed in the column on the right. You will be able to edit all their titles (by simply clicking on them) and also easily rearrange them according to your preferences using the drag and drop functionality.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Save-Menu.jpg\" class=\"attachment-full size-full\" alt=\"Save Menu\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Save-Menu.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Save-Menu-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Save-Menu-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Save-Menu-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After you\u2019re done with creating your new \u201cfeatured posts\u201d menu, click the <em>Save Menu<\/em> button and that\u2019s it. You will be able to use your new menu right away.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Then, you need to <strong>access <em>Appearance &gt;&gt; Widgets<\/em> once again and find and insert the <em>Navigation Menu<\/em> widget<\/strong> into your sidebar area of choice. Once again, add the title to your widget and simply select the featured posts menu that you\u2019ve previously created using the <em>Appearance &gt;&gt; Menus<\/em> screen.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Navigation-Menu-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Navigation Menu Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Navigation-Menu-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Navigation-Menu-Widget-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Navigation-Menu-Widget-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Navigation-Menu-Widget-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Hit the <em>Save<\/em> button once you\u2019re done and then go ahead and check out what your featured posts menu looks like live.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Footer.jpg\" class=\"attachment-full size-full\" alt=\"Featured Posts Footer\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Footer.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Footer-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Footer-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Footer-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-featured-posts-using-thumbnails\"><\/a>Adding Featured Posts Using Thumbnails<\/h2>\n<p>[\/vc_column_text][vc_column_text]Last but not least, you can also add featured posts on your site using thumbnails. The use of thumbnails will make your featured posts list look overall pleasing to the eye and make it more likely that users will notice your featured posts the moment they access your page. However, unlike other methods we\u2019ve demonstrated above, it also requires you to install a suitable plugin.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We recommend using the <a href=\"https:\/\/wordpress.org\/plugins\/display-posts-shortcode\/\" target=\"_blank\" rel=\"noopener\">Display Posts<\/a> plugin for this task. Once you start using this plugin, you will be able to display your featured posts anywhere you want on your site, including your sidebar, either with shortcodes or a custom code.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Display-Posts-Plugin.jpg\" class=\"attachment-full size-full\" alt=\"Display Posts Plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Display-Posts-Plugin.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Display-Posts-Plugin-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Display-Posts-Plugin-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Display-Posts-Plugin-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">installing the plugin<\/a> and activating it, go to <em>Appearance &gt;&gt; Widgets<\/em> and add a simple <em>Text<\/em> widget to any of your widget areas &#8211; in our case, the blog sidebar. Then, add this shortcode:[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">[display-posts id=\"109,\" image_size=\"thumbnail\" include_excerpt=\"true\" excerpt_length=\"10\"]<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"513\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Featured Posts Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Widget-300x159.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Widget-768x407.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Widget-620x328.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Of course, you should replace all the ID values to match those of your posts. i.e. add IDs of all the posts that you want to be featured on your site. Hit the <em>Save<\/em> button and you\u2019re all set.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Go ahead and see what your featured posts with thumbnails look like live.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"540\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Widget-Sidebar.jpg\" class=\"attachment-full size-full\" alt=\"Featured Posts Widget Sidebar\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Widget-Sidebar.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Widget-Sidebar-300x167.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Widget-Sidebar-768x428.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Widget-Sidebar-620x346.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now, in case your featured posts don\u2019t look the way you want them to right away, you can easily tidy them up using some custom CSS.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>Go to <em>Appearance &gt;&gt; Customize<\/em><\/strong>. Then, <strong>hit the <em>Additional CSS<\/em> button<\/strong>. This is where you will be able to insert your custom CSS.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Simply paste the following CSS into this box:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">ul.display-posts-listing img { \r\nmax-height:80px;\r\nmax-width:80px; \r\nfloat:left;\r\npadding-right:4px;\r\n}\r\nul.display-posts-listing li { \r\nmargin-bottom:20px;\r\nfont-size:14px;\r\ndisplay:inline-block; \r\n}<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"650\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Additional-CSS.jpg\" class=\"attachment-full size-full\" alt=\"Add Additional CSS\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Additional-CSS.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Additional-CSS-300x201.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Additional-CSS-768x515.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-Additional-CSS-620x416.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Of course, this is just a general idea of what you can use, but if you\u2019re familiar with CSS, feel free to add your own values and change your CSS in any way you like.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]What\u2019s great about this is that you will be able to see all your changes live and modify your CSS accordingly.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Hit the <em>Publish<\/em> button located at the top and that\u2019s it. Go ahead and visit your page\/post once again to see the way your featured posts look after adding some custom CSS.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"600\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Featured Posts Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Preview-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Preview-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Featured-Posts-Preview-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]By adding and displaying featured posts in your WordPress sidebar, you help people browsing your site or blog find your best articles quickly and effortlessly. In turn, this can only increase the traffic on these articles and enhance the overall user engagement. No matter if you decide to use a simple Text widget to add your featured posts, use menus, or opt for a plugin instead, you will be able to implement each method with ease if you follow our instructions. So, just take your pick and start bringing attention to those quality articles you\u2019re so proud of.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Check out these three different methods you can use to add featured posts to your WordPress sidebar and get more people to find and read your best content.<\/p>\n","protected":false},"author":2,"featured_media":28439,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[46,27,4,13],"class_list":["post-28325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-blogging","tag-content","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/28325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=28325"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/28325\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/28439"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=28325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=28325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=28325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}