Advanced Custom Fields & Elementor Pro Tutorial

Рет қаралды 37,556

10 ай бұрын

New to Advanced Custom Fields & Elementor Pro and eager to elevate your WordPress game? You're in the right place! 🚀
Join me in this beginner-friendly guide as I break down the process of crafting a straightforward job listing page. We'll kick off with ACF essentials - covering custom post types, meta fields, and taxonomies. These are your keys to mastering your site's content!
Next, witness the magic as I harness ACF to forge a custom 'Job Listings' post type, enriched with tailored meta fields like salary, location, and application links. Plus, discover how to categorize these listings using custom taxonomies for seamless navigation.
To wrap things up, I'll spotlight the magic of displaying your fresh data via Elementor Pro, the ultimate page-builder tool.
Whether you're just starting out with WordPress or aiming to level up your expertise, this video is your go-to guide for diving deep into Advanced Custom Fields. Let's supercharge your WordPress journey together! ✨
Elementor Pro: jo.my/1s0t2s2
Advanced Custom Fields: jo.my/acfpro
Take your WordPress website and skills to the next level!
► 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

Пікірлер: 86

@bobruis4073 10 ай бұрын

I just love Elementor PRO and ACF integration. The PRO variant offers so much!

@user-vc6lb4zg3f 6 ай бұрын

The is the best video I have found for learning ACF. Great work

@maresolaris 9 ай бұрын

Exellent tutorial with lots of (needed!) background information on the HOW of some of the WordPress issues. Thank you very much for posting!

@RichardWadeUK 10 ай бұрын

Excellent tutorial mate. I haven't used ACF for a very long time, but this is good to know. It would be good to see more for other builders and CPT tools (METABOX, Crocoblock etc) and different builders (Bricks, GutenTurd/Kadence/Blocksy etc

@peteraziz 10 ай бұрын

You are a great instructor! Thank you! 🙏👏

@mikewatson1670 10 ай бұрын

Just exactly what I needed right now!

@susangemayel-tapper3794 10 ай бұрын

Thanks Paul for sharing.

@mofodm 5 ай бұрын

Fantastic tutorial video. No BS, doesn't assume knowledge, very clear and easy to follow. Helped me easily build a jobs page for a client. I'll be sure to use your free & paid tutorial courses in future.

@whitneylee33 5 ай бұрын

This was so helpful. Thank you!!

@JGCreativeConcepts 14 күн бұрын

Thanks, great tutorial as always.

@WIThEMaN2 10 ай бұрын

AWESOME job like always!

@maddy1mymk 10 ай бұрын

Excellent video Paul🎉

@user-vt7yr2bq5e 10 ай бұрын

Thanks a lot 100 times for this wonderful tutorial. Just exactly what I needed right now!

@WPTuts 10 ай бұрын

Glad you found it helpful. :)

@MohamedBOUZID00 2 ай бұрын

Thanks for such perfect explanation

@andr3alau 19 күн бұрын

Great tutorial, exactly what I was looking for in order to improve my skills. Thank you!

@Hyperlink60 7 ай бұрын

Thanks, Paul. This was very helpful

@nickpage9138 9 ай бұрын

Great work as usual !

@simplysumalatha Ай бұрын

very well explained. very helpful. thank you so much

@user-sl3wu4ek2y 10 ай бұрын

Thanks for the video. It comes on cue. I am currently familiarizing myself with ACF Pro. A tutorial on how to create calculated fields in ACF would be cool!

@maazdev9000 17 күн бұрын

This has really simplified ACF to a very granular form, Greate Video

@10xmili 3 ай бұрын

great tutorials.thank you

@sauzalitoweb6560 6 ай бұрын

Great tutorial!

@yawat 20 күн бұрын

Thank you. I post lots WordPress fixes and Telemeter Tutorials too. Please for more further updates and tuts

@milzamsz 5 ай бұрын

Thank you!

@WPTuts 4 ай бұрын

You're welcome!

@smnurulislam 10 ай бұрын

