Trình chỉnh sửa khối hoạt động giống như một bộ Lego. Mỗi phần tử trên trang của bạn (một đoạn văn, một hình ảnh, một nút) là một khối độc lập mà bạn có thể kéo và thả tự do. Sự đơn giản này hoàn toàn loại bỏ mã thừa, giúp trang web của bạn tải nhanh chóng trong nháy mắt.

🔖 Tốt nhất cho: Giai đoạn đầu thiết kế cửa hàng của bạn và viết bài blog.

1. Mở không gian làm việc

Để bắt đầu thiết kế, hãy chọn điểm đến của bạn từ menu quản trị bên trái:

  • Xây dựng cửa hàng (Trang chủ, Giới thiệu): Chọn Trang và nhấp vào Thêm Trang.

  • Viết một bài viết: Chọn Bài viết và nhấp vào Thêm Bài Viết.

Không gian làm việc sẽ mở ra, chia thành 3 khu vực chức năng chính sau đây.

2. Sử dụng thanh công cụ trên cùng

Nằm ở rất trên cùng của màn hình, đây là trung tâm điều hướng cho các hành động nhanh. Tại đây, bạn có thể:

  • Nhấp vào nút Plus (+) ở góc trên bên trái để nhanh chóng chèn các khối nội dung.

  • Sử dụng các nút mũi tên để Hoàn tác hoặc Thực hiện lại nếu bạn mắc lỗi.

  • Nhấn Ctrl + K (hoặc Cmd + K trên Mac) để mở bảng lệnh cho việc tìm kiếm tính năng nhanh chóng.

3. Kiểm soát cấu trúc trang

Nằm ở cột bên trái, bảng điều khiển này chứa 2 công cụ giúp bạn thấy cấu trúc của trang web của bạn:

  • Tab Chế độ Danh sách: Hiển thị cách các khối được lồng vào nhau. Kéo và thả các khối ở đây để sắp xếp chúng một cách chính xác mà không vô tình nhấp vào phần tử sai trên canvas trực quan.

  • Tab Phác thảo: Tự động theo dõi và cảnh báo bạn nếu các tiêu đề của bạn không đúng thứ tự (ví dụ: đặt thẻ H3 nhỏ hơn trước thẻ H2 lớn hơn). Nhấp vào đây để sửa cấu trúc của bạn để cải thiện SEO.

💡 Mẹo thiết lập không gian làm việc: Để giữ cho cột cấu trúc luôn hiển thị, hãy nhấp vào nút Tùy chọn (3 chấm ở góc trên bên phải) → chọn Tùy chọn → bật Luôn mở Chế độ Danh sách.

4. Tùy chỉnh cài đặt khối

Nằm ở cột bên phải, thanh bên này được chia thành 2 tab để tùy chỉnh sâu:

  • Tab Trang (hoặc Bài viết): Quản lý cài đặt cho toàn bộ trang. Sử dụng điều này để tải lên Hình ảnh Nổi bật, chỉnh sửa URL slug và viết một đoạn trích.

  • Tab Khối: Tab này chỉ xuất hiện khi bạn nhấp vào một khối cụ thể. Sử dụng nó để thay đổi màu nền, điều chỉnh kiểu chữ, điều chỉnh kích thước và thêm khoảng cách cho khối đó.

[Chèn Hình ảnh 1 ở đây]

  • Yêu cầu hình ảnh: Chụp màn hình không gian làm việc đầy đủ, làm nổi bật 3 khu vực: Thanh công cụ trên cùng, Chế độ danh sách (bên trái), và Thanh cài đặt (bên phải).

  • Văn bản thay thế: Bố cục không gian làm việc của trình chỉnh sửa khối.

  • Chú thích: Làm chủ 3 khu vực cốt lõi này giúp bạn kiểm soát trang web của mình một cách trực quan và trực giác.

🎯 Bước tiếp theo: Bây giờ bạn đã làm chủ được công cụ thiết kế cốt lõi. Đã đến lúc đưa nó vào thực chiến để xây dựng hệ thống của bạn. Hãy chọn một trong hai hành trình tiếp theo: