How to Create a Separate Page for Blog Posts

By | January 23, 2020


Hi Guy’s I am Shyam from
Websitelearners.com, Today we’re going to see how to you can create a separate page for your blog posts 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 Today, we’re going to see, How
you can move those blog posts, from your homepage to a separatepage, like this So by putting your posts
on a separate page you will be able to have,
a well-designed homepage, like this Were you can put
your own content Okay guys ! So let’s get started First, let’s take a
look, at our website This is the default
wordpress site, where we have, all our
blog posts on the homepage now if you want to
put these posts on a separate page We are first going to create
a new page, called ‘blog’ Okay Let’s go to ‘new’ and let’s click ‘page’ Now we’ll call
this page as ‘blog’ and click ‘publish’ okay So now our new page
has been created Let’s see it, by
clicking ‘view page’ And you can see that We have a new page
called ‘blog’ and right now this
page is empty okay Now if we go to
our homepage You can see that, our blog
posts are still here Now how do we bring, these
posts, into the page, we just created? So to move these posts,
we need to, “Change our homepage settings
in wordpress” So to change our settings,
let’s go to our dashboard and then go to settings, And click ‘reading’, So here you can see that, in this setting our homepage, is set to
display our ‘latest posts’ So instead of this, we need
to change it to a static page So once we do that we can now select any
page we want for our homepage and the posts page So since we just created a
page, for a blog posts let’s click here, and select ‘blog’,
as our posts page, And once we select it,
we can just click ‘save’ Okay, now if we go here you can see that we’re on
our blog page, right now and it was empty now if we click ‘refresh’ You can see that, all of
our blog posts, appears on this page, So we have successfully
moved our blog posts, into a separate
page, called ‘blog’ But what about our homepage? Now if we go back
to the settings, You can see that, we have
not yet selected a page, for our homepage And, if we click here, you
can see that we only have one page called ‘blog’
which we just created So this means, we need
to create a new page, which can be set,
as our homepage, So to create new page,
let’s go to this tab And Let’s go to new again
and then click ‘page’ we’ll call the page as ‘home’, and here, you can
enter any content, which you want to
put in your homepage, I’m just going to
type some sample text and everything you put here, is going to appear
on your homepage, Okay So let’s click ‘publish’ And we’ll go back
to the settings page and click ‘refresh’ And now if we click here, You can see, the new
page, we just created So let’s select it, to
set it as our homepage And click ‘save’ Okay so our homepage
settings have been saved Now let’s look at our site,
by clicking visit site And you can see that, the page which we created, appears as our homepage So we can say this
is our homepage, by looking at
the address here, We’re right now on quicktechy.com,
which is our homepage So you can see that
we have our homepage and, if we go to blog we can see, our blog posts, Okay so let’s go back
to our homepage again Now, what if we don’t want
just text, on this homepage and instead of that, What if
you want to have a better looking homepage, like this? Which has a much
better design So if you want to
build a page like this, you need to install a
plugin called elementor Okay So let’s go to part 2
of this tutorial Where we see, how you can
design, your homepage, So to design the page,
first we’re going install, the elementor plugin So install it, let’s
go to our dashboard, let’s go to ‘plugins’ and click ‘add new’ now let’s search for
plugin called ‘elementor’ and you will
get this plugin, which say’s “elementor
page builder” So let’s click ‘install now’ And then click ‘activate’ Okay so elementor
is now installed, Next, let’s see how you can
design your homepage using elementor So to design our page,
first let’s go to our site, by clicking ‘visit site’ And you can see
the old home page now let’s click ‘edit page’ And you can see that, after
installing elementor We got this new button called
‘edit with elementor’ so let’s click that And now we’re in
the editing mode, were we can design
our homepage, Now by default, we are only
able to add content to this area But if you want to
use the whole page we can tell elementor to use
the full width, of our page, So to change that setting
All you have to do is, go here, and then
click ‘settings’ and in the ‘page layout’ choose ‘elementor full width’ Now, this will
allow you to use, the full width of your page You can see that, the usable
area, has been expanded, to the whole page, So, now let’s start
designing our page, To design the page,
you have two options, Let’s look at
the first option, which is using ‘blocks’ So to build your
page, using blocks, all you have to do is
click ‘add template’ Now Make sure you’re on
this tab here which says blocks And, here you can see different types of ‘sections’, you can
add to your site So 1st, I’m going
to add this section I’m just going to click ‘insert’ And you can see that, the
section has been added to our page , Okay, So next we’ll add
another section, We’ll click add template And i’ll choose
this section And, it’ll be added Okay So now we’ve
added 2 sections So once you’ve added all
the sections you want, you can now start
adding your own content So to add your own content, Just select the text
you want to change And then, start
typing, your text So that’s it The same way you can
change any text you want Just select the text and then enter,
your own text Once you’re done,
just go here, and then click ‘update’ to save all the changes, and then to view the page,
just click this button here And you can see that,
we have just created our homepage, so we have a
unique homepage and we have our
blog page, which has, all of our
blog posts Okay so this is how,
you can build your page, using blocks Next, let’s see, the 2nd
way, to build your page So to try it we’ll go back
to elementor and let’s delete, the
sections which we added, So we’ve deleted all the sections the 2nd way to build
a page is by using ‘pages’ So to build your
page, using pages, just click ‘add template’ And instead of blocks,
let’s go into ‘pages’ When you go to
pages, you can see, a lot of
ready-made designs, which you can use
for your site So let’s say you like this
design, for your homepage, Just go here And click ‘insert’ And as soon as you click it! you will get that ‘entire
page’ into your site So Now all we have to do, is
just go to the places where we want to change the text select it And then
enter, your own text That’s it, so you have a
perfectly designed page, which you can
customize, as you wish So once you’re done
with all the changes, You can simply
click ‘update’ And then to view the page,
just click this button here, So that’s it You can see how the
site is looking now So this is our homepage and this our blog So that’s it guy’s This how you can create a
separate page for your blog posts Now, If you don’t see
these pages on your menu You can watch this video To see, how you can
create a menu in wordpress Next if you want to design your blog page you can do it with the pro version of elementor which is give in the link below this video So thanks for watching, i’ll see you in
the next video Babye 🙂

