Custom Fields Basics for Beginners with ACF Advanced Custom Fields -Elementor Wordpress Tutorial SPT

No video

Custom Fields Basics for Beginners with ACF Advanced Custom Fields -Elementor Wordpress Tutorial SPT

Рет қаралды 18,246

Күн бұрын

Custom Fields can open up control and the use of Dynamic Template Creation inside Wordpress.
We'll use 2 FREE Plugins to help us.
Custom Post Types UI: en-gb.wordpres...
Advanced Custom Fields: en-gb.wordpres...
00:00 Intro
01:01 Custom Post Type UI Free Plugin
01:13 Create the Post Type
03:11 Create the Taxonomy for the Post Type
04:43 Populate the Taxonomies
05:00 Normal Post Editor vs Custom Post Editor
05:49 Advanced Custom Fields Free Plugin
06:23 Create the Custom Fields
12:22 Conditional Logic
13:54 Visibility of the Post Fields
14:29 Ensure the Taxonomy and the Post Type are Connected
14:59 Ensure the Elementor Settings reflect the Post Type
15:34 Populate the Post
16:56 Single Post Template with Elementor
19:15 Adding Items to the Single Post Template
26:43 Limitation with adding the Taxonomy to the Single Post Template
28:30 Display Conditions for the Single Post Template
29:18 Conclusion
Custom Fields Basics for Beginners with ACF Advanced Custom Fields - Elementor Wordpress Tutorial
We love to create - share - respond - and deliver.
🧐 Learn with our Mastery Modules: websquadron.co...
👕 Get our Merchandise: websquadron.co...
😃 Join our Facebook Group: / 3309523509284305
😃 Get Code Snippets Pro: r.freemius.com...
😃 Get Elementor Pro: be.elementor.c...
😃 Boost your KZfaq Analysis: www.tubebuddy....
🥹 Support us: paypal.me/Webs...
Hire us to work on your Website!
💌 info@websquadron.co.uk
👩‍💻 Visit websquadron.co.uk

Пікірлер: 93

@davidrahman Жыл бұрын

I had to pause the video so I could tell you what a great presenter you are. So often these instructional videos forget they are most likely talking to a noobie. You are clear, concise and you remember I am here because I don't understand the topic yet. Thank you!!!!

@websquadron Жыл бұрын

You're very welcome! I know that I sometimes 'talk too much' or 'talk too quick' but as long as it's all helping you then that's great.

@keithevanson 6 ай бұрын

Thanks for your explanation of CPT UI and ACF with Elementor. It has been the clearest this far. Thanks again.

@websquadron 6 ай бұрын

You are welcome!

@MesdenVA Жыл бұрын

Oh... my... God.. Your tutorial deserves sooo many for views. You just saved my life. Thank you.

@MesdenVA Жыл бұрын

@websquadron I would like to briefly ask, what if the user wants to upload a video instead of an image? How would you go about displaying only that user's video?

@colasraw Жыл бұрын

I love your videos man, I usually never comment on KZfaq but this time you shared too much value for me not to comment! Amazing work thanks so so so much and continue like that 💪💪💪

@websquadron Жыл бұрын

I appreciate that!

@PicSta Жыл бұрын

Glad you had a deeper look into ACF and mainly Custom Post Types. Isn't it great to have custom data fields with almost whatever you like or prefer there? For me, it opened the doors to a whole new world back in the days. Changed my way of thinking as the Title and Text-Editor is very limited, you were kinda stuck in there with all your content.

@websquadron Жыл бұрын

Looking forward to playing more

@AidanJoyce Жыл бұрын

Agreed, just getting started on this. Maybe you know the answer to this. Is there one Plugin that does both these things?

@Malqua Жыл бұрын

thanks man for the crash course keep up thnks again man

@Wall_of_gratitude 2 ай бұрын

tanks a lot

@TragedyOfDarthPlagueis Жыл бұрын

Great video thank you!

@MartyEnglander Жыл бұрын

Good tutorial. Thanks FYI: at 2:00 there is a link under the input field that will auto populate the names based on your initial input.

@djh_uk25 Ай бұрын

Great videos - thanks for doing these. Very helpful. Do you know of a plugin / snippet that can generate a table of ACF fields (product specifications)? Field Name | Field Data, and only show rows where data is populated. Thank you

@mediavillawebdesignmedia1884 Жыл бұрын

