WordPress Add Custom Sidebar in Every Post

In this WordPress tutorial we are going to learn how to Add Custom Sidebar in Every Post in

WordPress. so for this we are using a WordPress Plugin that is called Custom Sidebars

With Custom Sidebars Plugin we can Manage and replace sidebars and other widget areas on

our site , a flexible widget area manager. also using this plugin we can display different sidebar

in wordpress pages and posts. for example if you see my blog i have different tutorials on different

sections, and in every section i have more than 10 posts on the specific section. if a viewer click

on one article, he will see all related articles to that section in the blog sidebar.

 

 

 

 

Read WordPress More Articles 

 

 

 

 

Installation 

First of all you need to install WordPress Custom Sidebar plugin, after installation activate

this plugin.

 

WordPress Add Custom Sidebar in Every Post
WordPress Add Custom Sidebar in Every Post

 

 

 

 

 

After activating the plugin now it is time to add a custom sidebar to specific post or article

in wordpress. go to Appearance  after that Widgets

 

WordPress Custom Sidebar
WordPress Custom Sidebar

 

 

 

 

 

Now if you see at the top we have our Custom Sidebar option, it is Create New Sidebar,

click on the button after that give your sidebar name with a description and create your

sidebar.

 

WordPress Custom Sidebar
WordPress Custom Sidebar

 

 

 

 

So sidebar is created, but right now we have not added any widgets to the sidebar, and also

we have not done our sidebar configuration, you can add your own specific widget in the

custom sidebar, but in here i want to list my all articles that are related to the WordPress in

my custom sidebar. so when a viewer clicks on one of article or post, he will see all wordpress

related posts in the custom sidebar.

 

 

For listing of our specific articles on related category, we are going to use another plugin

that is called list category posts, you need to install and activate the plugin.

 

WordPress List Category Post Plugin
WordPress List Category Post Plugin

 

 

 

 

 

After activating the list category plugin, now you can drag the list category plugin from available

widget section and drop that in your custom sidebar, you need to give some configuration, for

example the title, after that which category you want for the listing, i have used WordPress

category, because i have some articles on that. and also the number of posts, i have selected -1,

it means that all posts.

 

Wp List Category
Wp List Category

 

 

 

 

 

Now you need some configuration for the custom sidebar, if you see your created Custom Sidebar,

we have an option that is called sidebar location, from sidebar location you need to choose the

location of the sidebar, for example in here i want the custom sidebar as right sidebar of my

wordpress articles, just wordpress, in the rest of articles or posts we will not have this sidebar. 

 

WordPress Right Sidebar
WordPress Right Sidebar

 

So you can see i have selected As Right Sidebar for selected categories of WordPress.

 

 

 

 

Now you are done and you have custom side bar with all listed posts about wordpress.

WordPress Add Custom Sidebar in Every Post
WordPress Add Custom Sidebar in Every Post

 

 

 

 

 

Adding CSS Styles to Custom Sidebar 

Now we are going to add CSS Styles for our custom sidebar, if you see we have a list category

widget in our custom sidebar, we are going to target that widget and add some css styles.

for this you need to install a plugin that is called Simple Custom CSS, install and activate that

plugin.

 

Simple Custom CSS Plugin
Simple Custom CSS Plugin

 

 

 

 

 

 

After that you need to find the id of your widget, for example in here i want the id of our

list category post widget, so you need to open your website, and after that Right Click and

Inspect, and find the id of the widget.

 

List Category ID
List Category ID

 

 

 

 

 

Now open Simple Custom CSS plugin and add this code. 

 

 

 

 

 

 

Your are done, if you check you have a nice stylish custom sidebar.

WordPress Add Custom Sidebar in Every Post
WordPress Add Custom Sidebar in Every Post

 

 

Subscribe and Get Free Video Courses & Articles in your Email

 

Share via
Copy link
Powered by Social Snap
×