Awesome video!!

@WPTuts 10 ай бұрын

Glad you enjoyed it

@MarkPowerPhoto 10 ай бұрын

Fantastic. And very timely for me too! So thank you. I'm building a community site that requires this very thing -- a jobs board. The next layer on top of this is that I have to set it up so that certain members can add new jobs via the frontend, as members won't have access to the admin dashboard. I think this is where the video you did on that topic (using the property website) comes into play. Am I right in that? Do you have any tips and pointers? This is going to save me having to get a 3rd party jobs plugin, that then requires extra costs in the form of adding (geolocation being the key one, I think) Thanks again for all your damn fine work on here -- consistently excellent.

@SylensGaming 10 ай бұрын

Excellent tutorial

@WPTuts 10 ай бұрын

Glad you think so!

@Chapper123 10 ай бұрын

Great tutorial Paul. I have been working with ACF for a while now, and I have always wondered if it's possible to add an end date to the individual posts in your new custom post type? So it dissapears from the loop at a certain date?

@hancokamper 9 ай бұрын

Thank you! This really opend up my mind to the possibilities of ACF! Excelent Tutorial, one question though... is there any way to sort the Loop Grid based on a numeral in an ACF field? Again much appreciated!

@anthonyeze5816 9 ай бұрын

Fantastic! Thank you very much for this. I wanted to ask if you have a course on this, from beginners to advanced. Also, is it possible to put a custom post type behind a top level service page, basically creating supporting content for a silo?

@MusicJunkieVideos 4 ай бұрын

Would love to see more ACF content

@WPTuts 3 ай бұрын

I have lots more lined up for this year for sure. :)

@marketingscarborough 6 ай бұрын

Best tutorial on ACF - I even turn Paul to a slow talking 0.75 and it was more digestible for me. My better half is from your side of the country and I'm still looking for a similar switch to slow her talking but hey we can't have great content from Paul and everything else we want. Thanks again Paul - really well decribed - worth 2M Parmos. Can you do a video on top of this to show the way to menutise the page you created to go between categories. Al

@WPTuts 6 ай бұрын

I think we'd all love one of those switches for our nearest and dearest. ;)

@johnvanzuilen 9 ай бұрын

Thanks again Paul! could you also show us how to display information in a listing grid that is extracted from different custom post types? (using crocoblock) thanks a lot man!

@Christophe_Vervoort 5 ай бұрын

Hello Paul, great tutorial you're creating. Thanks for this. Very clear, it has already helped me a lot. Thanks for that. I have another question. I would like to add a link and/or an embed field to a personal page meant only for the user. However, I want to ensure that Customer A cannot see what Customer B has in it. How can I set that up? Thanks for your answer.😅

@GrowToGive 2 ай бұрын

Great! Can you please tell me how you created the search bar with the custom fields?

@Melielementoracf 7 ай бұрын

Awesome tutorial, thank you! One remaining question: How do I use the hierarchical part of those ACF? I am trying to display them hierarchically (employees). How can I manage this in elemenor pro? i created the loop item and the template, but would like to add that the hirarchy goes from CEO down...

@uncleanggi 6 ай бұрын

Thanks Paul! I just earn 100 USD for helping client build simple loop and ACF exactly like your Tutorial. :D

@WPTuts 4 ай бұрын

Fantastic!

@mohamadhamsho7232 6 ай бұрын

What is the type of font on your t-shirt? This is awesome Thanks for tuts ❤

@17ecouffes 5 ай бұрын

Thank you, I love your tutorials. A couple of years ago I followed your tutorials to create CPT with ACF an that time I installed not only ACF, but also CPT UI. Whereas, now you're creating CPT using just ACF. What's the best way of working? For example currently I have both plugins ACF and CPT UI.

@WPTuts 5 ай бұрын

You can use the option in ACF tools menu to convert the old CPTs to the ACF versions. Just backup the site first to be sure everything works okay.

@rafiolio 2 ай бұрын

