How To Create A Blog Page In Wordpress With Elementor

Sdílet
Vložit
  • čas přidán 4. 08. 2022
  • 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.com/get/wordpre...
    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.com/siteground-...
    //*
    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.convertri.com/eleme...
    Here's the link for Elementor Pro (aff): wplearninglab.com/recommends/...
    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: czcams.com/users/subscription_c...

Komentáře • 185

  • @wplearninglab
    @wplearninglab  Před 2 lety +3

    If you enjoyed this video don't forget to like it and subscribe! Then check out the best Elementor Skills playlist on CZcams: czcams.com/video/IkZqYk3mx_g/video.html

    • @edmmori7813
      @edmmori7813 Před 10 měsíci

      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?

  • @mikecharles6767
    @mikecharles6767 Před 6 měsíci +21

    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!

  • @paveinailanah9903
    @paveinailanah9903 Před rokem +90

    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.

  • @janaabreu
    @janaabreu Před rokem +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!

  • @janaabreu
    @janaabreu Před rokem +2

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

  • @dreadful_depths1
    @dreadful_depths1 Před rokem

    I like your videos. Clear sound and is well explained.

  • @Electronzap
    @Electronzap Před rokem

    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.

  • @ALAMIN-dj1ep
    @ALAMIN-dj1ep Před rokem +1

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

  • @fernandam8520
    @fernandam8520 Před rokem

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

  • @Wouterferdinand
    @Wouterferdinand Před rokem +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.

  • @bryanmoses7311
    @bryanmoses7311 Před rokem

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

  • @tom4398
    @tom4398 Před rokem

    Very well explained video, thanks!

  • @Linda_Eskin
    @Linda_Eskin Před rokem +1

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

  • @TimelessTunesRewind
    @TimelessTunesRewind Před rokem +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?

  • @lissethav2020
    @lissethav2020 Před 6 měsíci

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

  • @Rahemeen.yt_
    @Rahemeen.yt_ Před rokem

    your video deserves 100 times more views

  • @keiko8140
    @keiko8140 Před rokem

    About the recent back and forth regarding WebP image format.
    Are they only ditching the automatic converting of JPG to WebP, or is the WebP format being ditched altogether?
    Am I supposed to change back to JPG now, or some other format. I saw someone mentioned AVIF, never heard of it before. I don't have that many images on my websites, but I'm asking just so I know which I should use. Thank you in advance.

  • @srirangarajnc
    @srirangarajnc Před 5 měsíci +1

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

  • @vid4ia583
    @vid4ia583 Před 6 měsíci

    Excellent bro! I subscribed!

  • @andreajean5236
    @andreajean5236 Před rokem

    Awesome tutorial

  • @riggmundgames
    @riggmundgames Před rokem

    thank you so useful!

  • @bandthunder
    @bandthunder Před rokem +1

    This is great. Thank you!

  • @firsthillmarketing
    @firsthillmarketing Před 6 měsíci +1

    Great video! Thank you for sharing!

  • @sheenazmtifukanji2707
    @sheenazmtifukanji2707 Před 5 měsíci

    Thank you! God bless you 🤩

  • @zsaneephotography2183

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

  • @joshwzr1257
    @joshwzr1257 Před rokem

    Super cool. U made my day

  • @Namrod23
    @Namrod23 Před rokem

    Thank you man!

  • @dreadful_depths1
    @dreadful_depths1 Před rokem +2

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

  • @GabrielVaraljay
    @GabrielVaraljay Před rokem +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? :)

  • @webettermen3237
    @webettermen3237 Před rokem +4

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

  • @syedmuhammadfawwaz7532
    @syedmuhammadfawwaz7532 Před 4 měsíci +1

    Simple yet extremely helpful.

    • @wplearninglab
      @wplearninglab  Před 3 měsíci

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

  • @JenniferNicholsArt
    @JenniferNicholsArt Před rokem

    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.

  • @kokoukamekpo6988
    @kokoukamekpo6988 Před rokem

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

  • @josephphilipcoaching1996
    @josephphilipcoaching1996 Před 25 dny +1

    Thanks for this tutorial.

    • @wplearninglab
      @wplearninglab  Před 7 dny

      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!

  • @Togher01
    @Togher01 Před rokem

    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.

  • @Digitalcataloghub
    @Digitalcataloghub Před rokem

    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?

  • @TedTronnes
    @TedTronnes Před rokem

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

  • @SalesforceForEveryone
    @SalesforceForEveryone Před 2 měsíci +1

    Fantastic video, thank you!

  • @kayraaytunur
    @kayraaytunur Před rokem

    THANKS A LOT!

  • @willievelthuizen389
    @willievelthuizen389 Před 8 měsíci

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

  • @meikmiemiec2069
    @meikmiemiec2069 Před rokem +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 Před rokem +1

      click setting, then go to section title

  • @AdwaitYogaSchool
    @AdwaitYogaSchool Před rokem

    Very good.

  • @evandrotervy3661
    @evandrotervy3661 Před 10 měsíci

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

  • @trishwhite8373
    @trishwhite8373 Před rokem +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  Před rokem

      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!

  • @sacredherbsbotanicals7549

    Great video! Thank you!

  • @impact20twenty
    @impact20twenty Před 5 měsíci

    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.

  • @YeralReloaded
    @YeralReloaded Před 6 měsíci

    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?

  • @ariela_
    @ariela_ Před rokem +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 Před rokem

      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_ Před rokem +1

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

  • @gooz7984
    @gooz7984 Před 11 měsíci

    many thanks

  • @CharmaineStanton-no6lb
    @CharmaineStanton-no6lb Před 2 měsíci +1

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

    • @wplearninglab
      @wplearninglab  Před 2 měsíci

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

  • @myztartupjourney6772
    @myztartupjourney6772 Před rokem +7

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

  • @slipstream01
    @slipstream01 Před 2 měsíci +1

    Very cool and easy

  • @gooz7984
    @gooz7984 Před 11 měsíci

    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?

  • @mwapeg
    @mwapeg Před 3 měsíci +1

    You are awesome ❤

  • @erenpi
    @erenpi Před 5 měsíci

    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 ?

  • @rachelharris3931
    @rachelharris3931 Před 5 měsíci +1

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

  • @kerry-leerodighiero6182
    @kerry-leerodighiero6182 Před 9 měsíci +5

    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 Před 8 měsíci +2

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

    • @mandeep1413
      @mandeep1413 Před 7 měsíci +1

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

  • @patrickmbau5760
    @patrickmbau5760 Před měsícem +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  Před 7 dny

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

  • @joel9909
    @joel9909 Před rokem +1

    you a hero bro blessss
    Subscribed

    • @wplearninglab
      @wplearninglab  Před rokem

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

  • @TedTronnes
    @TedTronnes Před rokem

    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 ???

  • @manoj8486
    @manoj8486 Před rokem

    How to customize blog details page using post grid plugin?

  • @felicityconneely4527
    @felicityconneely4527 Před 2 měsíci +1

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

    • @wplearninglab
      @wplearninglab  Před měsícem

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

  • @ravishantilal8498
    @ravishantilal8498 Před rokem

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

  • @RamaniVenkatachalam
    @RamaniVenkatachalam Před 8 měsíci

    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

  • @ThemostchannelX
    @ThemostchannelX Před 11 měsíci

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

  • @NickEnopia
    @NickEnopia Před rokem +1

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

  • @undergroundxv
    @undergroundxv Před 4 měsíci

    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

  • @Lightcode
    @Lightcode Před rokem +1

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

    • @wplearninglab
      @wplearninglab  Před rokem

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

  • @goodthyme
    @goodthyme Před 2 měsíci +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  Před měsícem

      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).

  • @workwithdarvin
    @workwithdarvin Před 7 měsíci +1

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

  • @chinaoceanwood2291
    @chinaoceanwood2291 Před rokem +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  Před rokem

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

  • @Abdullah_the_Palestinian

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

  • @EVATVDirect
    @EVATVDirect Před rokem

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

  • @yoayis
    @yoayis Před rokem +1

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

    • @wplearninglab
      @wplearninglab  Před rokem

      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.

  • @juliamarsh2077
    @juliamarsh2077 Před 10 měsíci +1

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

  • @cosmos.revisits
    @cosmos.revisits Před 7 měsíci

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

  • @geginios
    @geginios Před 3 měsíci +1

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

    • @wplearninglab
      @wplearninglab  Před 3 měsíci

      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!

  • @gabolko1
    @gabolko1 Před 6 měsíci

    How do we make pictures show up on there?

  • @user-bm1ve3xg5o
    @user-bm1ve3xg5o Před rokem +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  Před rokem

      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. czcams.com/video/jmxl9z7zfHg/video.html 2. czcams.com/video/XtZnoGBQtHY/video.html
      I hope that helps :) Let me know if you have any further questions. Thanks for watching!

  • @spurkay2
    @spurkay2 Před rokem +1

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

  • @michaelevans7708
    @michaelevans7708 Před rokem

    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?

  • @richatkinson1
    @richatkinson1 Před 2 měsíci +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  Před 2 měsíci +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 Před 2 měsíci

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

  • @allaboutnewsabns4328
    @allaboutnewsabns4328 Před rokem

    Nice

  • @Webrisernl
    @Webrisernl Před rokem +1

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

    • @wplearninglab
      @wplearninglab  Před rokem +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 Před rokem

      @@wplearninglab I have to check it thanks!

  • @fjsy77dmekd
    @fjsy77dmekd Před rokem

    Hi everyone.Anytime I follow this video,automatically my blog post are being upload, as WP Learnign lab shows, but,I can not change title, or picture.All are uneditable,so I got stuck with a bunch of all blog post, I can neither edit a new one Any idea? Cheers

    • @JenniferNicholsArt
      @JenniferNicholsArt Před rokem +1

      Where you create your Posts, you have a Featured Image you can add in the column on the right of the Wordpress editor. That is the image that shows at the top of the grid. Titles are also edited there.

    • @kokoukamekpo6988
      @kokoukamekpo6988 Před rokem

      @@JenniferNicholsArt you save me thanks

  • @jondoe2690
    @jondoe2690 Před rokem +1

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

    • @wplearninglab
      @wplearninglab  Před rokem

      Maybe if you exit the Elementor editor and reload it?

  • @Boongol
    @Boongol Před rokem +1

    Diloes adding such addons affect adsense approval

  • @mohaymenul-islam
    @mohaymenul-islam Před 14 dny +1

    great

    • @wplearninglab
      @wplearninglab  Před 8 dny

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

  • @tyjjjj9730
    @tyjjjj9730 Před 6 dny +1

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

    • @wplearninglab
      @wplearninglab  Před 5 dny

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

  • @ouicommunicate
    @ouicommunicate Před 6 měsíci

    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?

  • @SteeIS
    @SteeIS Před 6 měsíci

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

  • @jasmineyue4033
    @jasmineyue4033 Před 10 měsíci

    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...

  • @ioannasplace5860
    @ioannasplace5860 Před rokem +1

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

    • @wplearninglab
      @wplearninglab  Před rokem

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

  • @brmixes_
    @brmixes_ Před rokem

    what if u have no blog posts

  • @locksmith724
    @locksmith724 Před rokem

    After new Elementor update it doesn't work anymore.

  • @ChadsVersatile
    @ChadsVersatile Před 9 měsíci

    That plugin wont load even after clicking refresh and restarting

  • @edgarlacson
    @edgarlacson Před rokem

    Thank you for this. But the SECTION TITLE can no longer be edited unlike on your tutorial, you can. Please help. Thanks again.

    • @edgarlacson
      @edgarlacson Před rokem

      found it now. :D

    • @dustincarroll233
      @dustincarroll233 Před rokem

      @@edgarlacson how did you do it having same issue

    • @edgarlacson
      @edgarlacson Před rokem

      @@dustincarroll233 hi, I just seen your message. I actually forgot how I did it :D but surely I will remember it once I logged in to my laptop. Will get back to you asap.

    • @edgarlacson
      @edgarlacson Před rokem

      @@dustincarroll233 see below steps:
      1. Click Edit TPG Grid Layout
      2. Left side - click Settings
      3. Click "Section Title"
      4. Then edit "Title"

    • @edgarlacson
      @edgarlacson Před rokem

      @@dustincarroll233 have you fixed yours?

  • @The_Cynic
    @The_Cynic Před 8 měsíci

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

  • @shelahjohnson3037
    @shelahjohnson3037 Před 5 měsíci

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

  • @mrcalifornia6369
    @mrcalifornia6369 Před 7 měsíci

    I can’t edit my blog page with elementor