Easiest way to have HTML/CSS become custom blocks

[ad_1]

Hello! I’m working on a website for someone and I decided to go with a brand new approach for me. I’m making the theme from scratch, and I want some flexibility for the webmaster to create autonomously new pages consistent with brand guidelines.
I have designed the homepage, and developped it in HTML/CSS moving everything to WordPress.
I’d like the different sections being reusable as blocks for other pages, so they will be able to use Guttenberg to create new pages.

What is the best way to achieve that? I seen it can be done in React but it seems very hard. Also, I want to make sure the rendering on the editor reflects as much as possible the design in front.

These sections are basically HTML with tailwind classes, no extra CSS.

[ad_2]

 

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