Hi! Great tut! Just wondering if its possible to incorporate woocommerce to allow users to create/edit their own listing on Bricks?

@Islam-ng1sq 8 ай бұрын

Thank you for your great tutorial. I have one problem. I created a custom post list in elementor pro and it works well but I want to add taxonomy icon without the title to my post. If it's possible with ACF free version please guide me

@oloruntobaadegboye539 3 ай бұрын

Lovely tutorial, very helpful. Can you please just tip me on how you created those text animation at the beginning of the video sections? (The one that looks like Doctor Strange's super powers 😂) I love it and would love to create something like that in videos

@Releasly 6 ай бұрын

How do you set up the ajax search bar in the heading? Basically make it filter the cpts

@alexoliveiranorton8615 9 ай бұрын

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 post 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.

@kekuleh1 8 ай бұрын

How can we take a number field or range in ACF, and output them in elementor like the star rating widget, but with a different icons? or maybe in square boxes etc? I'm trying to create a food taste rating with spiciness, saltiness scale

@homelandsecuritytoday 10 ай бұрын

Great tutorial as always. Please Paul, or can anyone guide me on how to add a simple field for an end user to enter free text box on a product page before ordering? So basic I cant see it... thks

@DiegoOliveira-yn3wj 9 ай бұрын

Excellent content. Unfortunately the pagination of the loop grid is having problems =/

@evandrestanta9037 3 ай бұрын

Hi, is it posible to show the taxonomy post on the archive page? like if I want to show the job categories on the archive page

@chris_doeseverything 6 ай бұрын

i want to use Elementor to display a POST LIST and use a media player button to display from the post list. how would i go about that using acf. i have been driving myself crazy trying to figure out how to create said list, and give it custom values such as track name, artist, genre, and a button to click from the list to play the audio track.

@hkntrgy 2 ай бұрын

Çok faydalı oldu teşekkür ederim. Bu cpt ekleme ve sunma işlemlerini hiçbir eklenti kullanmadan yapabilir miyiz. Bu konuda bir tutorial hazırlarsanız çok memnun olurum.

@gpm79 Ай бұрын

If one of the content groups in the ACF plugin is of the Checkbox type, used to list different services offered by a business, how can I use Elementor to list those services, with each item having an icon? It can be displayed either vertically or horizontally, and it doesn't matter if the same icon is used for all services.

@MrAashish24 10 ай бұрын

This is nice! But how can we search for job profile and show results in tabs? Can you make video and continue this tutorial?

@MrPayamrazavi Ай бұрын

I have question how we can show the custom taxonomies we made like Marketing manager on our pages?

@rozthalassa 3 ай бұрын

Hello, I'd like to ask you if you are aware of a problem appearing when ACF and taxonomy widget are combined in elementor pro loop grid. Ater clicking any filter button in the taxonomy widget, the oEmbed field with KZfaq video just dissapears (without been restored at the "all" taxonomy button...) Same happens also with Vimeo... So, is it compatible the oEmbed field with Loop Grid and Taxonomy filters? Could you just give my a hint? (I also don't yet use any caching plugin) Thank you in advance...!

@chethankumarc 10 ай бұрын

pls meake video about repeater with relational post display for example movie is relation to person who is actor/producer/any department how to display repeater field with connection to 2 post type like imdb website hear movie and person are 2 different post type and how to interact 2 different post type - how to make bi relationship on 2 different post type

@markusklimek 12 күн бұрын

How can i set a query to taxonomie in the loop?

@ManolisGerakakis Ай бұрын

Hi Paul. Great tutorial, as always. Could you please consider making a video on how we can display custom fields from another CPT on a the template of another CPT?

@WPTuts Ай бұрын

I'm not sure what you mean. Could you give me an example?

@ManolisGerakakis Ай бұрын

