‫In this lecture of the course.
‫We will be now working with the sidebar.
‫So let's just go ahead and let's get started.
‫Now sidebar is really very important for a blog website.
‫And the reason for that is because the reason why you are building a blog website, it can be like,
‫let's suppose that you want to share your experiences with the user, but your blog should also be making
‫you some kind of money so that you can travel the world.
‫If you want to write a travel blog, then you also need to get some more money that can pay off your
‫hotel bills, your Airbnbs or whatever.
‫So this is why you want to create a travel blog so that you can make some more money out of it.
‫And if you want to make money, then implementing sidebar is really very important and I'm going to
‫be sharing with you.
‫Why is it so?
‫Let's just go ahead.
‫Let's get started.
‫Let's just go ahead and let's see where you should be implementing or adding the sidebar on your website.
‫So this is a website.
‫This is the home page.
‫Now I would not recommend you to add a sidebar on your home page if your home page is statically designed.
‫If your home page just shows the post like this and you do not have this option like the top destination,
‫top categories or anything, or a hero section, then you can probably go ahead and you can add the
‫sidebar on the home page.
‫Otherwise, if you want to keep your home page to be static, then keep it static and do not add a sidebar.
‫Similarly, also your archive pages as well.
‫So if we go to any of the archive page like we go to the activities page which is a category.
‫Now this page can include a sidebar.
‫If you want to add the sidebar.
‫It's okay.
‫You can add it right.
‫The sidebar will be here.
‫You can add it.
‫But now the trend is changing.
‫So previously people used to add the sidebar on the archive pages.
‫Now the sidebar is limited to only the post pages.
‫So if you go to this, any of the posts like this is a post I'm right here.
‫Now you can see that the content that is here is right here in the center.
‫And I've got some of the white spacing over here.
‫And I've also got some of the white spacing over here.
‫Now I do not want that.
‫I need my content right here on the left and right here.
‫I want to add some of the advertisements so that I can make money.
‫Now how you're going to make money.
‫So let's suppose that this is actually the travel blog that you are creating.
‫Now what you can do is that you can find some of the services, all right, that you can offer to your
‫particular viewers, and then you can make money out of it.
‫And how is it going to make you money?
‫I'm going to share with you right now.
‫So let's suppose that I am building a travel blog now.
‫One of the thing that I really and mostly use when I'm traveling is, uh, an eSIM.
‫A digital eSIM that I can purchase right before, uh, from my homeland so that I do not have to purchase
‫any of the sim at the airport, which are really very expensive, by the way, and I can just get it
‫on my own phone before landing so that when I land and when I am at the immigration, my internet is
‫working.
‫So this is really a plus.
‫And now let's suppose that you want to offer that particular service to your particular users, and
‫you want to make money out of it.
‫Then how you can do it?
‫Let me share with you.
‫So let's suppose that this is actually a company Arrullo I've personally used this company.
‫It's really very awesome.
‫So now let's suppose that I want to promote this company.
‫So what I can do, I can just click on there.
‫And here it says partner with us.
‫And what I can do is that I can become their affiliate partner.
‫And when I sign up with them, and once anyone is going to purchase, uh, this particular sim through
‫my particular link, then I'm going to get maybe a dollar or two.
‫And now let's suppose that thousand people purchase it.
‫You are getting so much of the traffic like you are getting 1 million views per day and 10,000 people
‫purchase.
‫Then you have eventually gotten ten G's on your bank account.
‫So this is how much you can make.
‫If you start promoting something related to your particular niche that you have been.
‫Similarly, I've also shared with you the Google AdSense.
‫So what you can do is that you can apply on Google AdSense.
‫Now remember, do not apply on Google AdSense until and unless you are getting some of the traffic like
‫people are actually coming onto your website.
‫Like you should be getting at least 500 views per day to any of the blog posts.
‫Like like the total views should be 500 at least, I think.
‫And then if you apply to the Google AdSense, then your account is going to be verified, your website
‫is going to be verified, and you can start adding the advertisement on your website.
‫So when you are starting out, I would recommend do not advertise anything, do not do anything.
‫Just create a simple, plain basic sidebar that I will be sharing with you right now how you can create
‫it.
‫And once you start getting the visitors, then you can actually focus on promoting something.
‫So just like this, you can join some of the affiliate programs from different of the companies, and
‫they pay you some of the money.
‫And you can also apply for the Google AdSense.
‫And Google AdSense is going to pay you more like, uh, you are going to get around if you are getting
‫1000 views per day and like 5 to 6 people actually click on the ad, then you're going to get around,
‫uh, $1.5 per click or $2 per click.
‫It totally depends upon the Google AdSense, the niche that you are working on and different type of
‫things.
‫But you can make that much money.
‫So let's just go ahead and let's see how we can create a sidebar for our basic website.
‫Like if you are just starting out and you want to add a sidebar, and then I will also share with you,
‫like, let's suppose that your blog is now grown and you want to add some of the advertisement.
‫Then how you can do that as well.
‫So let's just go ahead.
‫Let's get started.
‫And what I will be doing is that I will be clicking on the customize so that I can enable the sidebar
‫on this website.
‫All right.
‫So now here I am in my customizer.
‫And let's click on the home page.
‫Now let's suppose that if you want to enable it on the home page then you can enable it on the home
‫page by going into the pages then enabling it.
‫But I do not recommend you to enable it on any of your static page.
‫I would recommend you to enable it only on the archive page or on the single post page.
‫So let's suppose that now you want to enable it on your archive page.
‫Then how you can enable it.
‫So you can just go into the categories page.
‫Once you are in here then you can go down and here is the sidebar.
‫You can just click on enable.
‫And the sidebar is going to be right here.
‫But since I do not want to enable the sidebar on this page, that is why I'm going to be removing this.
‫And the reason for that is because I want my archive pages to be plain, basic, really simple.
‫I do not want to add this now.
‫This sidebar may be empty when you are viewing your website.
‫And the reason for that is because sometimes WordPress adds some things in the sidebar and sometimes
‫it doesn't.
‫So if you see it empty, don't worry, we're going to be creating the sidebar from the scratch.
‫We're going to be adding each and everything, so do not worry about it.
‫All right?
‫So now, since I do not want to use the sidebar right here on the archive pages, I'm going to get rid
‫of it.
‫I'm going to turn this to off and then I'm going to go back.
‫Now I actually want to add it on all of the single posts.
‫So I will be clicking on here, and I will be clicking on any of the single blog posts so that I'm taken
‫to that particular post page, and then we can work with it.
‫Now here it says how you want your post, uh, single post to be.
‫And here is the narrow width.
‫Here is the normal width.
‫If you select this and here is a left sidebar.
‫So if you need a left sidebar or if you need a right sidebar.
‫Now usually usually this is not a generic rule.
‫Like you should not have to stick with it, but I'm just sharing with you.
‫Usually on e-commerce website there is a left sidebar that is used, and on blog website there is a
‫right sidebar that is used.
‫So this is like most of the time people use this.
‫Now, if you want to use a left sidebar on a blog website, it's totally okay.
‫All right, since I want to use the right sidebar so I will click on that and this is now my right sidebar.
‫Edit now once you have got the sidebar edit, then you can just go back.
‫And then you can go into the sidebar.
‫And now once you are in the sidebar, here are the customization of the sidebar that you can do.
‫So first of all you have got the type one.
‫Then you have also got a type two which is kind of bit like this.
‫Then there is also a type three which is just like the plain background.
‫There's no difference.
‫Type one is this there is not much of a spacing.
‫Type two there is actually a white background over here.
‫So if you need to add a background you can do it.
‫Type three is just like with much more padding from the left side over here.
‫And type four has a different color right here.
‫So it's totally up to you which one you want to go with, which one you want to use.
‫You can decide that now since I want to go with a type.
‫Type one.
‫I think type one is good.
‫Or if you want, you can also go with a type four.
‫But I want to go with the type one.
‫This is the content right here.
‫Now for this particular content I need to do something else.
‫And what I'll do, I'll go back.
‫I'll go into the single post.
‫And now here is it says content area style.
‫So I need that to be in boxed so that this should be different.
‫But the sidebar should be same.
‫All right.
‫And this is how it kind of looks.
‫All right.
‫So if you want it like this I kind of like this design.
‫So I'm going to be sticking up with it.
‫But if you want a different way you can do it.
‫Similarly you can also go into the design and then you can work with the background.
‫So if you need a different background color you can also work with that.
‫Now I'm going to go back I'm going to go back to the sidebar and let's take a look at the sidebar settings.
‫So now first of all here it says sidebar width.
‫Like how much width do you need.
‫You can increase that.
‫And this is how it changes.
‫Now you do not actually want to increase the sidebar.
‫So usually I'd say keep it around at 30%.
‫If you want.
‫You can also keep it at 27.
‫But I think 2829 it's perfectly fine.
‫So let me just select 28.
‫I think it's more than enough.
‫Then we have got the sidebar gap, which is the gapping right here.
‫Now, if I decrease that, you can see that there is no spacing.
‫But I kind of want to add a little bit.
‫So I'm going to be adding.
‫Two.
‫Or three three is perfectly fine.
‫Then we have got the widgets vertical spacing.
‫Now these are the widgets.
‫This is a widget one.
‫This is a widget two.
‫Now we're going to be talking about widgets in detail later on.
‫This is the widget three.
‫So let's just go ahead and let's decrease it.
‫And you can see that now the spacing decreases from the widgets.
‫If I increase it you can see how the spacing goes.
‫Now I want to keep it back to what it was which was I guess 30.
‫So I'm going to be keeping it back to the 30.
‫And then we have got the widget title tag which is this.
‫So if you want to increase it you can work with it.
‫I'm going to be keeping it to be default.
‫And then we have got this sticky sidebar.
‫Now what is this?
‫If I go down you can see that my sidebar ends here.
‫Now if I just select this sticky sidebar to yes.
‫Then you can see that the sidebar is right here.
‫And if I go up, the sidebar is here.
‫If I go down, the sidebar is still here.
‫But if I go at the end of the page now the sidebar ends over here and I can see the last of the sidebar
‫widget.
‫Now, what you can do is that you can also say that instead of the sidebar to be sticky over here from
‫the top, I need it from the bottom.
‫So if I just select this to last ten widgets last x widgets, you can select like how many of the widgets
‫you want to be sticky.
‫Then if I go down, down, down and down then this is the category widget which is one selected.
‫And now if I just go down, it's still over here and now, now down down down.
‫And it's still over here.
‫Now what you can do is that if you want to advertise like you want to add Google AdSense, then you
‫can add the Google AD AdSense advertisement on the last widget.
‫And this is going to stick till the end till the user have read your post.
‫Then they can click on the ad.
‫All right.
‫So now let's suppose that if I increase the number of the widgets like if I select that I need to show
‫two, then there will be two widgets that will be shown that will be sticky and the rest will be up
‫over there.
‫So if I go up to the top then I can see the rest.
‫But if I go down then I've got two.
‫So if you want to add two advertisement, you can do it if you kind of get the idea.
‫But I want to do the entire sidebar, so I will click on entire sidebar.
‫Now there is a sidebar visibility like if you want to show it on tablet devices, mobile devices.
‫We're going to be talking about the mobile optimization later on, so do not worry about it.
‫The mobile sidebar position top and bottom.
‫Are you going to see that in the mobile optimization?
‫Now this was our sidebar settings that we have done over here.
‫Now there are a few more design things that you can do.
‫Like you can go into the design.
‫You can work with the title font color, the link color, the hover link on hover.
‫You can do work with these kind of things, but we're going to be doing it once we have got our sidebar
‫ready, then we're going to be actually working with the designing part.
‫So this was all about the sidebar settings.
‫Now we are done with the sidebar settings.
‫We have told our WordPress theme that okay, we want to show the sidebar on all of our post pages.
‫Now how we are going to design this.
‫And the sidebar basically consists of widgets that you can add.
‫So let me share with you how is it going to work now if I just go into and if I click on publish and
‫then I click on cross.
‫Now you can see that the sidebar is here.
‫Now remember, I've told you again.
‫You may see the sidebar or you may not see it.
‫So do not worry if even if you are seeing this empty screen, this means that the sidebar is working
‫and I'm going to be sharing with you how.
‫Now, if I just go into the widgets, then you can see that it takes me to the appearance and then it
‫takes me to the widgets.
‫And here it says Welcome to Block Widgets.
‫Now I can click on close and this is now my sidebar.
‫Now the best part of the sidebar is that sidebar also consists based on the Gutenberg.
‫So you have already worked with the Gutenberg, which means that now you can work with the sidebar,
‫design your sidebar the way you want, and make it amazing.
‫So let's suppose that now I click on this navigator.
‫This is our main sidebar.
‫I open this up.
‫We've got a search.
‫Then we have got a group, then we have got another group, group and group.
‫So this is how our sidebar is already created.
‫Now I'm telling you again, you may see the elements over here or you may see this empty.
‫So if you are seeing this empty it's okay.
‫No problem.
‫If you are seeing the things, I want you to delete them now and you should be deleting them with me.
‫So let's just go ahead and let's first see what are the things in our group.
‫So if I click on here you can see I've got a heading.
‫Then I've got the latest post.
‫Now since I want to delete everything.
‫So I'm going to be clicking on this first one which is a search delete.
‫I will click on here delete I will click on here delete.
‫Here, delete and also here and delete.
‫Now you can see that this sidebar is now empty.
‫And if I just hit on update.
‫Now you can see that the widget has been saved.
‫And now if I refresh this page now you can see that I've got just the white spacing over here, which
‫means that the sidebar is effective, but it is actually empty.
‫Now, from the next lecture of the course, we're going to be working with a sidebar.
‫I'm going to be sharing with you how you can go ahead and how you can add widgets to your sidebar,
‫and how you can also design it.
‫So from the next lecture of the course, we're going to be working up with that.