Đổi HTML/CSS thành Block

Bài này sẽ hướng dẫn cách đổi mã HTML/CSS thành Block.

Ví dụ từ mã HTML như này, tạo bằng Claude.

WP01-1

thành Block Editor như này.

WP01-3

và sau đó bạn có thể sửa dễ dàng mà không cần sửa HTML.

WP01-2

#1. Đầu tiên bạn cần có HTML/CSS, bạn có thể bảo AI như Claude hoặc ChatGPT để viết.

WP01-4

#2. Truy cập vào công cụ này

https://gauravtiwari.org/tools/html-to-generateblocks-converter/

và dán mã HTML/CSS vào Input HTML sau đó click Convert to GenerateBlocks

WP01-5

#3. Copy mã ở GenerateBlocks V2 Output

WP01-6

#4. Sửa một page > Bấm và 3 chấm ở top right > chọn Code Editor

WP01-7

#5. Dán mã ở bước #3.

WP01-8

#6. Đổi lại về Visual Editor

WP01-9