100 thoughts on “How to Create a Separate Page for Blog Posts

  1. Techno Saroha Post author

    Really awesome, I must appreciate you. Thanks #websitelearners. I was looking this type of video from last 3-4 months. Really amazing you are. You solved all my blog problems. I also wanted to have a blog like professional Bloggers. Thanks again.

    Reply
  2. Denise Szelagowski Post author

    I dont have wordpress. Can I add wordpress to add pages to my website that only has 1 page called home?

    Reply
  3. Bharath Kumar Post author

    Hi
    It's really useful. I've one question.
    How to put these (blog, contact, any pages) on the side bar?

    Reply
  4. Talha khan Post author

    oh thanks man,, its really struck in my mind &days.. really you help us to the point..!! thanks..

    Reply
  5. Practical Mantra Post author

    i have my blogger website …made this in blogger not in wordpress …so how can i create it for blogger website

    Reply
  6. dani Diaz Post author

    One of the best tutorials I have ever seen, simple and useful

    Reply
  7. Top Kek 123 01000111 01101111 01100100 Post author

    How does this effect the home page SEO? By doing this are you decreasing juice to the home page created by the blog content? If so can this be fixed through a reverse silo? Thanks.

    Reply
  8. Byron Tully Post author

    Hey Guys, I contacted you several days ago about a WordPress project. No response. Are you still in business? Thanks. B.

    Reply
  9. Ishan Gupta Post author

    Thanks guys for providing us all these videos… You all are doing good job
    Can you provide a video of how to insert a logo in WordPress and how to adjust the size of the logo

    Reply
  10. Parveen Chetiwal Post author

    wow finally aisa youtube channel mil gya jo itni achi trha wordpress sikha rha hai thanks bro

    Reply
  11. Tony O'Donnell Post author

    As a newbie, and an old newbie at that, I can state without fear of contradiction, that this is the clearest, easiest explanation I have seen so far. Thank you young sir.

    Reply
  12. Lorna McDougall Post author

    Thank you for this – what a clear explanation!

    Reply
  13. Sundas Tahir Post author

    sir, I want to add and manage my pages with content how i can do it

    Reply
  14. mayur mishra Post author

    Please help..
    How to link pages with the pictures on the home page of the blog.
    or
    how can we get that professional blog in which there is the photo link of every new post by the web site, i mean like those news blogs..
    please reply.

    Reply
  15. shaik reshma Post author

    Superrr video sir kya hum contact form se hum response mile ga kya nai tho coding likhana padega contact form keliye plzzzz reply sir

    Reply
  16. Sola Omosebi Post author

    Nice Video.. Did see anything about changing the images in the block/pages in elementor though

    Reply
  17. fadethechannel Post author

    so you can only install plugins if you have a business plan? what a ripoff lol

    Reply
  18. skydentalcare bza Post author

    Excellent video for beginners .. thanks a lot

    Reply
  19. Kaz Aria Post author

    Thank you this video was very helpfull, the way you explain things is soo perfect, thank you

    Reply
  20. mariusik twitch Post author

    my image doesnt appear on a page in blogger and i dont know how to fix this

    Reply
  21. bashir bd Post author

    can i use this like blog site & earn by this plz.reply

    Reply
  22. Sunil Balutia Post author

    Thank you brother you told us very easily.

    Reply
  23. Sunil Balutia Post author

    भाई मैं चाहता हूँ की अलग अलग page में अलग अलग post डालू category wise ऐसा कैसे होगा pls video जरूर बनाएं।

    Because you are the best..👍

    Reply
  24. Claire Cre8tes Post author

    Clear & easy to follow. Thanks for tip!

    Reply
  25. NinjaThug Post author

    What if the Elementor plugin just doesn't loads this section of "add new section / add template" for me ? It's just the "working in background" kind of animation (like we've for windows operating systems). Basically, whenever I open the website, it is the default effect of theme to show a circle to imply loading of the "website".
    And it's stuck at "loading this part" whenever I try to run Elementor to edit ANY page. It shows the left pane and settings, but nothing loads up in the right area where we can add and preview our home page layout. Tried different browsers, please help! 🙁

    EDIT: I've fixed the issue by changing the theme. But I really like my existing one.
    Reference: https://www.youtube.com/watch?v=bqTO9CeYaCY

    Reply
  26. Yogi Abnave Post author

    how can I add some latest blog on home and blog page too?

    Reply
  27. Jay Jadhav Post author

    Please make video, how to connect plugins for affiliate marketing and also about disclaimer and privacy policy page

    Reply
  28. Evan Finch Post author

    How do you format your blog page without Elementor? As soon as I set my blog page to the posting page, all my text, widgets, and formatting disappears except for the posts themselves. What can I do?

    Reply
  29. sandeep verma Post author

    Excellent , I have never seen using elementor this much easy way . Please make one more special video on elementor and siteorigin.

    Reply
  30. Technical Jupiter Post author

    Amazing fully explained, keep making wordpress videos

    Reply
  31. SHAILESH Post author

    I like your video so much really informative. Can you please create a Video full feature of Elementor basic feature

    Reply
  32. Mohit Saini Post author

    i did this but there is archives written on top. what to do about that?

    Reply
  33. determined minds Post author

    This was a very good and informative video. Everything is clearly explained and understandable. You were not speaking too slow or too fast, and you got straight to the point. I loved this, Thank you so much.

    Reply
  34. Website Learners Post author

    Elementor Pro: https://websitelearners.com/get/elementorpro

    Get the best tools for your website ➜ https://websitelearners.com/tools/

    Video Gear We Use: https://kit.com/websitelearners/video-gear-we-use

    Our Video Editing Tool: https://bit.ly/2Od546p

    We're Hiring: https://websitelearners.com/careers/

    Want your website developed by us? Email us your requirements to [email protected]

    Follow Us on Instagram: https://www.instagram.com/websitelearners/

    Or Facebook: http://fb.me/websitelearners

    Or Twitter: https://twitter.com/websitelearners

    For Business inquiries: [email protected]

    Reply
  35. Arun Kumar Post author

    nice brother your teaching wy is very easy and unique of other YouTuber's.

    Reply
  36. Miss Nette Post author

    Exactly what I needed. A clear, precise and easy to follow video. Thank you!!

    Reply
  37. Searching India Post author

    Sir please guide me for following problem i want to make a page where user can write and upload image and video the same will publish emijetly on the same page can i make setting in my blogger page such as

    Reply
  38. Development Eshaastra Post author

    Hello,

    The website has 10 to 15 pages with one blog page. When I am using sidebar only for blog page but this sidebar showing in all pages, I don't know why, but please can u help me?

    Reply
  39. Hulsebus Rockford Post author

    If I have an established page and want to add a blog page. Instead of creating a new or different home page I would create the Blog page and leave the home as the current home page as seen at 4:04 correct?

    Reply
  40. tina Campbell Post author

    I've been searching for a couple of days and about 30 youtube sites how to do this. I learned from here in literally the first 5 minutes. THANK YOU!!

    Reply
  41. Morales Matthew Post author

    Question: When we want to create a new post for our blog, is that all done by the template, as in does it have a button to 'create new post' or something like that? and if we are doing it for seo purposes, do we have to submit each new post after its finished to google search console individually? enjoyed your tutorial by the way. Thanks!

    Reply
  42. Jayarrin1 Post author

    I have to say you are the best teacher I've seen thus far on Elementor, and I have watched a few videos. The videos I have seen were kind of long too. However, your video is short and much better than the videos I have seen. It is like the old saying goes not everyone can teach. Keep up the good sir.

    Reply
  43. PAVAN REDDY Post author

    You haven't shown how to create second page and segment the posts

    Reply
  44. Gulab Singh Post author

    my blog is in blogger, can I use attractive templates ( for blog posts ).

    Reply
  45. Tom Post author

    Thank you for this very very user-friendly little tutorial. Adding a mini Elementor tute for the second half was a nice touch!

    Reply
  46. lol needs Post author

    Can you show us how to edit your blog page without elementor pro? please great vid by the way

    Reply
  47. Jazzmine Leigh Post author

    This is such a helpful video, now Im just pissed that WordPress forces you to upgrade as a Business IOT use essential plugins such as this. Now I totally get why people use Squarespace. Sigh….

    Reply
  48. Will Mische Post author

    On that black template with the phone, can I use that template and delete the phone and stick in a girl with a bikini or insert a slice of pizza etc?

    Reply
  49. sv kumar Post author

    word press Theme ko edit krke save krne pr esa show kr rha h – Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over FTP. please help

    Reply
  50. Manoj Kumar Reddy Pyreddy Post author

    Thank you for your informative videos .

    which are very useful and the way your explains each step is very good.

    Hope you do more related videos.

    Reply
  51. Jessica Maria Britt Post author

    Thank you! This is exactly what I needed. You explained it well.

    Reply
  52. Robert C Lynch Post author

    Very well explained and great content.
    Here's question – if we used a post grid to display our posts on the home page, can we get rid of the blog page all together? Or do you think that would affect ranking with Google? Do we really need a blog page?

    Reply
  53. Sanjeev's Wise Monkeys Post author

    And now I know how you position brands integrations subtly and push people to use them. A good webpage can be created thru the Themes you have installed and by using WordPress features itself. Dont know wht Elementor was required…

    Reply
  54. Ishwariya Lakshmi Post author

    This was so helpful, and ur way of communication is awesome

    Reply
  55. Crayn Home Post author

    how to remove sidebar from home page but when we open post sidebar should show

    Reply
  56. Ankit Ravindra Jain Post author

    Hi there. Excellent video. Full knowledge in one crisp video. Kudos to your work. I am 100% benefitted. Thank You. Love & Respect! Ankit Ravindra Jain

    Reply
  57. Solar Concierge Post author

    Far out!! We all have a life, and 11 minutes to explain what you ddi.. not cool…

    Reply
  58. Rupam Chandel Post author

    I made ''home'' page first and now the "blog" page cannot be seen anywhere although I followed every step that you told. Please help.

    Reply
  59. Vaibhav Dhotre Post author

    How do you zoom or magnify any place on the screen to show which button you are pressing or what you are writing on the text box? Please tell me the tool or keyboard shortcut you are using.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *