WordPress Custom Post Type & Field Tutorial

[@LearnWebCode]

If you're enjoying this video and series there are several ways to help support this channel: - Use my DreamHost link click.dreamhost.com/aff_c?offer_id=109&aff_id=17231 - Join my other coding courses learnwebcode.com/

[@antonio.carreira]

A few years ago I was going through the code/no-code decision, and your "Learn JavaScript: Full-Stack from Scratch" course was one of the main reasons why I went down the all-code route. Thanks for that! Nothing in the world will get you from the happiest man alive to suicidal and back as fast as JavaScript, but being able to code your own blocks and do your own magic is priceless. This video sums up the no-code experience quite well: in order not to touch code, let's install a plugin and use someone else's code. It's still code, just not your code. :) Learning the basics of PHP and JS can take you to a whole new level when it comes to WordPress, making it a true CMS. Thanks for your videos. No matter how much I know about any subject, I can always learn something new from you. ;)

[@LearnWebCode]

Haha I agree, learning JS was one of the most humbling experiences I've ever had. Thank you for all the support and kind words, glad to have you along for the series!

[@techtipsuk]

I’ve not used WP with ACF for a long time. Last time I used it you needed to either code your own post type or use the custom post type plugin. I can’t believe how much of this you can now do without touching code. It’s great but also massively lowers the barrier of entry. In the old days you had to be quite experienced to knock out work like this. Great tutorial though mate.

[@nazokatisamova5073]

Great way to support classic Wordpress.

[@victoromondi7101]

Thank you so much for this video. Always my favorite teacher.

[@mominmia453]

A Great timely tutorial.

[@dinorossi6611]

Can you make an A to Z tutorial on how to make a directory site in WP ?

[@shbita]

Thanks Brad ❤ .. waiting for next video 🤩

[@PinkKoala-k4s]

Good video! :) Looking forward to the next one! I guess this approach only working for FSE themes like twenty twenty five where we got the "templates", and does not work on classic themes like Astra, Kadence, Blocksy etc? Is that correct?

[@LearnWebCode]

That's true, this approach is only for FSE. Personally, classic themes are still my preferred workflow, but my use case of setting up a site for a client that they can contribute content to isn't something that someone brand new to WordPress would be a perfect fit for; for someone new to creating websites I think FSE is pretty ideal; so I wanted to showcase it a bit in the series before we get into the more technical side of classic themes.

[@devaaron]

Please what alternatives can I use when I can't find the (photo blogs posts)

[@ozgrymn]

Hey Brad, thanks for the video. But do you really need a plugin for displaying meta values in the template? Because as far as I know WP supports this feature natively.

[@LearnWebCode]

I'm not very experienced with this "no code" approach so I was out of my area of expertise, and the entire time I was thinking "I swore you could do this without a plugin" but I couldn't figure it out the day I was recording. I remember one of the newest versions of WP in the patch notes it mentioned you could work with meta values way more easily / natively. Do you know how/where to accomplish this without a plugin?

[@jeansouvenir3110]

@@LearnWebCode Yeah, i'm pretty sure it works with elementor Pro!

[@ozgrymn]

​@@LearnWebCode I had replied your comment but I cannot see my comment right now, I don't know why. Anyway, yes I tested it with the latest version of WP and it works without a plugin.

[@camiloaquino4466]

Since not all WP themes are the same, can you tell us which theme you used for this lesson? I have tried a few and they seem to be blocking some of the features that you went over.

[@LearnWebCode]

Sorry about that; I'm using the default "Twenty Twenty-Five" theme by WordPress. I forgot to mention that; one of the challenges of doing a series of videos instead of one-off lessons.

[@camiloaquino4466]

@@LearnWebCode Thank you very much for replying. I am recently discovered your videos and I am enjoying them. Thank you!

[@visualmodo]

thank you

[@muhammadkhalil7743]

great.... which theme are you using?

[@LearnWebCode]

I'm using Twenty Twenty-Five in this video.

[@thenumbats]

Cant wait for the coding videos to start?

[@LearnWebCode]

Thanks, yep the very next video will be us learning how to use Node.js and VS Code to create our own new block type / plugin. From that point on we'll be in the world of code 🎉

[@thenumbats]

​@@LearnWebCode Thank you for your time in making these videos. I have all your courses on Udemy but for some reason could not finish the WordPress course, Got to a point and give up, hoping with this course i can go to the end. JavaScript helps as I'm not a fan of PHP.

[@softwarewalaindia]

