How to Create Custom Post, Archive & Category Templates with Elementor Pro | Elementor Custom Loop

Sdílet
Vložit
  • čas přidán 21. 07. 2024
  • In today's lesson, I am going to show you how to create templates for your WordPress posts and archives with Elementor. So you can use the WordPress dynamic post loop in any way you wish.
    Get coached to become a profitable web designer
    agencyalchemist.com/
    Customer Acquisition Strategies Without Paid Ads
    / 5904739426230411
    Build a Six Figure Agency with Web Design and SEO
    / webdesignaplayers
    Agency website:
    tristanparker.co.uk/
    This video will allow you to take your Elementor website design to the next level and create a fully custom website for your business or clients.
    Get Elementor Pro →
    elementor.com/pricing/?ref=19171
    Elementor FREE →
    elementor.com/thankyou/?ref=1...
    What I use for my videos →
    MacBook Pro 13-inch 2017: amzn.to/2J6M3kn
    Camera (Apple iPhone 12): amzn.to/38oL8V5
    Sound Recording (Blue Snowball Mic): amzn.to/3awuNAg
    External Speaker (Bose Soundlink Mini 2): amzn.to/3rie3CL
    Magic Mouse: amzn.to/3pcdGrL

Komentáře • 73

  • @tristanparker
    @tristanparker  Před 2 lety +1

    🔥NEW course: Agency Alchemist Accelerator 🔥
    agencyalchemist.com/agency-alchemist-accelerator/

  • @salomeshunamon4737
    @salomeshunamon4737 Před rokem +2

    I've searched everywhere and I'm shocked that there aren't any tutorials on using post formats or different layouts for custom post type posts vs standard blog posts. This has been one of the closest out there.

  • @linhdang2990
    @linhdang2990 Před 2 lety +1

    Thank you so much for this nice tutorial. I'm working on Elementor Pro also and trying to find ways to add a suggested products carrousel to my single blog post to show those products which has been mentioned in that post. Do you have any suggestion on what to do? Thanks a lot!

  • @brasworldcontato2512
    @brasworldcontato2512 Před rokem

    MAN I LOVE YOU!!!!!! YOU JUST SOLVE MY PROBLEM THAT I'VE HAD 3 DAYS AGO!!!! GOAT A NEW SUB

  • @thecreative3099
    @thecreative3099 Před rokem +1

    Really love you man . What do great job 👏 you have done. You really saved me from a big task.

  • @hugobourdon1433
    @hugobourdon1433 Před rokem +1

    Very informative video, but how do you get the preview ?

  • @farhadshaon5595
    @farhadshaon5595 Před 3 lety +1

    Best video on youtube on how to use ele custom loop plugin, thanks

  • @barbarasantos2551
    @barbarasantos2551 Před 3 lety +1

    Great tutorial!!
    I was wondering, when you used the spacer and gave it a 100pxl size, would it work if instead of the spacer you would have added 100pxl top padding? Thank you!
    You just got a new subscriber 😊

    • @tristanparker
      @tristanparker  Před 3 lety +1

      Awesome thank you so much for subscribing. A 100px padding will work yes, only while you have elements inside the containers (eg the title, button etc) hope that’s helps .

  • @thomaslarmit6434
    @thomaslarmit6434 Před 3 lety +1

    Hey! Love this. Do you know how I can make the dedicated post page as a popup instead of a new page? So that if you would click on the 'read more' or thumbnail, that you would show all the information of your project or your blog as a popup instead of directing you to a dedicated page.

    • @achtube85
      @achtube85 Před 3 lety

      I have exactly the same question! Been looking around and haven't found a way to do this. So frustrating.
      Have you already found a way to do it?

  • @ariela_
    @ariela_ Před 2 lety

    Hi, how can I add a specific post to a page? Like using your example you have “personal adventures” and “solo travel” if you write a post that goes under solo travel how would you add it to that specific page only?
    Because all of my blog posts show up one page even after i place them in specific categories. So how do I add those categories to a specific page

  • @andrewspangler3462
    @andrewspangler3462 Před 2 lety

    THis is exactly what i was looking for!

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

    Hey! Just amazing! But I have one question. To select the category, we have to use the post terms, right? But if I want to do a button to it, the title I can use the post term, but to redirect to the archive page? How do I link the button to an archive page or how do I get the link of it? Thanks mate! Great video!

  • @WayneRoberts
    @WayneRoberts Před 3 lety +1

    Loving this

    • @tristanparker
      @tristanparker  Před 3 lety

      Thanks bro. Glad you enjoyed it. What are you working on right now

  • @Fantaloria
    @Fantaloria Před 3 lety +1

    Great video thanks for sharing! Are there other plugins out their that have the same features or do you think this is the best choice?

    • @tristanparker
      @tristanparker  Před 3 lety

      Since releasing the video, I have been using crocoblocks instead. It’s a paid for product but very good at offering custom post loop capabilities

  • @aleksandereerma5690
    @aleksandereerma5690 Před rokem

    Very good Video! Helped me out alot! 🙂

  • @antaheen
    @antaheen Před 3 lety +1

    Just what I wanted...Thanks

  • @maximiliankritter2303
    @maximiliankritter2303 Před 2 lety

    Thanks. Was very helpful to me

  • @user-sq8gr3oc2u
    @user-sq8gr3oc2u Před 9 měsíci

    best video yet on whole youtube platform

  • @jordanseirer4652
    @jordanseirer4652 Před 3 lety

    Thanks for this!

  • @cvltmxnd5018
    @cvltmxnd5018 Před 2 lety

    How do you make the section background clickable? I'd like people to be able to click on the actual image instead of the text link.

  • @darrenbowyer
    @darrenbowyer Před 2 lety

    Thanks! This solved a problem for me. I like & subscribed. Cheers!

  • @ahmadsetiadi8509
    @ahmadsetiadi8509 Před 2 lety

    are you used custom box sizing width?

  • @RujioWR
    @RujioWR Před 2 lety +1

    Hey, nice video! Thats about what I did aswell.
    Do you have any idea how to "sync" all panels at around 9:03 ? If the Post excerpt differs in length, the cards are different in height. Any chance to set a min height or something to keep it uniform? Thanks a lot!

    • @RujioWR
      @RujioWR Před 2 lety +1

      Ah, my bad. I was kinda blind. Found the option. For anyone curious: Since you put all widgets into one "area", at least thats what i did, you can modify the height of the area and set a reasonable min height.

    • @tristanparker
      @tristanparker  Před 2 lety +1

      Glad you found it

  • @anainmazatlan
    @anainmazatlan Před 3 lety

    How did you create the option of "custom post" or "featured post" to begin with? Is that a tag or a custom field or something created with Ele Custom Skin?

    • @tristanparker
      @tristanparker  Před 3 lety

      Yep it was with ele custom skin. I’m sure that part was included in the video 😅 hope you found this useful and thanks for watching

  • @AbhishekGarg-lp4ez
    @AbhishekGarg-lp4ez Před rokem

    Hey How can i create the dynamic grid of sub categories based on parent category.

  • @nisoPlay
    @nisoPlay Před 2 lety

    No nees to add spacer at 8:32 , Simply go to 6 dot and chage the column postion to bottom....

  • @stars2482
    @stars2482 Před 3 lety

    Good job bro , how design page content post ?

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

    Thank you for the video.
    Is there a way to link the whole background to the post page?

    • @tristanparker
      @tristanparker  Před 3 lety

      Hey, thanks for the comment. I don’t think you can link the containers. You could maybe opt for using a call to action widget and then the dynamic data to populate the fields available. It will limit your styling options but I suppose there are often compromises with these things. Let me know how you get on.

    • @MohammadMShahbazi
      @MohammadMShahbazi Před 3 lety +1

      @@tristanparker Thanks for your response. As you mentioned, the CTA is too immature for a custom blog card. There is neither gradient background overlay nor enough placeholders for blog tags, categories, etc.

    • @tristanparker
      @tristanparker  Před 3 lety

      @@MohammadMShahbazi I hope that elementor enable links on container blocks in a future release. It would open up a new level of flexibility.

  • @meamcute
    @meamcute Před 2 lety +1

    thank you

  • @Kingsize001100
    @Kingsize001100 Před rokem

    Anyone else has the problem, that the Elementor mobile responsive settings have no effect on the page while Ele Custom Skin is active?

  • @hosseinkhanmohammadi4770

    Great! Do you know how to have a carousel for top a category archive that shows "Featured products of Current category"?

    • @tristanparker
      @tristanparker  Před 2 lety

      Great question. It’s not something I have looked into myself. Perhaps there is a background carousel widget, or look at the background style options for section blocks and see if you can use the dynamic tag to add multiple images.

    • @hosseinkhanmohammadi4770
      @hosseinkhanmohammadi4770 Před 2 lety

      @@tristanparker Thank you for your answer

  • @viniciusferreira9754
    @viniciusferreira9754 Před 3 lety

    how do i put arrows to pass the posts? please?

  • @gregasman4201
    @gregasman4201 Před rokem

    I don't see the preview. Did they change it?

  • @casade2831
    @casade2831 Před rokem

    👁Thank you. How does it look on mobile??

  • @deeovasukses6229
    @deeovasukses6229 Před 2 lety

    how to see excerpt too?

  • @aci25v
    @aci25v Před 2 lety

    There is an issue with Elementor Pro Pagination, Not Working. The problem I am having is that Pagination in the Posts Page that I made repeats the posts after loading only 6 of the 9 posts I've created. Anyone else is having also the same problem? I'm looking for some help. By the way, cool tutorial.

  • @smarthustlersclub6375
    @smarthustlersclub6375 Před 2 lety

    already subscribe! This is lovely contaent!

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

    How you got this preview at the bottom?

  • @muafaa
    @muafaa Před 2 lety

    how to add post excert using ele skin loop?

  • @tristanparker
    @tristanparker  Před 3 lety

    🔥NEW Exclusive Elementor and Web Design Group 🔥
    facebook.com/groups/elementorwebdesign

  • @biffsteel5944
    @biffsteel5944 Před 2 lety

    I subbed. Cheers

  • @krishnagopal9924
    @krishnagopal9924 Před 3 lety

    how to set ... in long title in elementor custom loop

  • @larryfarr
    @larryfarr Před 2 lety +1

    Excellent video and instruction. Thank you. Sorry, but I find the background music distracting. Otherwise your presentation is great!

    • @tristanparker
      @tristanparker  Před 2 lety +1

      Yeah I had a few comments on audio, Appreciate the feedback, I have stopped using music within more recent content 👍

  • @lanz7609
    @lanz7609 Před 3 lety

    Hey thanks for this, it helped me. Instasubbed! 😁

  • @jonelignacio9483
    @jonelignacio9483 Před 3 lety

    It is possible to loop 3 different template with. 3 post per page?

    • @tristanparker
      @tristanparker  Před 3 lety

      That’s a good question, not something I have tried myself.

    • @RujioWR
      @RujioWR Před 2 lety

      I dont know but you could try to use three different colums on your page and add a "posts" widget to each colum. Set it to 1 Colum and you can give all three widgets different loops I quess.

  • @deduice
    @deduice Před 2 lety

    Is there a way to add post excerpt to this? I can't find a way

    • @muafaa
      @muafaa Před 2 lety

      have you found the way?
      i tried adding excerpt but result with blank box

    • @deduice
      @deduice Před 2 lety

      @@muafaa Yes, I solved it. I used 'Post Summary' and it worked just fine

    • @muafaa
      @muafaa Před 2 lety +1

      @@deduice yes, also tried that and solved too 👍

  • @hatem1471
    @hatem1471 Před 3 lety

    How to make the rounded edges ???

    • @tristanparker
      @tristanparker  Před 3 lety

      You can go to the border settings of the column container and add a border radius to achieve rounded corners

  • @heartatwork
    @heartatwork Před 2 lety

    I don't have a preview

    • @heartatwork
      @heartatwork Před 2 lety

      And my loop doesn't show up, I've watch your video 4x to see what I am missing.

  • @davidroikit8121
    @davidroikit8121 Před 2 lety

    Another typical elementor solution for ugly columns