How To Display Custom Post Type In Elementor | CPT UI & Ele Custom Skin
HTML-код
- Опубликовано: 25 авг 2024
- How To Display Custom Post Type In Elementor Explained!
Part 2 of my Beginners Guide to ACF continues with Custom Post Types and Custom Taxonomies all wrapped up in a tasty Elementor Pro template!
If you're looking for the ultimate guide to building more beautiful and feature-rich WordPress websites, then these beginners guides are perfect for you.
Learn how to create your first custom post type, custom taxonomies and show them off to the world with your own custom designs!
Want to build your own WordPress loop?
No problem, I've covered that for you too!
Part 1: • Advanced Custom Fields...
CPTUI: en-gb.wordpres...
Elementor Custom Skin: wordpress.org/...
Take your WordPress website and skills to the next level!
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► WORDPRESS VISUAL PAGE BUILDERS ◄
★ ELEMENTOR PRO: jo.my/1s0t2s2
★ Brizy Pro: bit.ly/2Ji97r8
★ WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
★ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
★ GeneratePress Premium: bit.ly/2Ydn1SE
★ OCEANWP: bit.ly/2fRHBr0
★ DIVI Theme: bit.ly/2G8JMiA
★ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
★ SMART SLIDER 3: bit.ly/2G0G1vB
★ CSSHERO: bit.ly/2qbrRl6
★ SLIDER REVOLUTION 6 - jo.my/sr6
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk
You can't even believe how happy I am that I found this video!!! I was struggling so much :'( and even botched my whole website because of it.
Followed every step of your tutorials (ACF and this one) and it WORKS... so grateful!!!
Holy Christ, this tut just made my morning, thanks so much i now understand custom posts and i don't think i will ever need to purchase themes with custom post types just to create a website, thank you so much!
My work here is done. Lol. 😁🤘
And oh, this is the best guide I have seen so far. I saw a lot of manuals that didn't fix the problems I had on the site.
And after seeing this guide I managed to sort out what I had been trying to arrange for so long.
You helped me a lot thank you so much you champion!
Awesome to hear this helped you out :0)
This was the best wordpress tutorials i’ve ever watched in my life, hats off to your sir ..
Dude, you are the best, thank God this video exists
I've been searching the solution for so long, I'm so happy to found your tutorial, thank you so much
By far the best tutorials on RUclips for Wordpress. This is what we needed. Thank you!
I've looked for how to do the items in this video for over 4 days! Thank you for the best video on custom post types, templates and menus! Guess I didn't have the correct search terms. What led me to knowing this video included how to add these templates to the Navigation menu was Guigui's comment showing the time in the video for finding how to place into the menu (24:00)!!
This is still one of my favourite videos because it introduced me to the world of Ele Custom Loops!! Thanks Paul!
My pleasure Ana. 😁
Again, you led me to the solution I needed to make my site more dynamic, organized and simpler to maintain. Thanks again Paul! You truly are best when it comes to everything Wordpress.
I was looking for ways to add custom post type for my new site and found your video. Really glad I found it and I continue watching like almost 20 videos of yours and got a lot of knowledge of how to built the site I want using elementor and the plugins you recommend. Thank you very much.
Great to hear! 😀
Your tutorials are great! Thanks a lot! I am developing great things because of you!
I could hug you right now.. :-) That was a great video that helped me understand the links between CPT, Elementor and the different Display options in theme builder!!!
I hadn't realised that the View Options in Elementor Editor, could actually be used to connect a loop to an archive or single cpt.
You made that nice and clear so thank you Paul!!
I can't explain my happiness after spotting this video. _Thank you Paul sir._ 🙏
This was EXACTLY what I was looking for. I just didn't know what to call it. Thank you!
This has been SUPREMELY helpful. Thank you so much!!
This is the tutorial I have been looking for a week now. Thanks for the very Welsh information. :)
Thanks! Lots of aha and wow moments... 👏 👏 👏 Cant wait to implement this on the website I'm working on...
Thanks a lot! For me this - along with pt. 1 - has been a very instructive and considerate introduction to this topic which finally makes me want to actually use the features ACF and its - sort of - companion plugins offer. I really like the way you explain the various aspects and address possible issues in a well structured way so almost any WP user will be able to understand - even if all used plugins taken together make it quite a bit to take in as a whole.
Awesome explanation. I would never have found all the places on where to set what without your videos. Thank you so much.
This was so well done - I actually understood what you were talking about!
Didn't know this el custom skin
It's a game changer
Thanks a lot !!! :)
my pleasure. It's a great plugin and opens up a lot of potential.
This is what I was exactly looking for. I have searched : cptui + ele custom skin and this video comes to the 1st.
Fantastic - very well explained and structured. I appreciate the pace and your approach - I can literally follow you step by step as I build my projects. Thank you for taking the time to do these.
Awesome video Paul:) Continue do videos about dynamic data, you are the best!
Lots and lots more on the cards for sure Pelle :0)
24:00 It shows how to add custom post type archive page to frontend menu.
6:25 Activate archive option to get an archive page for your custom post type.
Thanks a lot!! I missed this and been searching why my archive isn't listing in the elementor condition.
Thank you much for this powerful tutorial. ❤❤❤
Man, that's a serious sharing you are offering here ! Thank you sooo much !
I like this tutorial. Its a very good example.
It was a big help, thanks a lot 🙏🙏👍
I love your training style 👍
OH my God.! You are really awesome Dude.
I appreciate your work you are doing great job.
Thank you once more! (i think i will say that many many times)
Thank you so much - this is a fantastic tutorial
why did I just find this video now T-T Thanks!!!
Paul...thank you thank you thank you!!!! You just helped me tremendously on our new website! Appreciate your thoroughness and helpfulness!
Thanks Paul, great video again!
Hi, I know this is an old video but I am just starting web design through WP. I was wondering if you have a video on how to apply the taxonomy options to the archive page so viewers can see the archive and select what taxonomy appears, like if somebody wanted to only see red-colored vehicles on the view vehicles archive page. Thank you for your videos they have been great!
You are amazing! Thank you so much for your content and its quality!
Thanks Paul, really found this useful !
Great to hear that. 😁👍
You deserve a drink, mate! Cheers from Singapore.
Fantastic! Thank you man
Thanks you so much Paul,
Brilliant Paul, thanks!
I am up to 30:05, when I select 'Elementor Canvas', my preview still has the header and footer.
And then at 30:32, I set the Dynamic Content as 'Vehicle' but my feature image doesn't load like yours. If anything, it looks like you have edited between those steps.
Edit 1: None of the data is pulling through.
Edit 2: Okay, when I applied the Loop to the Archive, it seemed to work now. Weird how none of that was working in the template.
wow thank you very much for this well explained mind blowing tutorial videos, you just made my work way easier and much professional... Chapeau
Thank you for great and informative video Paul. I did the same as you showed in the video, but I'm having issues with displaying custom post types with Ele Custom Skin.
I have a CPT Project and I've set Edit Archive Posts > Layout > Skin > Custom and Edit Archive Posts > Layout > Select a default template > Default Project Loop.
However, my Archive Posts is only showing only one CPT instead all of them.
I followed this step by step all the way but once I got to 30:29. Trying to use the dynamic data for the Loop. I got nothing showing up once I pressed "Apply & Preview". I don't know what I did wrong :(
Thank you so much for your help...
Great! Quick and very useful!
So good, thank you!
omg tut. thanks for such a priceless content
Glad I subscribed to this channel ☝🏽
A good video as always.
Great video! When implementing we noticed this works great for Elementor Posts, but other plugins like ElementorKit post widgets do not pickup the custom types.
It would be great if you could also do a video on how ElementsKit post plugins could be modified to use the custom post types, if that's in the scope of your wheelhouse!
nice work Paul!
New Subscriber and have just tapped the bell icon. Having watched this and your previous ACF video my heads about to explode LOL. Great tuts, keep it up. Love the way you explain things. Still trying to get my head around the whole ACF thing. But still my brain keeps asking why do i need them when i have categories?
Categories are great but can get very disorganised quickly if you have more complex requirements. ACF and CPT offer you easy flexibility of grouping, expanding and structuring your website requirements.
There are many cases where using a tool like ACF and CPT UI are overkill. As you get more accustomed to working with these tools, you'll get to grips with when to use them and when to simply stick with the default WordPress tools. :)
@@WPTuts Cheers Paul for the very fast response.
Well I am going to give them a go and ignore categories for now, even if it is 'overkill', as it will help what you have just taught me sink in.
Thanks again.
@@paulmetcalfe6855 my pleasure :0)
Feel free to join the WPCrue Facebook group where there are plenty of like-minded people exploring the power of tools like ACF. It's a great sounding board and support group. facebook.com/groups/wpcrue
Thank you so much for this tutorial!!!
thanks ! awesome content
Really good one, and better one of all here. Just a query though, what if I also want tags along with Manufactures(categories)?
Thank you Paul!
this is great!!
Great tutorial - Thanks!
However, 2 questions - If (using your example) you wish to display an Archive page that contains 3 different sections - 1 for Audi, one for Ford, etc - how tell the Archive widget to only grab Audi in 1st section, then Ford in next, etc.???
Also, my application would display better using the Masonic posts layout instead of Cards, so again how to do? (Did not see a Dynamic pull in editor?) Thanks!
Paul, I'm extremely grateful for all the tutorials you're publishing here. Incredible value!
Here's a question: can you display the posts in a specified order, based on a custom field? Let's say the field is a date picker, and you want to create a loop that displays the custom post types in a chronological order by the custom field. Is that possible?
That's a GREAT question! Did you ever figure this out? If not, I sure hope you get an answer!
@@rondion9141, I can't remember what I did for that particular project, but I'm almost sure I went with Jet Engine - super easy to set up the ordering by a date custom field. Thanks for following up on this.
Btw, your tutorials are MasterClass level, Paul! I'm still surprised I'm not paying for this :))
Yet another excellent video from WPTuts!
Question: I don't understand why Custom Fields and Custom Types are not recognized by PODS unless PODS originally created it , and CPT UI doesn't see custom fields or types created by PODS. And none of them recognize CPTs or ACFs created by WooCommerce. They're all using Wordpress base tables, aren't they?
Can do a video on how to display metadata from existing CPT from existing plugins and themes and how to create frontend forms using those existing fields
You explain in such a clear way! Have you perhaps done also a video for adding checklists to an archive page?
Hi Paul, thanks to your vids Ive gone from knowing nothing to building an awesome website in weeks. You are amazing. I was wondering if could help...do you know if its possible to be able to add featured images to the new taxonomies in CPTUI? In your example, if someone wanted to search vehicles by manufacturer for example could you create posts that would have the logos attached and they could click through? Thank you, Damian
That looks good. But how can I loop the categories/taxonomies in a page and when a user clicks on the taxonomy, the user is redirected to the particular category's listing page.
Really enjoy your tutorials. Thanks so much
I have a question though. At 30:34 you show a vehicle and say " there's our vehicle already inserted there for us", except I don't know how to get there!
I notice that your Elementor editor says "edit featured image".. So please tell me how to get to that?
I use pods. Can you do more Pods videos please.
More PODS videos are in the pipeline. I'll be expanding on all the beginner's guides over the coming months. 😃
So good 👍🏾
Im confused because apart from "loop" option in the theme builder, there is also "custom grid" option. That is probably an update and it's not in this video. What's the difference?
Very nice job, as usual!
One question.
How can I have an archive page with the possibility to ask to show all cars, or only a specific manufacture's vehicles, instead?
Thank you so much. :))
Hi Valerio, Did you get the solution? If yes, can you please shae the solution here?
Hey,
I don't quite get the explanation of "Hierarchical" in CPT UI settings. Would you please explain? Thanks!
Dear Sir,
As you have created a custom loop based on Archives, instead of Archives,
" Can we also create a custom loop based on custom taxonomies ? ".
If we can create a custom loop based on custom taxonomies, can we add that custom taxonomies loop to navigation menu ?
Please help.
Vivek Kumar
Thanks a lot.
How can I set to appears in a Loop Grid in Elementor? I already select the categories, but the custom post don't show up
@WPTuts Paul,
I am just wondering how it is possible to output the entries in a certain order in the archive.
Imagine that I have a group of people who have a hierarchy in the function.
Now I have to list these persons in the archive according to the hierarchy.
Means i.e. how to display the TT BEFORE the Audi? Anonther field type "numerical"?
At the moment I have no idea how to implement this with ACF. Do you have an idea? Thx. and best regards, Thomas
Would you recommend different custom post types for content in a different medium... say, an article linked out vs media embedded? I'm building a copywriting portfolio and wondered if these distinguishing layouts could be achieved within the same "custom post type" - current as 'Copy' post group in my dashboard menu - if I then assigned one taxonomy to one custom post type, then another to another (dedicated CPTs each for article, social post, video, etc... - but only differentiated at the taxonomy level). Note that I am also using taxonomies to differentiate vertical / subject (ie: wellness, blog, entertainment, mindset). The taxonomies sound like a great use for this "genre" differentiating, but I'm wondering if the taxonomies are the wrong way to go about differentiating visual presentation. Like, if you wanted the Audi posts to visually look different than the Ford posts... btw thanks, you are my internet hero right now for all these tuts!
Great video but complex functionality. Would require constant practice to get a hang of it. Thank you for the tutorial
Thank you so much!
I would love to see if there is a tutorial where we can create a post type inside another post type.
I do think I miss something here. I follow along your tuts but in regards with the CPT UI...I create the new post type set up as you show in the video but I can't make the new post type to appear on the WP admin menu on left side of the screen plus I cant find the new post type anywhere so in consequence I can't create a new post type. (when I create a new pot is only the default wp post). Any idea any help anyone ?
WordPress User experience == MEGA Nightmare (Something you create on webflow in 3 minutes). So many tricks/screens/ideas/clicks/plugins for such a basic pattern (The last time I going to use WordPress ever hh). Anyway, great tutorial.
Unfortunately the Eli Custom Skin plugin is no longer supported and is causing issues on my site. Lucky elementor has released loop items. Is there a video about adding loop items with Elementor Pro?
I added 2 custom taxonomies then selected them in Elementor using dynamic "post terms" all worked fine. Added another custom taxonomy and now when I go to "post term"s it just shows "Categories" or "Tags" all the custom taxonomies have disappeared...Any idea how to fix this?
how to show custom post type created using CPT UI in elemenntor post carsosel element? it is not showing in query drop down.
thank you for excellent video. I've done exactly what is shown in the video. I got success too. My another query is how can I have single archive page template designed through elementor (i have elementor pro) which can be used to show different categories when clicked. Say If I click on ford, archive page shows up all posts under Ford category and same for benz, mercedes.. etc.
Did you try to use the Elementor portfolio widget for that?
Thanks Paul
I'm here to echo the questions about how to display a category/tag within the custom post type. Haven't been able to create those pages and get them to work.
Is there the possibility to add filters to the custom skin loop archive with CPTU categoriesI? Thanks!
I was searching for a method to build a dynamic portfolio, where every project will have his own page and the featured image of the post should be shown inside different gallerys depends on which texonomy it has. Is that possible? I can't use archive for that tho. What do i use to get the wanted result? Couldn't find any youtube video, which makes a portfolio gallery with acf.
Excellent set of tutorials! I haven't finished them but am facing a problem. Could you help me to understand hierarchical post types, though? I have parent CPT "Books" with children "Adventure", "How To", and "Graphic Novel". I see the hierarchical setting in the type settings but don't see how to connect. Each of the children has different ACF and templates and I would like to show them on a "Books" archive page. TIA for your help.
This is a GREAT tutorial. Thanks. Wondering if I can use a loop instead of WC related products in a single product page - the problem is - I want to exclude the current product. Any idea how to do that?
intuitive thanks you save my a$$
hi paul ,thank you i need o know . if we have pro version is it needed cpt ui or is it just an option dynamic for those who use free elementor ??????
for ACF it is obvious is a must,
thank you
Hi, thank you for the video. Do we have to write the url twice? (in the slug field and in the menu field) By changing the url we have to change every time 2 places
Paul... After some long internal debate, I'm in the process of migrating to ACF/ele custom skin. My only dilemma is how to order the posts with this method. For example, on a site, I have a 'board members' CPT, and I want them to appear in a specific order. I can't seem to find where I can choose what to order them by.
Pretty sure 4 months later you know how. But if not and for others with the same question, it is the menu position. Paul shows it at 8:20
@@ChristinaMcKay Thanks Christina for the reply. Yes, this was one method. I also created a field as well within the CPT as I used it for something else as well, but it served a dual purpose. :)
@WPTuts - these videos are super useful. Question: How could I get the post template created to open as a modal popup (instead of taking you to the post page) when you click on the post box on the archive page?
Hello sir, I am facing issues, after creating the custom taxonomies under custom post type. When I am creating a new post and select the category and update it then the selected categories deselected automatically. Please help me sir. I am waiting for your positive response.
Hi great tutorial. How to handle categories with custom post type. When I make an category in a custom post type and set an archive for the category the posts wont show...