Unlock WordPress Potential: A Beginner's Guide to Advanced Custom Fields
HTML-код
- Опубликовано: 12 июн 2024
- Unlock the full potential of your WordPress site with this beginner-friendly tutorial on Advanced Custom Fields (ACF). Learn how to navigate and implement ACF's powerful features to create more dynamic and functional websites.
In this step-by-step guide, I'll walk you through the process of creating a simple job listing page. I'll start by explaining the basics of ACF, custom post types, custom meta fields, and custom taxonomies - all key to giving you greater control over your site's content.
Then, we'll dive into practical application. Watch as I use ACF to create a unique custom post type for 'Job Listings', complete with custom meta fields for salary, location, and application form link. I'll also demonstrate how to group these listings using custom taxonomies for easy navigation.
Finally, I'll showcase how to display your newly created data using GenerateBlocks, a powerful page-building tool.
Whether you're new to WordPress or looking to enhance your skills, this video is a great resource for understanding and utilizing Advanced Custom Fields. So, let's revolutionize your WordPress experience together!
Take your WordPress website and skills to the next level!
ACF: jo.my/acfpro
GenerateBlocks: jo.my/xotgcy
Timestamps:
00:00 - What the video will cover
02:27 - Creating Custom Post Types
09:33 - Adding custom Meta Fields to CPT
18:25 - How to create custom Taxonomies
22:42 - Displaying dynamic data
34:05 - Best practices (3 important tips)
► The Essential Web Designer's Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you'll have everything you need to impress clients, streamline your workflow, and boost your bottom line.
► Buy the Essential Web Designer's Documents Pack Now: links.wptuts.co.uk/ewdd
► 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.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: jo.my/etafyp (WPTUTS for 20% off - Exclusive)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Brizy Pro: bit.ly/2Ji97r8
✅ GenerateBlocks: jo.my/xotgcy
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ Blocksy: jo.my/y67ten
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ SMART SLIDER 3: bit.ly/2G0G1vB
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: / wptutz
👉 Facebook Group: wptuts.co.uk/facebook
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk - Хобби
This is the best ACF tutorial I’ve ever seen! You covered everything from the basics to the advanced features very engagingly. I especially liked how you used custom taxonomies to group the job listings by category. That’s very smart and useful. Thanks for sharing! 😄
Thank you, it’s great to hear you enjoyed it. 🤦♂️
Can i make duplicate post template with form acf
Excellent presentation, fluent language and explanation. A masterpiece of wordpress lessons! Thank you
SUPERB tutorial. No fluff. Everything you need to begin learning ACF. Thank you for this.
I've got to say that you nailed this tutorial Paul. Very well presented and really easy to understand and follow. Great work. Thank you. :)
Excellent presentation, Paul. Very easy to follow and useful to a regular ACF user as well as a beginner.
Thank you Paul! You're the goldstandard when it comes to tutorials on those kinda things.
Amazing tutorial, honestly! I actually started watching some other tutorials on ACF, but immediately I found this, I liked, saved, followed you and turned on the notification.
This tutorial covers everything that made me start the search in the 1st place. Great job 👍🏾
Thanks
This is the most underrated tutorial. This is the best ACF tutorial. Kudos to you. Thank you so much for sharing this great content!!
Love the new visual graphics and animations titles (etc) in the editing Paul!
It already looked like a professional without a doubt, but the new additions bring your video to a complete different level! Great job buddy!
If I could hit the like button twice, I'd do it. Love the way you make it so simple!
Finally, a guide breaks down Advanced Custom Fields in an easy to grasp way! Thanks, WPTuts! That's a wonderful walk-through!
Great to hear it was helpful for you. :)
Thank you so much for doing this in the free version!! Im new to page builders, and I'm finding a lot of tutorials require expensive plug-ins.
Thank you for making ACF seem easy. I haven’t used it yet but what a great tutorial! Thank you! Mike
This video is priceless. Thank you so much for your work!
Thank you man, this helped me a lot, especially the part with the taxonomies.
You always provide valuable content in my life. Thank you so much.
Great tutorial for people to get started.
I really like your new visuals.
I've tried to watch at least 3 other ACF tutorials in recent months as I know I need to use it. They were poorly organised, constant back and forth for no reason which just had me going in circles. Yours is clear, organised and well explained - thank you!
yes i agree, this one better than some here done.
Thanks for such a clear tutorial video. I too would be interested in an advanced ACF tutorial.
Nice way of presentation and easy to understand. Thanks man ...
Great! It worth being a premium course.
Great tutorial, btw you can add text before and after the dynamic without the inline block stuff.
Great tutorial 👍👍👍
Fantastic Tutorial, was watching your other one on ACF for elemetor last night i think it was from 3 years ago. Realy good Tutorial, thank you
There’s an updated version of the Elementor one also on the channel from a couple of weeks ago. 👍
Brilliant tutorial really helpful.
Thanks Paul, we would really really like more advanced tutorials on this amazing plugin.
Plenty more content on ACF and other dynamic tools planned. This is the foundation video that allows me to refer back to it instead of having to keep showing the same steps for more intermediate and advanced tutorials. :)
Hi Paul, thx for this great tutorial and I love to see more tutorials with ACF, you have a nice way to explain al.
More to come! 😉
I love this tutorial. Just what I needed. I would also appreciate a more advanced tutorial. 👍👍
More to come!
Great content! ❤🔥
Apologies for copying this from a comment. I'm just lazy and the comment captures exactly what I think of this tutorial. "This is the best ACF tutorial I have ever seen! You covered everything from the basics to advanced features in a very engaging way. I especially liked how you used custom taxonomies to group tasks by category. That's very clever and useful! ". Many thanks to the author of this tutorial. ...and amazingly, I had an instant understanding of everything... :)
Great to hear that and I'll let you off for being lazy - lol
btw. laziness is the engine of progress - lol..@@WPTuts
I'm only marginally skilled at this sort of stuff. So thanks for this tut. Wish me luck trying to figure things out.
This is the best I have seen as well.
Nice! Excellent video.
You're Great...Thanks
Superb, as always. Thank you. 🙏
Thank you!
oHhh .. Man was really waiting for this Aww content about ACF..
I've been look for a tutorial of this caliber for ACF. I would really enjoy another for the PRO features.
Great tutorial, Paul. Thanks a lot.
Please give us more advanced tutorials - maybe also for the „ACF Extended“ Addon. Cheers.
I will definitely be covering some of the features sod ACF Advanced. 🤘🏻
We’ll explain to a beginner ❤
Great Video, Keep up the good work
What an epic channel, Paul is extraordinary! I'll be smashing the like, subscribe, bells, shares all the buttons!
This was by far one of the most engaging and resourceful video I have seen on this topic.
Is there another video from you that explains how we can collect information from the registered user on frontend so we can showcase it on the site?
Great tutorial. Well done!
Thank you. :)
Excellent
Wonderful!
Great intro - I've used Pods in the past but this is a quick primer for ACF. I've opted for using Gut blocks for page building but blocks for the Post types makes a mess so I used a plugin Disable Gutenberg and it let me disable blocksfor just the Job post type.
Please make more videos about this topic... Thank you
Very good videos! Can we have a video of how to do this with just ACF or ACF pro with wordpress default theme?
GREAT!
Yesterday I requested the channel Web Squadron for an updated video on ACF new version, and he was kind, letting me know you would be releasing a new video today. :)
Imran @WebSquadron is a good man. :)
Very clear! I also like that you remained within the Wordpress and ACF interfaces, and did not venture into the code. Lots of tutorials focus on code., which is great, but not for everyone.
Do you have recommendations and/or a resource on how one could use Wordpress and ACF to manage, display, and filter information about products and their performance in a competition? Essentially the products, annual competitions (reoccurring), and winners per categories? Thanks!
Hi Paul. As always; thanks for the excellent content!
I have a case where I need to add a 'Price' field. That's gonna be a number with a prepend of '£'.
But I then have to be able to provide the options of 'Full Job' ... and 'Day Rate'.
So it's a number field joined to a selection, right?
Hi paul your content is great in my opinion it is the best for wordpress, you made a property listing website of 2:19 could you continue this by showing us how to associate any user with his properties and contact form when he posts from the frontend this would be a masterpiece thanks in advance
Thank you so much for this, sir!
I am building a Wordpress extension plugin to capture and log as many activity done in ACF as possible, and this helped a lot! By the way - a question from my side - as a developer or site admin what do you think it's the best or needed activity which might be useful to know? e.g. when a new taxonomy is created etc... but in more complex use cases....
Some users asked if my extension can support "ACF" but the question is so vague, I really wanted to grab more context on how ACF related activity done by users on site can be useful - let me know your thoughts - anything can help!!!
Yes please let's make an advanced video for ACF a pro version would be awesome also.
Before I continue watching this video (I'm only 50 seconds in at this point), I've got to say you must have read my mind!
Been trying to get my custom fields to show up in Elementor's Loop Grid. It shows up on one post in the grid, but not the other two. So I deleted all the post types, taxonomies and field groups just two days ago, after pulling my hair out for a week and watching all your previous ACF tutorials!
Was JUST about about to try again and something told me "check Paul C's channel, see what's new".
Flippin'eck, mate. Gonna send my lottery numbers to you!
Anyway, on with the show... and thank you in advance.
Worked perfectly!
Thanks again, Paul C!
Excellent Video ❤❤❤ This Is What I am Looking For Since. Thanks For Covering Everything Sir 🥰 ❤ 24:06
You Just Got +1 ❤❤❤
Thank you very much for your video. Makes things very clear. It would be wonderful if you could make a video on the relationship field, which I need for easier data entry because of the volume of data I. My use case: I have an events CPT. When I create a new event I would like to click on "country", once the country is selected I would like to get displayed the "states" for that country and then the "cities" for the selected state. In the event display the user would then see e.g. Switzerland, Zürich, Küsnacht. Thank you very much indeed.
Lots more ACF content planned, so keep an eye out for that type of content. :)
Hi Paul thanks for this video. i have a ask question for you, The button in the page template is static but the product appearing on the page is dynamic. How can I make this static button dynamic according to the product, for example, so that the pdf file of that product can be downloaded with this button? thank you
🎯 Key Takeaways for quick navigation:
00:00 *- Introduction tutorial*
00:27 *- Explaining terminology*
01:51 *- Installing plugin*
02:36 *- Creating post type*
09:49 *- Creating fields*
18:31 *- Adding fields*
18:44 *- Creating taxonomy*
19:55 *- Setting taxonomy options*
20:23 *- Adding taxonomy terms*
21:48 *- Adding job listing*
23:37 *- Creating template*
29:41 *- Adding menu link*
30:51 *- Adding dynamic data*
34:04 *- Best practices*
Made with HARPA AI
I was thinking about creating a custom post type for adding products. Since products still don't need all the stuff in the default add product page, is it possible to replace it with a custom one? The owner (our client) can add the needed details, in one page, without going through the unnecessary stuff? It looks like a nice idea for a tutorial. Thank you for your awesome work and what you give to the wp community.
Excellent tutorial. Does ACF Pro eliminate the need for Custom Post UI or do we still need it? It seems that ACF Pro has post types and taxonomies, or am I missing something? (Newbie here ;-)
No need for CPTUI if you’re using ACF now. 👍
@@WPTuts thanks so much for explaining that. I appreciate you. 🙏
Viewing this video today was opportune, Paul. For a conference that I host, I had given up on every scheduling plug-in that I auditioned, as they inevitably had a deficiency that I deemed fatal. As I understand it, I can create the entire structure for conference scheduling with ACF and publish one of several views to that schedule within Elementor. So now the big question is this: Can I bulk import schedule content from my database? Is there any sort of CSV-based front end for ACF content?
This was a really helpful tutorial. I do have some struggle points though. I need help setting up an article site with multiple authors. I want to create a list of authors (separate from WordPress authors) and allow users to select one from that list (from a auto complete dropdown) when creating a new post. Is this possible with free ACF? Do you have a tutorial for this?
great video and thanks a lot, but for all those steps, is it possible to click the post in a single page and put the download button there?
May i ask if you created the archive page with grid, but you want to have button in enter the details page of that job where there is form where someone fills it in how do you setup the details page? Can this be done with ACF same way you managed the CPT ?
Have you noticed any issues with ACF CPTs not showing on the front end under the tag and category when using default Wordpress Tags and Categories? I have a site where they aren't displaying (site built on GP Pro and GB Pro), and ACF is slow to respond. I could create custom taxonomies, but if I can avoid that for the time being it would be good.
"This tutorial was amazing. 🤯 It opened my mind. I'm thinking about creating, as a study project, a programming guide for a TV channel, with weekdays and times for the airing of the network's programs. Is it possible to achieve this using ACF?🙏 I considered this idea to deviate a bit from the common practice of creating templates for real estate websites, car sales, or medical appointment scheduling."
I can't see why not. At the end of the day, it's all just data. :)
Hi Paul, Your channel is perfect. I am currently looking for an option to create a post, pod or acf. I have already purchased a paid version (Buddyform), but it causes problems. The helpdesk is letting me down. So I looked around some more to add a post to the frontend and I'm finding paid versions everywhere. Honestly Paul, the code to add a post can't be that difficult. Why can't something so simple just be added to Pods or ACF, that seems like the appropriate logical place.
Hey Paul! I've been watching you for years. Thanks for all the great advice and info. I'm wondering how I would go about changing my custom post types from CPT UI (which is the way you originally had to set up custom post types) and get them to show up in the ACF plug-in. I still have custom post types, but I'm afraid of creating any new cpt in ACF as they might not be compatible with the cpts already created in CPT UI. Any ideas there? Thanks again for all the great content!
If you go into the Tools section of ACF you can convert old CPTUI CPTs to ACF and then remove CPTUI.
Just do a backup first as a precaution.
Thank you! Can you point me on how we could take this forward by adding 'filters' to this vacancies page? e.g. The user wishes to look at the 'job posts' for London alone.
You could use the free version of Search & Filter or take a look a t plugins like Search & Filter Pro, FacetWP or GridBuilder WP. They all allow for filtering.
If you do search on my channel, you'll find tutorials covering most of those tools.
Great video except you lost me at Generate Blocks. I installed the plugin but no elements tab in the menu under appearance and only a dashboard and setting tab under the Generate Blocks menu item. Clicking on dashboard just showed Container, Grid, Headline and other items with buttons to take one off to the documentation for each element. I had Custom Post Type UI and Post Custom Templates Lite installed and have deactivated them in case there was a conflict, but no change. Would welcome any thoughts. Cheers
Nice Tutorial , Paul ! Thanks alot. Just got one question is that, I saw some tutorial using CPT IU plugin to create custom post field, then use ACF plugin to create field group. But You're just using ACF to create both. So, what is the different? Thanks
No difference. The ability to create CPTs and Taxonomies has only recently been added to ACF which means you no longer need to use CPTUI. 👍
Thanks for this great tutorial, wondering if end customers need to have the plugin for the customizations to work?
Sorry, I’m not sure what you’re asking.
sorry my poorly worded question, thing is if a web developer uses this plug in, then end users/customers need to have it installed as well?
Is it possible to create a custom field that queries a list of posts from one of my custom post types and allows me to add a new post directly from the field? What would I need to accomplish this?
For example, if I have three custom post types: Authors, Books, and Publishers. I can add Authors with fields like biography, favorite quote, etc. I can add Publishers with fields like address, year established, etc.
While I am adding a book, one of the fields I want to enter data in is Author. I would like my user to be able to start typing an author's name and a list of names automatically come up of previously created Author posts, or, if the name they type in does not exist, they can add that Author right there on the spot - and go edit the Author post type later to add the additional details. Same with Publishers.
Then, I can create custom templates: An Author template that displays a list of all of the books written by them and a Publisher page that does the same thing. And of course a Book page that displays all that information as well and links to the individual pages of the Author and Publisher from that page.
I'm experienced with creating complex databases, but this aspect of web development is new to me. My previous experience with web development is quite dated and I'm trying to update my skills so I can build a couple of websites I've designed and hopefully take on some new clients. I've been watching video after video trying to learn the skills I need for the sites I'm building, but I'm getting a little overwhelmed and lost and could use some guidance. I really appreciate anyone who is willing to give feedback.
Thanks a lot Man, love this tutorial. Much needed one for me. Looking for form relation, do you have any video on that?
What do you mean by form relation?
@@WPTuts I want to make a form using those custom fields, and want to filled up the form from the frontend. How can I make the relations between the form field and the ACF fields?
@@Gtarafdarr ruclips.net/video/FsLSrd-11-g/видео.htmlsi=WHezdK9173JAZibE here you go.
@@WPTuts thanks a lot again
Great video on the new version of ACF. How will I allow my clients to enter data in frontend in custom fields - any recommendation here?
Check out ACF Extended and the forms function. That should help with frontend forms. 👍
Paul, I've been watching you for years! Thank you. I started using ACF when we still had to use CPT UI... now I've got a website full of CPT UI that are really afiliated with ACF... it's weird. Is there a way to easily convert CPT UI to ACF?
Yup. Just go into ACF and select Tools and you can convert them from there.
Take a backup first, just in case. 👍
Hi, I'm following the video and I'm just creating the loop element, and for some reason all the 'block editing' disapears after 'Query Loop' > 'Grid"? Any ideas?
Could you do a video on how to add custom forms to apply for job online. And create an application taxonomy inside wordpress to store the data as well as email to admin. I am using elementor.
thanks Paul for the excellent video! I am at the final stage of displaying everything on website. However, I could not find Appearance - Elements. I am struggling what is the reason for it?
That’s a GeneratePress Pro feature. You can still do most of the dynamic data stuff with GB free, but the templates (elements) is a GP Pro option.
@@WPTuts Million thanks Paul for prompt response! certainly, let me explore on Generate Press free version. Besides, wondering if I would like the job listing page to be only viewed by logged in user, do I go to ACF - post type, off button "Public" Visible on the frontend and in the admin dashboard, in the meantime I only have to use other plugin like User Registration, WPForm? 🙇♀
@@HappyHappy_1314 there’s a free plug-in for Gutenberg that will let you manage logged in content (and more) called block visibility. I covered it recently. That will be the best way to handle things.
The ACF visibility option isn’t used to handle what you’re looking to do.
How many custom fields are too many? At what point they can impact website performance? Thnaks
Really could use more about Location Rules in Field Group Settings
C'mon people, don't forget to hit the like button! A generous 6% of likes to views as of 5/17, I'm sure a great deal more people have benefited from this video.
Is there a way to convert already existing posts into a custom post type?
Thanks Again For The Helpful Content,
My Question Here Is: I Have A Field That I'll Like To Insert It On Any Of My New Posts. Please How Can I Di That?
I Tried Using ACF Shortcodes But Nothing Works For Me.
Thanks ❤️ 35:13
Sorry Paul, Do we need Generateblocks or Generatepress to pull the dynamic acf data?
No, there are many ways in which you can pull in ACF data. You can use the native functions that ACF offers, but that requires some understanding of HTML and PHP.
You can use the many WordPress page builders like Bricks, Elementor, etc., or there are plugins that help you create your own ACF shortcodes and then embed those into your pages.
Hi Paul, I have been watching your tutorials on TAGS & CATEGORIES and ACF but don't know what direction to take. Basically, I am designing a course selector which includes Course Title, Modules, Module Description and Hours to Complete each module. The challenging part is that the modules can be common between each course. PART 1: We want to display each course included recommended modules (which could be based on tags & categories filter) and PART 2: we want to provide users the ability to select multiple courses (this is where we will use WPForms). For the first part what should be do to have the course filter option? Thanks in advance.
Without knowing what tech stack you’re using, I would suggest looking at Gridbuilder WP as it’s pretty versatile and works well with many builders or native Gutenberg and should provide you with a lot of filtering options.
@@WPTuts Elementor Pro
This is exactly what I am looking for. Ï now have the custom post types set up with their taxonomies so I can filter them later, but when I get to the generate blocks section, I don't have the 'Elements' option in Appearance. What am I missing? I'm guessing there's something else I should have installed. So far I have the 2023 theme, ACF & Generate Blocks pugins. That's it.
Just realised you also mention GeneratePress and I'm guessing that's the theme I'm missing! But if I were to stick with the standard 2023 theme, would it just be a 'Template Part' I create instead of an Element?
i need to populate jobs from rest Api, a video guide plz,
should i create an API from Wordpress or from my third party databases?! i need to auto update jobs letsay
Благодарю. Очень информативно.
thank you sir you are giving wonderful information , i have a small think to know about acf how to make post filter by custom date like compare as movie release date is today, i want to display post as this weekend movies as grid, how can i filter it to diplay automaticaly by using custom post tyoe of created release date , i hope understand this problem pls make 1 small video for this,
one more problem, if person date of birth 05/05/1991 this can automaticaly display is age, or next birthday countdown automaticaly changing every year automitic without any modification. for example i fill the data by acf field then automatically display age in elementor post field or next birthday count down
i hope understand this problem/ doubt
pls make a video
this is my humbel request
*WPTuts* would you show us figma to wordpress like tour and travel site by using elementor , acf and any tour & travel plugin.
Very doubtful as that would conflict with my Figma to WordPress course. :)
Hello, beautiful video, when I created my custom post types ACF didn't offer this feature, so I used CPTUI, now that I imported my custom post types in ACF can I safely remove CPTUI without harming the custom post types?
Yes, you should be fine after the conversion. I’d still do a full backup in case, but that’s just a precaution. 👍
@@WPTuts Thank you! Yess, always backup. So if I understand correctly, once migrated the custom post types there should be those functions defined two times until I remove the first plugin, does this make sense?
@@Federaik no. If I remember correctly from when I converted one of my sites, it converts the CPT and taxonomies but doesn’t leave the old copy. So, you’ll just have the same as before but linked in ACF instead of CPTUI.
@@WPTuts Thanks a lot, it all went smooth, with this one and your video about Admin & Site Enhancement I got rid of a lot of junk today! Lifesaver. 👍👍👍
You did not mention one VERY important point, one that probably might be very important to some, depending how they want their setup to be. The REST API is on by default, however, if you turn it off, because Gutenberg requires REST API, your CPT will be edited with TinyMCE (Classic Editor) - no need for a plugin or extra code to do so...
That's sort of beyond what I think needs to be included in a beginners tutorial. But, thanks for the suggestion.
How to put this use in Programmatic SEO =?
Is it possible to NOT HAVE the Elementor? I purchased a different theme, so it would ruin my website if I activated the Elementor...
How does ACF compare to JetEngine?
Hello 👋, i had some research on how to use ACF with free WordPress builders like elementor and gutenberg with free block builder, and it seems to me that there is no way only using code, so what do you think there is a way to do it without code maybe some additional free plugins...?
You can use a lot of ACF meta data with GenerateBlocks free. There are some pro only features, but a lot can be done with free.
Ok thank you, hope you will do some videos to explain how to do it 😁.
@@hafid0939 the fundamentals are covered in the last 3rd of this video. :)
Is it possible to keep the custom post types and field created with ACF when I deactivate the plugin?
Yes, you just need to go to the tools section and you can copy the created code, pop that into your functions.php file or use something like Code Snippets and then you can deactivate and remove ACF.
@@WPTuts That's great! Thank you