WordPress Advanced Custom Fields for Beginners - Part One
Vložit
- čas přidán 14. 10. 2024
- Download the basic WordPress theme used in this video here: drive.google.c...
Welcome to my Advanced Custom Fields tutorial for WordPress.
If you’re not familiar with what Advanced Custom Fields or “ACF” is, then you’ve been missing out.
WordPress, as great and popular as it is as a content management system, has never focused on building a simple system for custom fields - ACF has helped fill this gap.
ACF is, in my opinion, one of the most important plugins you can use as a developer in WordPress.
ACF removes the complexity of adding custom field functionality into your WordPress theme.
If you’ve ever tried creating the functionality of custom fields directly into a plugin or theme, you would know that it is very time consuming. ACF provides you with all of the functionality required for custom fields to display on the admin, and a simple API to display it on the front end of your website using PHP.
So what are custom fields? Well - put simply, they allow you to add custom data to your WordPress website. That data is stored in the database, so you can display it anywhere you want, you can truly build some very customised interfaces VERY easily.
If you’re a web developer and want to provide simple fields for your clients to update their website, ACF is perfect for you.
There are two versions of ACF. A free and a premium version. In this series, I will using the PRO version - however, you can follow along with the FREE version - and if the software helps you, I would definitely recommend purchasing it.
Each video in this series will cover a different field type in ACF - and show you how to implement it as well as different ways it can be used.
You are a genius, you made me understand the basic ACF concept and conditionally hide empty fields in 2 minutes. Absolutely brilliant!
I never integrated from scratch before until I watched your series! you made me fall in love with ACF integration! Thanks and keep doing what you are doing!!
You're very welcome! :)
OK so these videos are FANTASTIC! I think these truly could be the missing handbook for using Advanced Custom Fields and even better because you take the time to show 'why' the code is outputting the way it is these are a super way to learn Wordpress PHP! Please keep these going, I've been looking and these are some of the best tutorials for ACF that I have found! Wish I would have found these a long time ago :) GREAT job!!!
You are a wordpress legend. Found u so late. U actually explain the possibilities of acf instead of jumping right into the tutorial. Omg love ur content bro :D
Great tutorial.
Can you explain me, where I do find the php files? Or if I have to create them myself, where and how I can do so.
That's the point where I lost you. Everything else was clear so far.
probably you solve it. but I'm going to leave this in case somebody has the same question: that file is part of the set of theme files an by default is located in:
public_html/wp-content/themes/twentytwentyone
you can change the theme and the last folder will change according to that. Also front-page.php doesn't come by default, you have to create it, and will override the template hierarchy
Excellent Tutorial ! Don't like to use a theme builder, but working in code is great.
thanks Dr Digital. is it possible to make repeater field to show a random field each time when clicked on the webpage? thanks
Yes
Thanks, good intro. Just wish I had a SQL interface to the data.
Thank you for this great course. Hope you post more about WordPress
Love this series and they way you teach, thanks for doing what you’re doing!
Thank you very much you are very welcome. Let me know if there's anything else you might want me to do a video for :) Cheers
Great stuff!
Do you plan to do the series on jQuery field types? I need Google map and from-to address fields? Directions API.
Great tutorial!
Please make one using ACF with Woocommerce. Especially how to add ACF fields to the Registration form and My Account Details.
PS I tried the "ACF Woocommerce Account Fields" plugin, but there is no way to manipulate the position, where the fields group appeared.
Love this series, I've learned so much.
I use Wordpress with Elementor Pro. I'm trying to create a site where using ACF an audio file would play on a post.
Any ideas how I could do this??
Hi,
I have a music theme, it has a like button and play button for my music but does not have the cart button to allow me to sell the music. I want to add an add_to_cart button for woocommerce next to those buttons so the link to download the song can be sent to commerce cart when people click it.
I was trying ACF to add customs fields to the Music post type to add that button but I am failing to know how to get link sent to woocommerce cart since this is not woocommerce product post form but music post form from my theme.
Can you help archive this please?
Hello, can you please tell which extension to vs code are you using to synchronize with server? I tried ftp-sync and it always crashed after about 5 mins... thank you :)
This is what I have been looking for! Thanks so much for posting!
You're welcome!
Thanks for the video, sir, how can we make a coupon custom post? any idea
pretty concise and on point. I salute you sire 💚
Thank you, direct and simple. Exactly what I needed.
Can i follow this tutorial if i have the free version of ACF?
Great video as always however regardless of what I do the AF is still not displaying the correct info even when I select taxonomy to make it simple.
Mr. Digital can ACF plugin be used for all templates? I have some of my own created from scratch.
However I really really like this plug in.
Thank you for all you work. I have studied for videos over and over as I do mines
ACF can be used in all templates one way or another! You can even use it for information that is in the header and footer throughout the entire site (you have to add a special function to your functions file for that, but it’s all on the ACF website!). To do everything purchase ACF Pro.
I can't seem to get ACF to work on the front end! I have downloaded the free version off of ACF website, downloaded Mr. Digital basic theme and have followed everything.
Any advice on what I might be doing wrong?
I have found the issue!!
I had my homepage display as "your latest post"
Changed it to "static page" then it worked.
FYI I anyone had this issue
Thank you so much for this. I’ve only used the MERN stack and the workflow of ACF & Wordpress confused me
This tutorial is great. Helps me a lot on my projects. Thank you
Great Tuts, can you make a tutorial about using Advanced custom fields to create a testimonial section where the form can be displayed on the front end page and when customers submit it goes into the draft and the review the testimonial then publish it by the admin of the website.
If I want to run the tutorials NOT on my localhost but out of a folder on my wp hosting site, can I just create a subdomain folder in the root that has the wp core files and use the theme there? I want to try this whole tutorial. It looks really interesting to me, and I like Mr. Digital's teaching style. I also like that he's using the classic editor and not Gutenberg or Elementor.
Create a test site in a sub folder of your hosting? This is how I’ve built Wordpress sites for clients for almost 10 years! Do it! :) if you are concerned Google may eventually index your site, click to discourage indexing.
@@ScottKasprick Thanks, yes, I'm now doing that, once I found out. My concern was that my host set up my core WP in the root folder, even when I built WP sites in subdomains. You know how WP site databases must be exported separately... Anyway, I've gotten that to work, so I can build client sites they can see & feedback on in my own hosting before committing to their hosting subscription.
I had been staging on local server, but more of a hassle getting clients to view. Also, with editors such as Elementor, single site license won't let you work on staging sites. I guess I'll have to buy a multi-site one or lifetime. That's one of my aggravations with WP.
Hello Mr. Digital. How can I, by using advanced custom fields, display my specific content on all the pages of my website? I want to content to be in one location on the backend, but display at the top of each page. I do understand that I am asking for a banner of sorts, but I'd like to use ACF, or try to! Thank you for your very helpful videos.
Thanks for your information
Best perfect and exactly what i need. Please make a udemy course
Very important !!! Is it possible to add one or more hidden input text field(s)?
thanks boss! please how can i use acf with javascript to get googlemap geolocalisation data in the get_field and use it in my javascript code?
Is there a way to do this without coding?
Thanks, it does not make sense to me in front-page.php. Why do you have both if an while satement nested? The content is not repetitive data to what I understand, why loop? Otherwise great video
love this serise sir, lots of thing learn from you.. thanks again sir... if possible, make video on woocommerce plugins.... also start your laravel serise..
Hi Sajal thanks mate. Will do. I have been busy with my main job (web developer business) so I have to juggle these things. Will do as soon as I can.. stay tuned! :)
Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP.
I should have learned from Mr Digital in the first place. too bad I have wasted my time and resources on confusing udemy courses 😂.. Thank you sir for your help 🙏🙏🙏
Of course, it has to be a subscription I'd happily pay one-time fee.
Yeah, that's unfortunate but you can just pay it once and then still use it if you don't mind not getting updates
Great tutorial. Thank you!
Is your index.php the front page? if i want that field to show in the index page
Thank you sir!
You're welcome Kerim! All the best mate
As a beginner, I have no idea how Visual Studio Code comes into this and how it's connected to all of this. It just kind of popped up out of nowhere. Is it yet another plugin?
how do we add a text box to 1 product? we added the rule to that specific product on the field group page but not showing
So basically, to be able to use the plugin, I need to code as well?
How can I add a field group to a post with shortcode?
What if you don’t know php? Looks like this plugin is of no use in that scenario.
Thank you a lot for this
Welcome 😊
Thank you so much.
Nice tutorial very well explained
I have just started using Divi and I know they recently introduced Dynamic content. Is it better to code ACF into the page or use Dynamic content. I know Elementor has it too? Tnx
Hey mate, Sorry I am not sure. But both Divi and Elementor are technically drag and drop interfaces. They serve their purpose to people who want to build their website without learning to code much. They are also large plugins - with many, many features. As a developer who builds for clients, I wouldn't use a drag and drop editor. Instead, use custom fields placed onto my design where I can choose what the client can edit or not. Anything complex can be done in the code itself. ACF is more bare bones and more developer friendly in my opinion.
@@mrdigitalau Thanks for the info!
Is it better to use ACF or design your own?.... As a front end developer
How much do you value your time? There's no point in re-inventing the wheel. Custom fields are crazy complicated to implement by coding them. It just does not make any sense to code it yourself considering the amount of things ACF does for you. It is simply not cost-effective to do it manually.
@@mrdigitalau thank you for replying, means a lot to me. Just learned developing custom wp themes and then got to know ACF could do that more efficiently. Which should I focus learning more? what would you suggest?
No worries what do you mean what should you focus on..? do you mean focus on ACF or custom coding the fields?
@@mrdigitalau Sorry for my confusing questions. I am learning wp from your previous series. I hope I will be clear after you complete this series. Thank you for your valuable time.
Oh I see you just uploaded complete series. Thank you
isn't work with them, when i input them actullay. Could you teel me why?
theme is not working correctly in Vs code
Why go to all of the trouble when you could simply add a page title using the Wordpress editor?
My example is very simple and you probably wouldn't use a title that way. If you wanted to somehow control where things are placed on the page and how they are styled, the field only takes text, no CSS or anything. So you could restrict people from typing anything but text and you as the developer can control the styles and placement of that field/text in the template.
amazing video
Is it related to theme development?
Yes, it can be. Definitely
how did you open the front end php
wow - well do you can share the code!? Would be nice!
thanks,so helpful
thank you
is it possible to integrate acf with wc vendors on frontend?
There is no front-page.php...
Correct. Try page.php
Superb
thanks
'With that being said' means 'contrary to this', not 'let's move to the next topic'.
ok adrian.
I find it odd that this plugin is meant to "remove complexity" by using an incredibly complex plugin... EVERYTHING ACF does, can be done with a basic page builder like Elementor. Using this plugin is akin to building a car out of wood and calling it an improvement on metal cars. If you want to build a website, STAY FAR AWAY from ACF and just use a page builder... your sanity will thank you.
No, not really. You should definitely research more into ACF, I just think you're underinformed on what makes ACF so good
very complicated. it not seems a good plugin .
These vedios are useful in 2023 ???
yep
F*** and I've been saying day-ta, instead of Da...ta
this ACF is junk. Wordpress is free. the pro version should be ONE time payment, not yearly. scam junk
absolutely useless app, you have to be senior developer to make one custom field, ridiculous
You lost me at 1:40. I just want to learn not spend more money. Yet, instead of just teaching, right off the bat you corner people into using paid stuff.
ACF has a free version. Use the Free version.
Ali, I agree that paying for something is not ideal, but in my experience, using FREE software will always have its limitations. ACF was developed by WordPress developers with real lives, families, expenses and what not and they need to be compensated for their hard work and time spent, you are also aspiring to be a WordPress developer - would you work for free for other peoples benefit? I do not agree in paying for every feature for WordPress, but if anything ACF is one of the best investments you will ever make if you are intending on being a serious web developer in WordPress.
@@mrdigitalau I agree. I over-reacted. The tutorial is probably usable with free version and I felt frustrated that the pro version is being used and therefore it might be about marketing the pro version, not really teaching people for the sake of teaching it. ----- Oh, I am not aspiring to be a serious WP developer. I was just stuck with an issue that I thought I could resolve with ACF (without spending money on pro version). Surely the pro version is worth it for the professionals.