@WPTuts Hey Paul, thanks for your quick reply. Here is how you can reproduce this. Create a custom post type with ACF named "Portfolio". Add some custom fields to it as usual (e.g. Client name, Date, location). Create a template in Elementor and assign it to the "Portfolio" CPT. Add the Portfolio custom fields to the template. This should work and render OK on the frontend since, by default, the custom fields available are the ones that exist under the Portfolio CPT. In my case, I wanted to show custom fields that exist in another CPT (e.g. "Testimonials") inside the "Portfolio" page template. Unfortunately, the Testimonials custom fields are not displayed because it pulls data only from the assigned CPT (the "Portfolio" in this case). To test this yourself, go back to ACF, add another CPT, name it e.g. "Testimonials" and add some custom fields to it (e.g. Name, Role in company, Testimonial text). Then go back to the "Portfolio" template, create a testimonial section and try to add the custom fields of the "Testimonials" CPT to it. In my environment, Elementor is not outputting them to the frontend even though I can see and select the Testimonials custom fields in the backend. Is this just me? I have tried the relationship, post object, clone but nothing seems to work. I am relying to your expertise, my ACF wizard 😊

@WPTuts Ай бұрын

@@ManolisGerakakis you’ll need to setup a relationship in ACF to join the Portfolio with the Testimonial CPT before you can pull the relevant data in. You’ll need a one to one relationship unless there can be multiple testimonials attached to a single project and then you’d need a one to many.

@ManolisGerakakis Ай бұрын

@@WPTuts That is what I've been trying but I haven't been able to sort it out. I will give it another go and let you know. To be honest, the "Relationship" , "Post Object" and "Clone" custom fields are a bit too difficult to grasp. Hope you create a video sometime in the future and shine some light to all this. Thank you for everything.

@WPTuts Ай бұрын

@@ManolisGerakakis have a look at my real estate video as I cover a similar technique in that for properties to vendors.

@TechnicalGauhar 3 ай бұрын

Nice Tutorial but i did not find my problem solution i already use image in our post but i also want use logo as featured image because of i need to display inage, logo and content on hone page in card so should guide us if it us possible

@oloruntobaadegboye539 3 ай бұрын

Your text is a little hard to understand, try correcting them more properly... However if what you are saying is to also display company logo on top of the featured image in the homepage, it is definitely possible. If my answer is wrong, try typing out your comment again in a clearer format. I might be able to help out...

@amirnadji5427 6 ай бұрын

Hi, i am very interested in this feature, but it's a pro feature. I have a question about the elementor pro pricing. Do i have to renew every year the licence ? If i dont renew will i loose the custom post type feauture? Thanks

@WPTuts 6 ай бұрын

Yes, you need to pay every year but you won’t lose access, you’ll just not get any more updates if you don’t renew.

@Pocketsocket 9 ай бұрын

How I add tags in custom post

@WPTuts 9 ай бұрын

Either choose to associate Tags when you create the CPT from the Taxonomies available or create a new custom taxonomy and associate it with your CPT.

@blagojelukic 6 ай бұрын

why. First usred free ACF but then premium Elementor. Why not free elementor version first ?

@WPTuts 5 ай бұрын

Sorry, I don't understand the question. Are you asking why I used Elementor Pro and not Elementor free in this video? If that is the question, it is because Elementor free has no support for dynamic data or dynamic tags - you need the Pro version for that.

@trishaahamed9650 9 ай бұрын

need advanced option

@the4090gaming 10 ай бұрын

why would you need acf when you already have elementor...

@WPTuts 10 ай бұрын

They are totally different tools. ACF allows you to expand WordPress by adding custom post types, custom meta fields, taxonomies, etc. Elementor can’t do any of that. It just lets you display the new information created with ACF.

@byheart-org 10 ай бұрын

Wonderfully thorough and clear, Paul. I have enjoyed your videos over the last few years. I hope that you can answer one small question: I would like to have a field that is populated with a calculation. It would be something like "=word-count * 0.4". It's a simple multiplication. I see that there are some form extension plugins but they all seem over-the-top for accomplishing this simple calculation. Do you know if this calculation can be done with Elementor Pro or ACF?