วีดีโอ

The only thing thats keeping me from switching is that the acf fields now are really small, and with large blocks or repeater fields. It can look quite messy, because of the limeted horizontal space of the sidebar.

Hello, I know it's been a year since this film was published, but I can't find an answer to my question anywhere. WordPress is pushing the "Full Site Editing" approach and ACF Pro blocks solve this problem to some extent, but how do you deal with it, for example, when creating a custom theme compatible with FSE and you need to create a header? Do you use a hybrid approach to theme creation? And what about larger sections like a blog page where we have a hero and posts loaded with Ajax underneath, connected by a single background?

This is how we are doing it rn, and the only reason is we dont want clients to design their layout, thats the agency's job and what we want is for the client to have a visual and edit content thats all

great video. how do i show only my blocks to client so that they don't break the page with some other default block. thanks

have you tried combining acf blocks with "Elementor Blocks for Gutenberg" ?

Does this approach need a Block Theme or can you start with a 'Classic' theme? What theme do you use for client projects?

Do you have to include ACF pro with the final website, or can you export the custom fields and get away with packaging ACF free with the final build?

Merci pour la vidéo

Thanks Nick

Great tips!

Great tutorial! I previously adopted this approach as, like you said, doing it the js/react way is really tedious to build in the first place and can be a hassle for some users with the end result. The only issue with mine was that I didn't integrate the css file and the preview mode looked like that traditional ACF fields input but now it really has a professional look. Do you know if there's any way you can set the block to always have the preview mode on when you bring it in the backend of a webpage instead of actually toggling between the Edit/Preview mode?

where can I download the plugin Gravity Forms + Custom Post Types

Hey Nick, thanks for this it's super useful. I've tried this approach and also included my javascript file as well as the stylesheet. I have an issue where if I update a block that is dependent on js (an accordion for example) I have to completely refresh the browser to get it to work again once the content is updated. Do you have a way to refresh the js when a block is updated without requiring a full browser refresh? Thanks again.

Great video. How do you / do you remove the default blocks from the top level?

Hi Nick, thankyou for this tutorial. I just starting to learn using clean method like this instead of page builder. To much bloated code. As SEO's i always think this is the best approach from speed perspective, but adding devs cost its not always an option with clients. The way i see, its basically same like elementor correct? Where you create sections to used in other part of the site. Also, since i only know the basic concept of html and bootstraps, do you think Ai can help me accomplish what you've shown here? Thankyou

Wow, this was so helpful. I'm converting a theme pattern to an ACF repeater block and this helped a ton. Thanks!

Getting my head around how I would use this... I guess since the block is essentially built on ACF there aren't use cases that would need a dynamic option. How does the speed of ACF blocks compare with native Gutenberg and dynamic acf content?

Post types is missing for me under Post Fields > Post Title for some reason i dont have that option so when i submit my form its going to the default posts submission rather than the custom post ive created. Has anyone else encountered this?

Hi Nick, I actully tried to use the offical ACF documentation and it didn't work, but using your tutorial and all the code, it worked for me.

I've followed the same steps, but not showing on the page

Hi Nick, thanks for the great tutorial! I am facing an issue i hope you could help me with. None of the css i write in the style.css file works for the blocks, because of this i am forced to use inline css in the blocks.

Hi , how make guten berg editor full width ?

Hi, what are you using to access the ftp/folder area of your website?

Great tutorial. A lot faster than writing native JS/React blocks by far!!! Cheers!

I followed your tutorial but can't get styling to work in guttenberg. Could it be that something changed in WordPress 6?

Thanks for sharing this. Looks like a nice workflow. I have a custom build process using my own themes and ACF (if needed), and have avoided adopting Gutenberg as long as possible. Mainly because the end-product for my customers was better with classic. But this seems to be a good way to build with "Modern" WordPress. It's important to be able to build efficiently so as to not inflate the price to the end-customer. This seems a good way to do that as developing Gutenberg blocks is still so poorly documented and time-consuming to build with. Question: do you guys roll your own classic theme? What's your base theme you work with? Thanks!

I couldn't find that plugin and I assume GravityWiz took it over. I added it, but when I choose custom field and then the dropdown for existing custom fields, my ACF fields do not show up. Something I've missed?

i used the same thing but my existing custom field is showing empty?? Can you help me

Great video. Using ACF gives so much flexibility to the client without the bloat of a page builder. More tuts like this would be awesome. Do you build entire websites using ACF to create Gutenberg blocks? Can clients change colors in the blocks(background, font color, etc.)?

Hi Nick - great content. We are loving Gutenburg. We have a small design and management business and all of the initial setup for each new client is repeatable: same wordpress install (newest version ofc), plugins, settings etc. Is there a way to create a worepress install that is the same to a certain point? I am hopeful it may save some time! Thank you!

Hello Nick Thanks for the video Is there a way i can add a different form on same custom post type but different category using Gravity forms or any other tool there

Your ACF Field doesnt show up:!!... SOLUTION: Once you add a custom field, create an entry (fill that entry) for a records (post or page) Then it will show up on GF.

Thank you, easy on the keyboard.

Would have loved to see the custom field setup included at the start and a little slower presentation. Lots of great info here for sure but you lost me, I’m afraid

1eowietlkeuem9emuejek

great tutorial

Hey Nick - thanks for the great tutorial. I need your suggestions on "Offer Price From". Is there any possibility to create "Make An Offer" form using gravity? I would like to use the "Make An Offer" form with WooCommerce products. Appreciated.

Thank you very much! =)))

I kwow that it's a old post, but I would use this features in my website. This solution now work with checkbox field or with other multiselect field. Do you help me? thank you

Thanks dude

Thanks

Nick - This has been really helpful. What WP tool did you use to create the drop-down filters?

Thanks, a very helpful tutorial!

How can we disable the default category option?

how come i don`t see my acf fields in the 'custom field name'

Does it work with the event calendar? I am facing a problem, where I should paste the code?

Great Video, but i would like to know how would i use woof or any other filter with these custom post type and with the custom fields plugin ? could you please put a video on this.

This is awesome. Thank you for creating this video!

thank you so much, it worked like a treat!