Hi Imran, Thanks for the great video. Really like how you your self get all excited about the possibilities of ACF during your tutoring. :) Just one note, you may want to slow it down a little for less technical users to be able to keep up with you.

@websquadron Жыл бұрын

No probs. Here's a tip - click the cog - and decrease the speed to be a little slower. :)

@HuzanForbes 3 ай бұрын

Hi, Great video & it helped a lot. However, how can I display conditions for the multiple posts

@BestMLMDXN Жыл бұрын

Sir, what do you say about PODS ? It has support for both : Custom Post Types and Custom Fields. If i need to chose between the two , which one should I go for to create Custom Post Types and Custom Fields? Which one has edge over the other and how ? The Two are : 1. PODS Framework and 2. ACF With CPT UI I am little confused between the two . Please guide. Warm regards, Vivek Kumar ( Dehri On Sone , Bihar, India)

@websquadron Жыл бұрын

I've got a video on Pods tomorrow and I prefer PODS :)

@BestMLMDXN Жыл бұрын

@@websquadron Thank you sir for guiding me. Please keep guiding me always.

@fabiano8888 Жыл бұрын

Hello Web Squadron! Thanks for providing us with such excellent content! Are you planning a new video any time soon since, ACF now supports Taxonomies and Custom Types natively? Thank you!

@websquadron Жыл бұрын

Indeed. I need to do an update but Paul from WPTuts has a new ACF video coming out today.

@fabiano8888 Жыл бұрын

@@websquadron Man, thank you! I am a subscriber to his channel too, but I didn't know a new video was coming out today. I'll keep checking your content. I will let him know about you recommending him. Take care! :)

@blagojelukic 4 ай бұрын

can u do like updated version..apparently now it is easier to do ..thanks !

@myboringdesktop 2 ай бұрын

22:34 - I have ACF Pro and it still doesn't show the URL. I think this is a limitation (of bug) in Elementor - not ACF.

@EPHONIC Жыл бұрын

Couldn’t you also create the web address as a text editor field (Tiny MCE) and then set the link there and then display that field for the web address?

@albertoespo Жыл бұрын

Thx I appreciate

@wunderingthoughts Ай бұрын

so dynamic tag (in the elementor text editor section) isn't available as an option in the free elementor (example 25:15 ish) is there anyway around this? can I use shortcodes or something to display some acf fields using elementor?

@websquadron Ай бұрын

Yes you can use shortcodes and I have several videos on that - especially for repeater fields.

@saucydee1 Жыл бұрын

Another terrific video! Off to create my events. One thing I didn't see or missed in the video. Is there a way to specify the order the custom post types are displayed on the custom post type archive page? So I'm using it for events. Is there a way to show the events in Date order and not display them after the date has passed?

@websquadron Жыл бұрын

Good point - about not showing those where dates have passed. Let me think about that.

@saucydee1 Жыл бұрын

@@websquadron Have you added the google map field either? I'm having a hard time figuring out where the API code goes. Their documentation is above my head.

@khollandtalks 11 ай бұрын

Great tutorial Imran!! I am stuck on something I'm trying to achieve: Having 2 text fields in my Elementor template BUT in between those I would be calling data from an API (example: Live airfare prices). So I would have content above the API data and content below. But with the standard 'Post Content' element...I (obviously?) can't have 2 of those in the template. Also, how do you get the ACF text area field to actually be editable in the page in Elementor? When I create a new page I can only edit it in the Wordpress Gutenberg editor. I know...alot I'm asking here, but either way...great stuff and keep it coming!

@websquadron 11 ай бұрын

Hmmm that would be tricky with the editable but unless you had a front end ACF plugin

@khollandtalks 11 ай бұрын

@@websquadron Probably be tough to have 2 separate text areas too? I've playing with this all day...challenging...thanks for replying :)

@kathysamoun9895 Жыл бұрын

This is a great tutorial! Thank you! I do have one question. Is there a way to set it so that if they lets say don't enter a phone number, it doesn't display anything? I have it set up for our rescue and I have fields that are conditional. So for example, there is a conditional field for "Adoption fee:" but some horses aren't adoptable so it doesn't get filled out. On the page though, it stills shows because its part of the layout. and it just shows "Adoption fee: " and no amount. I'm not seeing how to avoid this! Any help would be great!! THANK YOU!

@websquadron Жыл бұрын

It shouldn't display if it's blank unless you have added a header. Can you add a URL with an example post where it is blank?

@HappyHappy_1314 Жыл бұрын