hey, using ACF i created 1 post named as vegetables as you created pets, and 5 types of vegetables in it, now it has the post with 5 type vegetables. now how can i display these data in a particular page? I'm stuck here. can you pls help me ? Actually i want to ahow these data on a particular page like vegetables post on vegetables page fruits on fruits page only and on that location I'll apply filter using plugins with variations by price and type.

[@LearnWebCode]

You could create a post type called "produce" and then create a taxonomy for it and have different categories such as "fruit" or "vegetable" and then you can show exactly which type of data you want on any post or page on your site, using the "Query Loop" block type and filtering based on taxonomy. If you want to filter based on price you'd need to go beyond the Query Loop block type and write a bit of code yourself, but I cover that in this video kzbin.info/www/bejne/oHikiGqKq5anrZI

[@softwarewalaindia]

@LearnWebCode but as you created a post page named as salad, now I want to display those data on a page named as products,and should be listed over headers menu,then, by clicking on products menu link,there should be categorised as fruits or vegetables listed .then by clicking on any specific link the product related to should be displayed.did you find my question? Pls suggest me solution.

[@rayreem3846]

I bought your custom theme course for the fictional university from udemy. Going well so far but as I started practicing with my own project, I faced a problem hard coding all the html and css. where can I get the templates of general web structures. JS and php is ok to hard code but the html and css are not my strength to be honest

[@techtipsuk]

Post your issue I’ll have a look

[@LearnWebCode]

Have you used Bootstrap before? If you're not enjoying manually setting up HTML / CSS it might be a big help.

[@rayreem3846]

@@LearnWebCode I have learnt it but I am concurrently working on improving my skills on it. Thanks man

[@rayreem3846]

@@techtipsuk I haven’t directly run into any yet since I just started building one on my own but will get back to you later in the day when I work on it. Much appreciated 🤝

[@rayreem3846]

@@techtipsuk I am working with WP and I am making a customized theme. I needed to install a plugin, ACF, it wouldn't install. I tried uploading a downloaded one didn't work, installing in the folder wouldn't show in the in the installed plugin either.

[@hsemix]

Nice

[@newfishbourneops]

Hi - I have got as far as trying to add the pattern for the Pet Listing page (kzbin.info/www/bejne/aoiWZ3yYlqpgd9U) and all I get is the "Start Blank" option - no option to add the pattern. I am using "Local" and have tried different themes including 2025, Starter Block Theme v0.4 and Astra - there doesn't appear to be any patterns - have I missed an important step please? Thanks (great series BTW)

[@LearnWebCode]

Thanks! My bad for not calling to attention that I believe those patterns are coming from the 2025 theme, so definitely try making sure you have the 2025 theme activated, and then you can always try a hard-refresh on the editor screen before attempting the changes again, you can hold down the shift key on your keyboard and click the reload / refresh icon on your browser to force it to reload all assets. Does that make the patterns become available?

[@newfishbourneops]

@@LearnWebCode - thanks for the quick reply! That worked- I had closed down Local, so restarted it, re-activated the 2025 theme, refreshed the page and it worked. Thanks again

[@techietoons]

Thank god you suggest ACF and not Secure Custom Fields.. MM

[@Phppro101]

😂

[@LearnWebCode]

🤣 When I originally filmed the video ACF was not even available through the plugin dashboard and I didn't expect people who are new to computers / WordPress to be able to download / upload a plugin not using the dashboard, so I felt a bit forced to just roll with SCF; I was thrilled when it became available again!

[@techietoons]

@@LearnWebCode I learnt about WordPress long back from you from your Udemy course, that time you taught us ACF using example of University and Professor. I no longer use WordPress, but still like to see your videos in my feed.

[@sheriffix]

​@@techietoonsWhy did you stop using wp and what do you use currently?

[@ivan.jeremic]

24:00 "This in my opinion is the true power behind WordPress". That's not the power of wp that generally the power of dynamic web. In my opinion staying in wp limits you, why not go one extra step and learn how to do this in code and feel the real power and freedom? I guess there is a market for people who can only work with user interfaces...

[@LearnWebCode]

I have courses where we use Node.js + MongoDB to build a simple social network web app, and also a course where we build the same app using Laravel. About 6 videos back on my channel there's a 3 hour video where we build a simple app using plain code from scratch. But not everyone is convinced that they want to learn code yet; the point of this video series is to meet people where they're at, who might just be wanting to setup a website without learning code, and then showing them "why" they'd want to learn to code in the first place.