How To Create A Blog Page In Wordpress With Elementor

Поділитися
Вставка
  • Опубліковано 30 вер 2024
  • The blog page is where your visitors will see your site's blog posts in some sort of list. You can show all of the blog posts or just a subset. In this tutorial, you learn how to do this with the free version of Elementor plus a free add-on for Elementor.
    //*
    Grab your free 17-Point WordPress Launch Checklist PDF: wplearninglab....
    Always backup your site just in case (or use a staging site), here's how: • WordPress Backup, Rest...
    Join our private Facebook group today! / wplearninglab
    //*
    Here are 20+ reasons why I host all my sites with SiteGround: wplearninglab....
    //*
    Post videos of your WordPress success using the hashtag #WPLLCommunity!
    Get on the Unofficial Ultimate Guide To Elementor course waiting list here (no obligation): elementor.conv...
    Here's the link for Elementor Pro (aff): wplearninglab....
    I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.
    WP Learning Lab Channel: www.youtube.com...

КОМЕНТАРІ • 191

  • @wplearninglab
    @wplearninglab  2 роки тому +4

    If you enjoyed this video don't forget to like it and subscribe! Then check out the best Elementor Skills playlist on UA-cam: ua-cam.com/video/IkZqYk3mx_g/v-deo.html

    • @edmmori7813
      @edmmori7813 Рік тому

      Hi, I just followed your steps, and it's working. However I'm having a problem with changing the section title. It doesn't highlight or allow me to click on it or change it. Can you please help?

  • @paveinailanah9903
    @paveinailanah9903 2 роки тому +95

    For people who have problem editing the "Section title" into Blogs.
    Click on Section title
    Go to top left
    Click on "settings" just next to "content"
    Scroll down and click on "section title" just below "Social Share Pro"
    Click on the box and and edit as you like it.
    Hope it helps.

  • @mikecharles6767
    @mikecharles6767 8 місяців тому +24

    I really want to express my heartfelt gratitude to you for this video! I have struggled for ages to find out what I was doing wrong! I built my website but couldn’t display it! I watched so many videos and still didn’t learn what to do to correct my mistakes until I watched this video! Thank you! I am 76 so don’t pick up things as speedily as younger folk. Thank you again!

    • @mahy2362
      @mahy2362 8 місяців тому +2

      Bravo!

  • @myztartupjourney6772
    @myztartupjourney6772 2 роки тому +10

    2:22 It would be nice if you said first you need to have blog posts already for you to use this tool

  • @kerry-leerodighiero6182
    @kerry-leerodighiero6182 Рік тому +6

    You covered the display page but what do we need to know about creating the actual blogs? Do you have to make each one in Elementor? Can you use Gutenberg? Any limitation or rules to the layout??

    • @paraisosaudiovisuais
      @paraisosaudiovisuais 10 місяців тому +4

      My thoughts exactly, no one seems to cover that issue.

    • @mandeep1413
      @mandeep1413 10 місяців тому +3

      Yeah, I'm looking for the same answer. Did you have any luck yet?

  • @janaabreu
    @janaabreu Рік тому +12

    Finally someone that how to do this in the Free version of Elementor! Excellent video, super helpful and well explained. Thank you so so soooo much for this!

  • @TimelessTunesRewind
    @TimelessTunesRewind Рік тому +7

    This is so cool. Thank you. I am very new but want to start a blog Website. Do you have a video on the creating the blog part? Do you use elementor to design your post?

  • @webettermen3237
    @webettermen3237 2 роки тому +4

    Well explained but the POST GRID LOAD VERY SLOW that shows it might be also slow after publish

  • @goodthyme
    @goodthyme 4 місяці тому +1

    Can anyone tell me how to have 1 "sticky" post as the first post and the other blog posts will be sorted by dates? thank you. Not sure if i make it clear enough, like lets say i have a grid of 3 (column) x6 (row) of blog post, how do i make blog #1 always appear first at the upper left corner , and the other posts all sorted according to date. Thanks!

    • @wplearninglab
      @wplearninglab  4 місяці тому

      If you're adding the posts using the Elementor Posts Widget have you tried going to "Query" section of the "Content" and toggling "Ignore Sticky Posts" off. It's on by default. If you turn it off the sticky post should be first (top left) and the other posts should appear according to your settings (chronological in this case).

  • @rachelharris3931
    @rachelharris3931 8 місяців тому +1

    Is there a way to fix the "404 Error" when clicking the "Read More" link/button?

  • @beatricechauvel8237
    @beatricechauvel8237 Місяць тому +1

    The tuto didn't explain how to edit the "Section title". I had to find it myself. Irritating.
    Settings > Section title > Title

    • @wplearninglab
      @wplearninglab  Місяць тому

      Good point, I'll make sure that's in the next one!

  • @TheJulesFactory
    @TheJulesFactory 2 місяці тому +1

    hey guys,
    how do we get rid of the word 'Hardware' as shown on the blogposts in this video.
    The one who has the answer will get prayers from god, thans.

    • @wplearninglab
      @wplearninglab  2 місяці тому

      "Hardware" is the category of the blog posts in this video. You can toggle displaying categories in the settings for blog post layout. I hope that helps :) Let me know if you have any further questions. Thanks for watching!

  • @felicityconneely4527
    @felicityconneely4527 4 місяці тому +1

    Hi. I am trying to link an exisiting blog to my wordpress website. Any tips for doing this? Thanks

    • @wplearninglab
      @wplearninglab  4 місяці тому

      Hi Felicity,
      What are you currently using as your blogging software?

  • @CharmaineStanton-no6lb
    @CharmaineStanton-no6lb 4 місяці тому +1

    Excellent video! Just curious-- what is the widget in Elementor Pro that does this called?

    • @wplearninglab
      @wplearninglab  4 місяці тому

      The widgets I used in this plugin are added by the free version of a plugin called "The Post Grid".

  • @workwithdarvin
    @workwithdarvin 9 місяців тому +1

    why I can't achieve the wide featured Images 5:05 I do have a sidebar

  • @richatkinson1
    @richatkinson1 4 місяці тому +1

    When I add the Post Grid plugin, it takes over the Elementor sidebar and i can't access the Elementor widgets. How do I fix that?

    • @wplearninglab
      @wplearninglab  4 місяці тому +1

      Hi Rich,
      I just tried it out on my demo site and the Post Grid plugin doesn't take over the Elementor sidebar for me. When I'm working in the Post Grid widget I do have click the 9 square grid icon in the Elementor bar in the top left to get back to the Elementor widgets. It could also be a conflict with another plugin on your site or the theme. Most conflicts can be resolved by updating all plugins, the active theme and the WordPress core files if updates are available. I hope that helps!

    • @richatkinson1
      @richatkinson1 4 місяці тому

      @@wplearninglab Thanks, I'll use your suggestions and let you know the results.

  • @chinaoceanwood2291
    @chinaoceanwood2291 Рік тому +1

    hi dear
    can you tell me why the block can not upload on the page ? on the time 2:21, you can download well, why i can not

    • @wplearninglab
      @wplearninglab  Рік тому

      I don't know, I think it's the plugin causing the problem. I think they may need to update their plugin.

  • @geginios
    @geginios 5 місяців тому +1

    How do I make sure that when I click on a post that would redirect the user to the actual article?

    • @wplearninglab
      @wplearninglab  5 місяців тому

      That should be done automatically. With the plugin I used in this tutorial it turns the featured image and the title of the blog post into a clickable link that takes visitors from the blog listing page to the actual article.
      I hope that helps, let me know if you have any further questions. Thanks for watching!

  • @MinisterioÚltimoPacto
    @MinisterioÚltimoPacto 7 місяців тому +1

    But how do you create all of the posts? Are you actually creating a new page for every single blog post? That's the question I have.

    • @wplearninglab
      @wplearninglab  7 місяців тому +1

      Good question! You create one page that will display the posts, most commonly called a blog page.
      Then to create the blog posts, go the Posts section in the WordPress dashboard and click Add New. Each new post you publish will show up on the Page you created in this tutorial in chronological order.
      I hope that helps and please let me know if you have any other questions!

    • @MinisterioÚltimoPacto
      @MinisterioÚltimoPacto 7 місяців тому

      @@wplearninglab Thank you so much. I've been watching your videos and have been understanding everything so well now.
      I do have another question though, I can't seem to change the Section title as you did. I can't seem to be able to type, and I can't find any boxes to write on either.

  • @tyjjjj9730
    @tyjjjj9730 2 місяці тому +1

    What can you do if you don't have existing blogs

    • @wplearninglab
      @wplearninglab  2 місяці тому

      If you need an existing blog post to create the template, then just create a simple blog post and delete it afterwards.

  • @Wouterferdinand
    @Wouterferdinand Рік тому +3

    Alright, but just curious how do you follow up and create personal post layouts for the content ?
    Wordpress seems to always put blogposts (also saved templates) into a old looking box / container.

  • @GabrielVaraljay
    @GabrielVaraljay Рік тому +2

    Thanks for the video, I am a wp user, but Elementor is new for me. The question is: is this feature will automatically update the recent blog posts or do I have to manually add it to the list every time I post a new article? Thanks for your reply in advance? :)

  • @dreadful_depths1
    @dreadful_depths1 Рік тому +2

    What if I need more pages for different blog posts and post each to its specific page? Thanks

  • @srirangarajnc
    @srirangarajnc 7 місяців тому +1

    awesome! thank you.... Could you also let us know any decent sidebar options with this? many thanks...

  • @NickEnopia
    @NickEnopia Рік тому +1

    After adding the blog page in the wordpress. How do I create a new blog?

  • @juliamarsh2077
    @juliamarsh2077 Рік тому +1

    How do you publish your posts in WordPress, so that they automatically appear on the blog page.

  • @jondoe2690
    @jondoe2690 Рік тому +1

    my grid layout will not load. other than that, it's great.

    • @wplearninglab
      @wplearninglab  Рік тому

      Maybe if you exit the Elementor editor and reload it?

  • @Webrisernl
    @Webrisernl Рік тому +1

    This free block keeps spinning in te elementor editor even when refresh.. could it be chrome browser?

    • @wplearninglab
      @wplearninglab  Рік тому +1

      The Elementor editor normally would do that, so it must be something else. It could be the browser (maybe it's out of date?) or it could be caused by a chrome extension (if you have any installed).

    • @Webrisernl
      @Webrisernl Рік тому

      @@wplearninglab I have to check it thanks!

  • @24-hrs24
    @24-hrs24 13 годин тому

    create a post for understanding teo by step hahaha hahaha

  • @janaabreu
    @janaabreu Рік тому +2

    BTW, you cracked me up with the "Aged blog posts". Such an awesome tutorial! Thanks again!

  • @undergroundxv
    @undergroundxv 6 місяців тому

    I currently have the Zeinet theme, I create a blank page and name it "blog posts".
    After that when I add my custom header (that I created with Elementor) it displays a "recent posts" and "recent comments" that I can't remove using elementor, I tried making its Theme "Elementor Canvas" but it doesn't work

  • @meikmiemiec2069
    @meikmiemiec2069 Рік тому +2

    First of all this is really helpful. You got the best tutorials out here so far!
    But I can't edit the section title @2:43 and I don't know how to make my new blog posts page into the default page for the menu to navigate to. Please help, I really struggle with WP and Elementor.

    • @Deron3003
      @Deron3003 Рік тому +1

      click setting, then go to section title

  • @legendscodm
    @legendscodm 28 днів тому +1

    Very very thankful

  • @ouicommunicate
    @ouicommunicate 8 місяців тому

    But we can;t see how you "make" a post. Where do you write it? how does it get published? How do you set up the pictures?

  • @patrickmbau5760
    @patrickmbau5760 3 місяці тому +1

    Hi the reason your blog page is loading twice is because of the selected preloader settings... on the post grid settings pannel, shut the three selected icons and your page will work well. You don't need preloader on.

    • @wplearninglab
      @wplearninglab  2 місяці тому

      Thanks for the tip Patrick! And sorry for the delay. I'm still trying figure out my summer holiday work schedule!

  • @ubiquitousinterface
    @ubiquitousinterface Рік тому

    The widget is continually loading like in the video. Pretty unbearable to use.

  • @MarianaCharkseliani
    @MarianaCharkseliani 8 днів тому +1

    it Is not free

    • @wplearninglab
      @wplearninglab  7 днів тому

      No it's not and I don't I said it was...

  • @ДелянТайчев
    @ДелянТайчев Рік тому +1

    How you can edit your blog page with elementor because when I create my blog page and choose the post page to be the blog page I cant no longer edit it with elementor. If I try not to choose a post page the posts in the blog page does not appear???

    • @wplearninglab
      @wplearninglab  Рік тому

      It can be tricky, you have to do it just the right way. Check out these two tutorials that explain the relationship between Elementor and blog pages: 1. ua-cam.com/video/jmxl9z7zfHg/v-deo.html 2. ua-cam.com/video/XtZnoGBQtHY/v-deo.html
      I hope that helps :) Let me know if you have any further questions. Thanks for watching!

  • @cosmos.revisits
    @cosmos.revisits 9 місяців тому

    When I dragged the grid it did not show up on the Elementor edit page. Please explain

  • @ChadCDorr
    @ChadCDorr 11 місяців тому

    That plugin wont load even after clicking refresh and restarting

  • @abillionlives_abl
    @abillionlives_abl Рік тому +1

    Bro you do not teach. You made this video in a way where I have to spend 3 hours watching the same video. That cuts efficiency. You’re just clicking button, you’re not viewing the perspective of a beginner. I’m more confused than ever.

  • @SteeIS
    @SteeIS 9 місяців тому

    For some reason the "Section title" won't let me edit this text name to "blog posts"

  • @SalesforceForEveryone
    @SalesforceForEveryone 5 місяців тому +1

    Fantastic video, thank you!

    • @wplearninglab
      @wplearninglab  4 місяці тому

      You're welcome, thanks for watching!

  • @ThemostchannelX
    @ThemostchannelX Рік тому

    HI Does anyone know wjy whatever I do it shows me the error "no posts found"

  • @cengizcelik2832
    @cengizcelik2832 Рік тому

    Before that i had to search and do something far more worse than this look thanks for the video

  • @shelahjohnson3037
    @shelahjohnson3037 7 місяців тому

    I am unable to change the titles - what's your magic?

  • @trishwhite8373
    @trishwhite8373 Рік тому +1

    Does the post grid plug-in affect all pages? Like the drop-down for short code vs elementor? If I choose one will it disable short code on some of my pages?

    • @wplearninglab
      @wplearninglab  Рік тому

      Hi Trish,
      I'm not sure I fully understand your question, but I'll do my best to answer it :) The post grid plugin will affect only pages to which you've added the shortcode. If you use an Elementor template to create a post grid you can specify in the conditions which type of archive page the post grid will be applied to (blog post listings, category archives, tag archives, etc.). Use the Elementor template with the conditions will override a post grid listing page created using the shortcode. I hope that helps :) Let me know if you have any further questions. Thanks for watching!

  • @spurkay2
    @spurkay2 Рік тому +1

    That refresh is not your local machine. I've had this same problem but only with the post grid add on

  • @ALAMIN-dj1ep
    @ALAMIN-dj1ep 2 роки тому +1

    Every day I enter your channel to see if there are new lessons.🌹🌹🌹🌹

  • @mrcalifornia6369
    @mrcalifornia6369 9 місяців тому

    I can’t edit my blog page with elementor

  • @Lightcode
    @Lightcode Рік тому +1

    do yo have to use a plugin to get a blog page to show posts?

    • @wplearninglab
      @wplearninglab  Рік тому

      Good question. The answer is no, the functionality is built right into WordPress.
      This video shows you how to do it: ua-cam.com/video/TUaefFy9yi8/v-deo.html
      I hope that helps!

  • @mohaymenul-islam
    @mohaymenul-islam 2 місяці тому +1

    great

    • @wplearninglab
      @wplearninglab  2 місяці тому

      Thanks! And sorry for the delay. I'm still trying figure out my summer holiday work schedule!

  • @RuthSBM
    @RuthSBM Рік тому

    It isn't free...I have to upgrade and activate

  • @The_Cynic
    @The_Cynic 10 місяців тому

    slow to load? Im 2 hours in and it still hasn't load

  • @YeralReloaded
    @YeralReloaded 8 місяців тому

    When I drag the widget I don't see any layout or images that I can modify, do you know if it can still be done as the video says?

  • @gabolko1
    @gabolko1 8 місяців тому

    How do we make pictures show up on there?

  • @ioannasplace5860
    @ioannasplace5860 Рік тому +1

    Thank you! when i press the button read more it doesn't work...

    • @wplearninglab
      @wplearninglab  Рік тому

      Hi Ioanna,
      Are you testing it in the Elementor editor or the Elementor preview or on a published page?

  • @seikoAKAg
    @seikoAKAg Рік тому

    Honestly I was disappointed by this video: the blogs are already created. It would have been better to explain how to create one by one

  • @ariela_
    @ariela_ 2 роки тому +1

    Hi, what seo plug-in do you recommend? I use yoast seo but I keep seeing red marks for my outbound and inbound links. I have a template for all my posts that automatically pulls in those links with breadcrumbs and post navigation at the bottom so I’m really confused

    • @PharaelMartins
      @PharaelMartins Рік тому

      Have you tried all in one SEO? It has more than 3 million users. I personally use it and it's pretty good.

    • @ariela_
      @ariela_ Рік тому +1

      @@PharaelMartins I wish I tried that but instead I went ahead and purchased the yoast premium

  • @JenniferNicholsArt
    @JenniferNicholsArt Рік тому

    I'd love another recommendation for a post grid add on as this endless spinning each time I need to edit it is frustrating. I have to update and refresh multiple times before it finally stops spinning.

  • @impact20twenty
    @impact20twenty 7 місяців тому

    Great vid, thanks! How come when you go on to your wordpress page you created, named it blog posts and then clicked edit with elementor the page name doesnt show. It does on mine. Any help on how to hide this as I have a section title which I'd like to just call Blog or News but I have BLOG as the page name above it and it looks stupid.

  • @Boongol
    @Boongol Рік тому +1

    Diloes adding such addons affect adsense approval

  • @yoayis
    @yoayis Рік тому +1

    im a newbie to wp but how did you put a content on every grid?

    • @wplearninglab
      @wplearninglab  Рік тому

      Hey Ayis,
      Elementor does most of the work in regards to the grid. All you have to do is drag and drop the elements in place.

  • @firsthillmarketing
    @firsthillmarketing 9 місяців тому +1

    Great video! Thank you for sharing!

    • @wplearninglab
      @wplearninglab  9 місяців тому +1

      You're welcome, thanks for watching!

  • @TedTronnes
    @TedTronnes Рік тому

    Just starting my blog page within website. Elementor Edit TPG asks me to "Choose Layout" from 1-3 options but no option will drag/drop onto page ???

  • @joydatta7424
    @joydatta7424 Рік тому

    Post Grid is terrible. Better not to install this plugin. Loading is too slow.

    • @edu3299
      @edu3299 Рік тому

      I got a serious problem after installing this plugin. My Menu is not displaying in vertical even if it is set to display to horizontally. Deleted this immediately. BEWARE guys!

  • @Deebdremers
    @Deebdremers 11 місяців тому

    I have prepared a website for affiliate marketing and I have prepared the necessary title for it then I have prepared 15 articles to put on that website and I have prepared the title keywords separately for those 15 articles and inserted them in it.
    Now my doubt is where to I put the website title? Can put it on the home page? Or to prepare separate articles for that and put it on the home page? Or to put it in the first article in the post for the website title? Say that. Please tell me bro

  • @erenpi
    @erenpi 7 місяців тому

    Hey, great tutorial, thank you for sharing, however I have ran into an issue, now whenver I visit the blog post page and try to click on one of the blog posts or on the option to "read more", it doesnt open the post, it just refreshes the blog post page, what can i do ?

  • @michaelevans7708
    @michaelevans7708 Рік тому

    Following this, my latest post doesn't show details (correct image, however there is no blog title and read more doesn't work). Has anyone else experienced this?

  • @jasmineyue4033
    @jasmineyue4033 Рік тому

    This is a well explained video except the blog page will not load for me no matter how many times I refresh. I tried to load it on many different devices and none works. Because it won't load at all, even I know the blog template is there, I am unable to edit it...

  • @Togher01
    @Togher01 Рік тому

    Thanks for the video! I Can't change the tittle to blog post. it's stuck a section title. Eveytime I try the move widget moves.

  • @gooz7984
    @gooz7984 Рік тому

    i have a problem, it seems as if my wp theme has its own blog page and category so the blog page i created is not being linked in my posts instead the theme blog page, can i disable that somehow?

  • @Digitalcataloghub
    @Digitalcataloghub Рік тому

    Does repurposing my blog posts to medium negatively effect my seo having the same thing on 2 different places or does it only benefit me in having more traffic?

  • @johnhimes390
    @johnhimes390 Рік тому

    Seems really incomplete

  • @josephphilipcoaching1996
    @josephphilipcoaching1996 3 місяці тому +1

    Thanks for this tutorial.

    • @wplearninglab
      @wplearninglab  2 місяці тому

      You're welcome Joseph, thanks for watching! Let me know if you have any questions :)
      And sorry for the delay. I'm still trying figure out my summer holiday work schedule!

  • @ChloeSpiritual
    @ChloeSpiritual Рік тому

    You need to upgrade to Business Plan to install the plugins it won’t be available for free users

  • @joel9909
    @joel9909 Рік тому +1

    you a hero bro blessss
    Subscribed

    • @wplearninglab
      @wplearninglab  Рік тому

      Thanks for subscribing Joel! We're all hero's in our own way 😀

  • @evandrotervy3661
    @evandrotervy3661 Рік тому

    Thanks for the help but somehow the plugin is not showing the pictures of the posts.

  • @lissethav2020
    @lissethav2020 9 місяців тому

    Thank you for this valuable information! it helped me a lot.

  • @EVATVDirect
    @EVATVDirect Рік тому

    Mine just sits and spins in perpetuity when I add the Grid Layout. Sign, yet another dead end.

  • @bandthunder
    @bandthunder Рік тому +1

    This is great. Thank you!

  • @Electronzap
    @Electronzap 2 роки тому

    That's pretty cool. Good topic. I did notice that it is easier to preview posts than pages, but haven't put much effort into doing actually doing so yet.

  • @TedTronnes
    @TedTronnes Рік тому

    Thank you, Paveinai, for how to edit section title!

  • @locksmith724
    @locksmith724 Рік тому

    After new Elementor update it doesn't work anymore.

  • @Abdullah_the_Palestinian
    @Abdullah_the_Palestinian Рік тому

    It keeps loading to no end when I add the grid . Is there anything I can do to fix this

  • @ravishantilal8498
    @ravishantilal8498 Рік тому

    But where would this blog post be in the website for customers to visit or click?

  • @syedmuhammadfawwaz7532
    @syedmuhammadfawwaz7532 6 місяців тому +1

    Simple yet extremely helpful.

    • @wplearninglab
      @wplearninglab  5 місяців тому

      Thanks, I'm happy I could help! Thanks for watching!

  • @manoj8486
    @manoj8486 Рік тому

    How to customize blog details page using post grid plugin?

  • @Linda_Eskin
    @Linda_Eskin Рік тому +1

    This is a huge help! Thank you so much for the clear instructions.

  • @slipstream01
    @slipstream01 4 місяці тому +1

    Very cool and easy

  • @zsaneephotography2183
    @zsaneephotography2183 Рік тому

    Hi. Thank you. How do you create a second blog page on wordpress?

  • @willievelthuizen389
    @willievelthuizen389 11 місяців тому

    Is there a way to reduce the featured post image so it is not that large?

  • @mwapeg
    @mwapeg 5 місяців тому +1

    You are awesome ❤

  • @kokoukamekpo6988
    @kokoukamekpo6988 Рік тому

    you save me thank you very much sir, you are so good to us.

  • @vid4ia583
    @vid4ia583 9 місяців тому

    Excellent bro! I subscribed!

  • @bryanmoses7311
    @bryanmoses7311 2 роки тому

    Thanks for this info, I was just wondering how to make my blog look like this. 🤙🏾

  • @sacredherbsbotanicals7549
    @sacredherbsbotanicals7549 Рік тому

    Great video! Thank you!

  • @sheenazmtifukanji2707
    @sheenazmtifukanji2707 7 місяців тому

    Thank you! God bless you 🤩

  • @fernandam8520
    @fernandam8520 Рік тому

    Thanks for the video! Do you know how can i align the buttons and text so that the grid looks more organized?

  • @brmixes_
    @brmixes_ Рік тому

    what if u have no blog posts