Thanks for making excellent video! May I know what chat plug-in I can add in for each property detail page if I want the potential prospect and agent can communicate and discuss or ask/reply questions under the overview/description part?

@websquadron Жыл бұрын

3CX is free and great

@gopoo Жыл бұрын

Thanks a lot for this in-depth tutorial. Appreciate it! Also I stumbled upon an issue with ACF, when I tried to make the video widget of elementor dynamic. Somehow it does not display the KZfaq video. I tried with the ACF text field and url field for the same. If you could throw some light on that, would be really helpful.

@websquadron Жыл бұрын

I’ll have to check on that. Have you tried to add without the bit?

@gopoo Жыл бұрын

@@websquadron Thank you for the reply. Interestingly it works on a custom post page. But when I call the video link on the homepage it doesn't work. Just wondering what I missed🤔

@Neoxphuse 11 ай бұрын

Thanks for the Video... I typically find your videos very helpful. I have a question. How to do you display a taxonomy? On my site I have Different Taxonomies - Blog, News, Video, etc... I created. I want to display the Taxonomy in a text field group in Elementor in a loop grid, but I can't get it to work. Nothing shows up. I also created an image field associated with the specific taxonomy, and tried to use ACF Views to display it. I was able to attach a photo to the Taxonomy in the admin menu, but displaying it on Elementor has proven to be difficult. Nothing shows up, so I'm very confused. Basically, have elementor show a [image] - [taxonomy] inside a loop grid associated with the post that it is assigned to.

@websquadron 11 ай бұрын

Can you post this with an image of what you want to achieve to: facebook.com/groups/websquadron

@andycosta68 Жыл бұрын

Imran, thank you for this tutorial. I also followed your Single Post Template tutorial. The issue I am having is that after following this tutorial when I open my test page with my posts and click on one of them, I only see a blank page. The actual single post is not showing up. Any idea why this is happening? Thank you again for all the work you've been doing. It is pretty amazing.

@websquadron Жыл бұрын

Did you set the display condition to be singular and posts?

@andycosta68 Жыл бұрын

@@websquadron it was a really silly thing I did. I switched the page layout to Elementor Full Width. I changed it to Default and it seems like it is working now!!! Thank you for responding so quickly. Much appreciated.

@theresasouthern8631 Жыл бұрын

Any thoughts on why I can't seem to get JetSmartFilters to filter my CPT? I have a call coming up with them but until then, would love some tip!

@websquadron Жыл бұрын

Tricky as it could be based on the fields being used.

@alexoliveiranorton8615 11 ай бұрын

Is it possible to dynamically hide a section and its header if there is no text in the respective ACF field? For example, I have a created a custom post type + template that I utilize for Professor profiles for a university. Some professors do not provide information for some fields (like "Academic Awards", for example), in which case I want the header text of the section not to appear in the template on the front-end.

@websquadron 11 ай бұрын

That would be good but would need some custom JS for that to work.

@claireeverson2712 Жыл бұрын

Is this what you woudl use to create a resource library with different post types like Whitepapers, Case Studies, traditional blog posts...etc.?

@websquadron Жыл бұрын

Yes absolutely

@EPHONIC Жыл бұрын

So is it ACF or Pods? I’m torn and confused as to which to use.

@websquadron Жыл бұрын

Both are good so you have to decide on your preference. Pods does reduce 2 plugins into 1.

@EPHONIC Жыл бұрын

@@websquadron Thanks, Imran. Love your channel and content. I’m going to try Pods for now with ACF in the back pocket. Happy New Year!

@pixie-sw2ql Жыл бұрын

