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

Поделиться
HTML-код
  • Опубликовано: 4 июл 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

Комментарии • 73

  • @tristanparker
    @tristanparker  2 года назад +1

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

  • @salomeshunamon4737
    @salomeshunamon4737 Год назад +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.

  • @brasworldcontato2512
    @brasworldcontato2512 Год назад

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

  • @user-sq8gr3oc2u
    @user-sq8gr3oc2u 8 месяцев назад

    best video yet on whole youtube platform

  • @thecreative3099
    @thecreative3099 Год назад +1

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

  • @farhadshaon5595
    @farhadshaon5595 3 года назад +1

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

  • @andrewspangler3462
    @andrewspangler3462 2 года назад

    THis is exactly what i was looking for!

  • @WayneRoberts
    @WayneRoberts 3 года назад +1

    Loving this

    • @tristanparker
      @tristanparker  3 года назад

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

  • @maximiliankritter2303
    @maximiliankritter2303 2 года назад

    Thanks. Was very helpful to me

  • @aleksandereerma5690
    @aleksandereerma5690 Год назад

    Very good Video! Helped me out alot! 🙂

  • @antaheen
    @antaheen 3 года назад +1

    Just what I wanted...Thanks

  • @jordanseirer4652
    @jordanseirer4652 3 года назад

    Thanks for this!

  • @darrenbowyer
    @darrenbowyer 2 года назад

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

  • @tristanparker
    @tristanparker  3 года назад

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

  • @meamcute
    @meamcute 2 года назад +1

    thank you

  • @linhdang2990
    @linhdang2990 Год назад +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!

  • @hugobourdon1433
    @hugobourdon1433 Год назад +1

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

  • @smarthustlersclub6375
    @smarthustlersclub6375 2 года назад

    already subscribe! This is lovely contaent!

  • @biffsteel5944
    @biffsteel5944 2 года назад

    I subbed. Cheers

  • @ariela_
    @ariela_ 2 года назад

    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

  • @barbarasantos2551
    @barbarasantos2551 3 года назад +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  3 года назад +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 .

  • @ahmadsetiadi8509
    @ahmadsetiadi8509 2 года назад

    are you used custom box sizing width?

  • @casade2831
    @casade2831 Год назад

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

  • @thomaslarmit6434
    @thomaslarmit6434 3 года назад +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 3 года назад

      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?

  • @deeovasukses6229
    @deeovasukses6229 2 года назад

    how to see excerpt too?

  • @AbhishekGarg-lp4ez
    @AbhishekGarg-lp4ez Год назад

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

  • @brendonweiss7578
    @brendonweiss7578 2 месяца назад

    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!

  • @cvltmxnd5018
    @cvltmxnd5018 2 года назад

    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.

  • @BogimonTCG
    @BogimonTCG 3 года назад +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  3 года назад

      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

  • @stars2482
    @stars2482 3 года назад

    Good job bro , how design page content post ?

  • @lagunaboy2006
    @lagunaboy2006 3 месяца назад

    How you got this preview at the bottom?

  • @muafaa
    @muafaa 2 года назад

    how to add post excert using ele skin loop?

  • @gregasman4201
    @gregasman4201 Год назад

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

  • @viniciusferreira9754
    @viniciusferreira9754 3 года назад

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

  • @Kingsize001100
    @Kingsize001100 Год назад

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

  • @lanz7609
    @lanz7609 3 года назад

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

  • @MohammadMShahbazi
    @MohammadMShahbazi 3 года назад +2

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

    • @tristanparker
      @tristanparker  3 года назад

      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 3 года назад +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  3 года назад

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

  • @RujioWR
    @RujioWR 2 года назад +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 2 года назад +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  2 года назад +1

      Glad you found it

  • @nisoPlay
    @nisoPlay 2 года назад

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

  • @aci25v
    @aci25v 2 года назад

    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.

  • @anainmazatlan
    @anainmazatlan 3 года назад

    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  3 года назад

      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

  • @hosseinkhanmohammadi4770
    @hosseinkhanmohammadi4770 2 года назад

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

    • @tristanparker
      @tristanparker  2 года назад

      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 2 года назад

      @@tristanparker Thank you for your answer

  • @krishnagopal9924
    @krishnagopal9924 3 года назад

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

  • @larryfarr
    @larryfarr 2 года назад +1

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

    • @tristanparker
      @tristanparker  2 года назад +1

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

  • @hatem1471
    @hatem1471 3 года назад

    How to make the rounded edges ???

    • @tristanparker
      @tristanparker  3 года назад

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

  • @deduice
    @deduice 2 года назад

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

    • @muafaa
      @muafaa 2 года назад

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

    • @deduice
      @deduice 2 года назад

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

    • @muafaa
      @muafaa 2 года назад +1

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

  • @jonelignacio9483
    @jonelignacio9483 3 года назад

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

    • @tristanparker
      @tristanparker  3 года назад

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

    • @RujioWR
      @RujioWR 2 года назад

      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.

  • @heartatwork
    @heartatwork 2 года назад

    I don't have a preview

    • @heartatwork
      @heartatwork 2 года назад

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

  • @davidroikit8121
    @davidroikit8121 2 года назад

    Another typical elementor solution for ugly columns