Up next in 10
How to Create a Separate Page for Blog Posts
5K views
Sep 27, 2023
In this helpful video tutorial, you'll discover "How to Create a Separate Page for Blog Posts" on your website. Whether you're a blogger, content creator, or business owner looking to share news and updates, separating your blog posts onto a dedicated page is essential for a polished and organized website. Learn step-by-step instructions on how to set up this feature, ensuring that your readers can easily access and navigate your valuable content. Enhance your website's structure and user experience with this simple yet effective guide, catering to both beginners and experienced webmasters. Watch this video to create a seamless and professional blog page on your website today.
View Video Transcript
0:00
Hi guys, I'm Shyam from WebsiteLearners.com. Today we're going to see how you can create a separate page for your blog posts
0:07
Now when you first launch your WordPress site, you might have noticed that all of your blog posts are shown on the homepage of your website
0:15
Today we are going to see how you can move those blog posts from your homepage to a separate page like this
0:22
So by putting your post on a separate page, you'll be able to have a well-designed homepage like this
0:28
where you can put your own content. Okay guys, so let's get started
0:34
First, let's take a look at our website. So this is the default WordPress site
0:38
where we have all of our blog posts on the homepage. Now, if you want to put these posts on a separate page
0:44
we need to first create a new page called blog. Okay, so let's go to new
0:48
and let's click page. Now we'll call this page as blog. and click publish
1:02
Okay? So our new page has been created. Let's see it by clicking view page
1:10
And you can see that we have a new page called blog
1:14
And right now this page is empty. Okay? And now if we go to our homepage
1:22
you can see that our blog posts are still here. Now, how do we bring these blog posts into the page we just created
1:33
So to move these posts, we need to change our homepage settings in WordPress
1:38
So to change our settings, let's go to our dashboard, and then go to settings, and click reading
1:51
So here you can see that in this setting, our homepage is set to display our latest posts
1:57
So instead of this, we are going to change it to a static page
2:02
So once we do that, we can now select any page we want for the homepage and the posts page
2:10
So since we just created a page for a blog post, let's click here
2:17
and select blog as our posts page. And once we select it, we can just click save
2:28
And now if we go here, you can see that we are on our blog page right now
2:35
And it was empty. Now if we click refresh, you can see that all of our blog posts appears on this page
2:47
So we have successfully moved our blog posts into a separate page called blog But what about our home page Now if we go back to settings
3:00
You can see that we have not yet selected a page for our home page
3:05
And if we click here You can see that we only have one page called blog which we just created
3:12
So this means we need to create a new page, which can be set as our homepage
3:19
So to create a new page, let's go to this tab. And let's go to new again, and click page
3:28
We'll call this page as home. And here you can enter any content which you want to put in your homepage
3:37
I'm just going to type some sample text. and everything you put here is going to appear on your homepage
3:44
Okay? So, let's click publish. And we'll go back to the settings page
3:53
And click refresh. And now if we click here, you can see the new page we just created
4:03
So, let's select it to set it as our homepage. And click save
4:11
Okay, so our homepage settings have been saved. Now let's look at our site by clicking visit site
4:20
And you can see that the page which we just created, appears as our homepage
4:24
So we can say this is our homepage by looking at the address here
4:28
We are right now on quicktechie.com, which is our homepage. So you can see that we have our homepage
4:36
And if we go to blog, we can see our blog posts
4:45
Okay, so let's go back to our homepage again. Now what if you don't want just text on your homepage and instead of that what if you want to have a better looking homepage like this
4:59
Which has a much better design So if you want to build a page like this you need to install a plugin called elementor
5:06
Okay, so let's go to part 2 of this tutorial where we see how you can design your home page
5:13
So to design the page we are first going to install the Elementor plugin
5:18
So to install it, let's go to our dashboard Let's go to plugins
5:26
And click add new Now let's search for a plugin called Elementor
5:36
and you get this plugin which says Elementor Page Builder So let click install now
5:49
and click activate. Okay, so Elementor is now installed. Next, let's see how you can design your homepage using Elementor
6:01
So to design the page, first let's go to our site by clicking visit site
6:06
and you can see the old homepage now let's click edit page
6:13
and you can see that after installing elementor we got this new button called edit with elementor
6:22
so let's click that and now we are in the editing mode
6:29
where we can design our homepage so now by default we are only able to add
6:35
content to this area. But if you want to use the whole page, we can tell Elementor to use the full
6:42
width of the page. So to change that setting, all you have to do is go here and then click settings
6:48
and in the page layout, choose Elementor full width. Now this will allow you to use the full
6:58
width of your page. So you can see that the usable area has been expanded to the whole page
7:03
So now let's start designing our page To design our page, you have two options
7:10
Let's look at the first option Which is using blocks So to build your page using blocks
7:18
All you have to do is click add template Now make sure you're on this tab here
7:25
Which says blocks And here you can see different types of sections
7:32
you can add to your site. So first, I'm going to add this section
7:37
I'm just going to click insert. And you can see that the section has been added to our page
7:48
Okay? So next, we'll add another section. We'll click add template. And I'll choose this section
8:01
And it'll be added. Okay, so now we have added two sections
8:07
So once you have added all the sections you want, you can now start adding your own content
8:14
So to add your own content, just select the text you want to change
8:20
And then start typing your text. So that's it. The same way you can change any text you want
8:29
Just select the text. and then enter your own text So once you done just go here and click update to save all the changes
8:43
And then to view the page just click this button here And you can see that we have just created our home page
8:55
So we have a unique home page And we have a blog page
9:01
which has all of our blog posts. Okay, so this is how you can build your page using blocks
9:10
Next, let's see the second way to build your page. So to try it, we'll go back to Elementor
9:19
And let's delete these sections which we added. So we have deleted all the sections
9:29
Now the second way to build your page is by using pages
9:33
So to build your page using pages Just click add template And instead of blocks, let's go into pages
9:43
Now when you go into pages, you can see a lot of ready made designs
9:49
Which you can use for your site So let's say you like this design for your homepage
9:54
Just go here and click insert Now as soon as you click it
10:01
you will get that entire page into your site. Now all you have to do is
10:12
just go to the places where you want to change the text, select it
10:16
and then enter your own text. So that's it. So you have a perfectly designed page
10:24
which you can customize as you wish. So once you're done with all the changes, you can simply click update
10:34
And then to view the page, just click this button here. So that's it
10:42
So you can see how the site is looking now. So this is our homepage
10:53
And this is our blog. So that's it guys this is how you can create a separate page for your blog posts okay
11:06
Now if you don't see these pages in your menu you can watch this video to see how you can
11:11
create a menu in WordPress. Next, if you want to design your blog page you can do it with the pro version of Elementor
11:21
which is given in the link below this video. So thanks for watching, I'll see you in the next video, bye bye
#Blogging Resources & Services
#Computers & Electronics
#Online Journals & Personal Sites