Hello, Thanks for the video. Now with the ACF we can get rid with the CPT UI. So I modified and made a successful page. However, Im now trying to add a page with Unlimited elements google map, but I just cant get the coordinates to show. It shows the title and featured image only. So I then in post types in advanced settings, added Custom, latitude and longitude thinking that will then show in the post and be accessed but failed. Is there anyway we can make a locations map with various addresses (coordinates) added as custom fields and get them to show as markers on the map (i.e it should query over all the projects(in my case), in the projects custom field with various labels? I do not have acf pro, but I do have elementor pro and unlimited elements premium. Thank you so much for your content!

@pixie-sw2ql Жыл бұрын

Achieved it with Jet Engines custom posts, smart search and its map listing feature!

@joaocerejeira Жыл бұрын

Hi nice video!! Do you know if with this tool I can also insert the yoast fields of the post via API?

@websquadron Жыл бұрын

Not sure about that

@rajraiz3058 Ай бұрын

Is it also applicable for GenerateBlocks? I don’t use Elementor so would like to know

@websquadron Ай бұрын

Yes

@Teufelwang Ай бұрын

Hi, Bro. I have watched most of your tutorials of CF, what do you recommend the most please. ACF or Jetengine? Thanks.

@websquadron Ай бұрын

Depends on your budget. ACF does a lot for free. But JE opens the door for many great integrations for other solutions.

@Teufelwang Ай бұрын

@@websquadronthanks a lot!

@everymanjack8492 2 ай бұрын

So basically I need Elemantor Pro to use ACF? I couldnt find any good tutorials that didnt use Pro, Please let me know!

@websquadron 2 ай бұрын

No. You can use ACF with just Elementor Free.

@arturo5050 Жыл бұрын

This will help us to put more images on the description on the Single Product, that affect all the products?

@websquadron Жыл бұрын

Yes You can add the extra fields in. I’ll cover that in a future video.

@arturo5050 Жыл бұрын

@@websquadron thanks 🙏🏻 great videos as always

@IamRobertMTV Жыл бұрын

is the Elementor Preview Settings only available with Elementor PRO? i dont see it on the free version. my dynamic images and fields are not getting pulled and not being displayed.

@websquadron Жыл бұрын

You should still see it. Are you viewing on a live site?

@IamRobertMTV Жыл бұрын

@@websquadron i am on the edit with elementor view. I tried it and put Dynamic Elements(Image, Field, Gallery) and try to pull from cpt source, but the Preview Settings is not there.

@schumcreative 3 ай бұрын

Great video. How does this compare to Pods? I have a site that uses Pods. Should I switch for any reason?

@websquadron 3 ай бұрын

Both are great and it just comes down to choice. Pods does offer some fields like Gallery for Free that you need ACF Pro for.

@schumcreative 3 ай бұрын

Thanks, Imran. Do you cover this kind of stuff in your awesome Elementor course?

@websquadron 3 ай бұрын

@@schumcreative Hi. I cover ACF and Custom Fields, but not the Pods Plugin. Scroll down to the Course Breakdown: learn.websquadron.co.uk/

@chrisjohnston964 Жыл бұрын

Wow, there was a LOT of information in that video. I need to have a (non-technical) user log in to a website built with Elementor Pro, upload 2 types of PDFs (agendas and minutes) and have each automatically display on their respective page in chronological order for the general public to see. I don't need anything but the PDF and maybe a title in each post. Would the methods you described in your video combined with a custom EPro archive templates be able to achieve this?

@websquadron Жыл бұрын

Yup that should work with pdf

@gfhgfhgfhstr Жыл бұрын

Hi, do you use Elementor free or Pro? I'm following your steps with Elementor free but I have to stop when I try to insert dynamic content, it seems that it is not allowed 😭

@websquadron Жыл бұрын

I always use Elementor Pro. Using Free carries risk when you start to use many 3rd party plugins.

@marks3819 Жыл бұрын

In your opinion, those who already use JetEngine need to learn about ACF, are there important things that only ACF does?

@websquadron Жыл бұрын

I'm not a big user of JetEngine yet, but let me check.

@justindouglas3659 Жыл бұрын

I wonder what acf can do more then jetengine

@odinaka_joshua Жыл бұрын

Hi, Good day. I tried creating a Custom Post type for a writer's portfolio... Now they have an archive of pieces (articles) they've written for other websites which I want the post title to link to those articles on those websites. (right now it just links to the custom post on the site I'm building) What do you think I can do please? Thanks in advance. 🙏

@websquadron Жыл бұрын

I'd need more details to understand that better, but we don't do 1-2-1 Site Support for free anymore. You could use a Headline instead, and then ensure that is dynamically set to the post title, and then make the URL for the headline point to the Web Address.

@odinaka_joshua Жыл бұрын

@@websquadron Thanks beer much! I'll try that!

@Wall_of_gratitude 2 ай бұрын

whats the name of this song

@websquadron 2 ай бұрын

How I'm Supposed to Feel by Neffex

@Outlanderwow Жыл бұрын

No purpose, none of the set feilds are displayed. It was actually an update that always has big changes so this video is out of date. The classic settings that were once used no longer work.

@websquadron Жыл бұрын

Well the video was recorded when it was recorded so it's bound to be out of date eventually. Sorry for ruining your life. Don't forget to unsubscribe or never visit again.