Start with Gutenberg block development – course advice

[ad_1]

Hello everyone

I build WordPress websites/themes always from scratch with the classic editor and ACF. Now it looks like i should give Gutenberg a try and start to develop my themes with the new WordPress editor.

I know HTML and CSS very well and know the basics of Javascript. For the theme-development i used the classic WordPress and ACF-PHP functions.

I started with disabling almost all the basic Gutenberg blocks because i would like to use my own blocks without all these options that are confusing for my clients. That means i need now to build my own blocks and the projecs specific-blocks.

Has anyone of you made the transiation in the past and has some advice how to start or what online courses or ressources i should use?

Thank you so much for all your help

[ad_2]
2 Comments
  1. If you want to continue building blocks with ACF, just read the documentation pages on ACF for custom blocks. It’s super easy. You basically make a block template for the markup, register the new block in your functions, then attach ACF fields to the newly registered block. You don’t need to know React at all and it’s all done in PHP.

    The registration function shows you how to apply JS if needed in the Dashboard. With some finagling you can also have the block use the same CSS you use on the front end as in the Dashboard. Details are in the registration of the block.

    I do recommend keeping the basic blocks that ship with WP (especially columns and groups).

  2. I always recommend NOT disabling any of the Gutenberg functionality. If your clients are using WordPress, then I consider it best practice to allow people to use the full range of WordPress functionality wherever possible, even if your specific themes offer better alternatives.

    In terms of building your own blocks, a good starting point might be the ACF Gutenberg blocks – this will give you a basic understanding of how to lay out your blocks from a user perspective and work alongside the default blocks, and you can then start creating your own blocks from scratch (outside of ACF) once you are ready to move on.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer