How to Show Featured Posts in WordPress without Using Any Plugin

wordpress featured posts widgetPin

We follow several methods to attract readers to a specific post. Featured post widget is popular among them. We can show a particular post as Featured in the sidebar or content area. The blog readers will visit the said link if they’re interested in the subject.

You will get various plugins in the WordPress library for doing the job. They can be used to show a specific post link or list posts in the sidebar. But most of them impose restrictions on you unless going for the premium subscription.

I was using a cute plugin widget for a long time in one of my blogs to show the author recommended posts with scrolling effects. Then I had to re-install the site because of some compatibility issues. Unfortunately, I forgot to note down the name of the plugins I was using. I didn’t have a website backup too. What else I had?

Just a WordPress export file. I searched a lot for featured post plugins, but nothing worked as expected.

Now I can say that you need not any third-party plugins to show featured posts in WordPress sidebar. See the example below,

featured posts wordpressPin

You can show similar widgets in WordPress without using any plugin or complicated coding.

Creating a Featured Posts Widget without Using Any Plugin

Here’s what should you do,

1. Log in to your WordPress admin panel.

2. Open the desired post which you want to set as featured. Copy the post title and image.

3. Go to Appearance > Widgets > Text Widget. Paste your post title in the widget title area.

4. Open a new tab in the admin panel. Go to Pages > Add New.

5. Paste the image. Link it to your post URL.

featured posts wordpressPin

6. Switch page screen to HTML mode and copy the entire code you were seen. Paste it to the content area of your text widget. Click Save.

7. Go to the front end and right-click on the text widget. Choose inspect to find its div id. A code block will be highlighted in blue color. Check what div id is showing there. It will be like this, <div id =”text-7″ class=”widget widget_text”>. Copy text-7 from this example.

8. Open Custom CSS Section in your theme settings or CSS Style sheet under Appearance > Editor menu. Add the following code to insert a border around your featured post widget.

#text-7 { border : 1px solid; }

Replace text-7 with your widget id. If you want to insert space between the content and the border, add one more line in the above code block.

padding: 5px 5px 5px 7px;

So our final code will be,

#text-7 { border : 1px solid; padding: 5px 5px 5px 7px; }

Feel free to customize these parameters as per your requirement.

Save all changes. Done!

It should show a beautiful featured post widget in the sidebar of your blog.

If you want to reduce the plugins further, make sure to read the following resources:

About The Author