Hướng dẫn chỉnh sửa trang

Khi mở trang sửa, bấm “Chỉnh sửa trực quan” rồi bấm chọn một thành phần (chữ, ảnh, nút, khối…). Thanh công cụ nổi sẽ hiện ra — dưới đây là ý nghĩa từng nút.

Chọn & phóng to Căn lề Định dạng chữ Màu & nền Nội dung Bố cục & vị trí Thao tác phần tử

Chọn & phóng to

Chọn phần tử cha

Chọn “lùi ra ngoài” một cấp — từ chữ ra cả nút, từ nút ra cả khối chứa nó. Dùng khi cần sửa cả khối thay vì một phần nhỏ bên trong.

Thu nhỏ / Phóng to nội dung

Phóng to hoặc thu nhỏ nội dung trang để nhắm trúng phần tử nhỏ. Bấm vào số phần trăm để đưa về vừa khung.

Căn lề chữ

Căn trái · Căn giữa · Căn phải · Căn đều

Đổi cách canh đoạn văn của phần tử đang chọn: trái, giữa, phải, đều hai bên.

Định dạng chữ

In đậm

Làm đậm chữ của phần tử đang chọn (chọn nhiều phần tử cùng lúc cũng được).

In nghiêng

Làm nghiêng chữ của phần tử đang chọn.

Đổi font chữ

Chọn một font khác (từ kho font của hệ thống) cho phần tử đang chọn.

Giảm / Tăng cỡ chữ

Bấm để nhỏ lại, để to lên, hoặc gõ thẳng số (px) vào ô ở giữa.

Màu sắc & nền

Mở bảng màu

Bấm nút để mở bảng chỉnh màu chữ, màu nền và gradient nền cho phần tử đang chọn. Các ô màu tự cập nhật theo phần tử bạn đang chọn, nên bấm sang khối/chữ khác là thấy ngay màu hiện tại của nó.

Màu chữ

Chọn màu bằng bảng màu, hoặc gõ thẳng mã màu dạng #1e293b vào ô bên cạnh (hai ô đồng bộ với nhau). Bấm để bỏ màu, về màu mặc định của mẫu.

Màu nền

Đổi màu nền của khối đang chọn (cũng có ô nhập mã màu). Màu nền đặc sẽ ghi đè cả nền gradient/ảnh có sẵn của khối. Bấm để bỏ, trả về nền gốc.

Gradient nền

Tạo nền chuyển màu: chọn màu bắt đầu và màu kết thúc, rồi chọn hướng (chéo, ngang, dọc, hoặc tỏa tròn). Nền khối sẽ chuyển màu mượt giữa hai màu đã chọn.

Nội dung

Sửa bằng AI

Gõ mô tả thay đổi bằng lời (vd: “đổi nút thành xanh lá, bo tròn hơn”) để AI tự chỉnh phần tử. Mỗi lần dùng tốn một ít điểm AI.

Sửa chữ tại chỗ

Bật chế độ gõ trực tiếp lên phần tử để sửa nội dung chữ. Gõ xong bấm ra ngoài để hoàn tất.

Chèn / đổi ảnh

Mở thư viện ảnh để thay ảnh đang chọn hoặc tải ảnh mới của bạn lên.

Chèn icon

Chèn một biểu tượng (icon) từ kho icon vào vị trí đang chọn.

Gắn link / mốc

Gắn đường dẫn cho nút/chữ: link ngoài, trang khác trong site, hoặc nhảy tới một mục (#anchor) trong cùng trang.

Xem thử (tương tác)

Bật để bấm thử các nút hoạt động của trang như khi xem thật: chuyển tab, mở menu, lật slider, chuyển trang danh sách… Nhờ đó bạn đưa khối về đúng trạng thái cần rồi bấm nút này lần nữa (hoặc phím Esc) để tiếp tục chỉnh sửa. Khi đang bật, việc bấm sẽ không chọn thành phần.

Đổi khối

Bật chế độ đổi khối, rồi trỏ vào một khối để thay nó bằng mẫu khác cùng loại. Khối mới được dựng lại theo chủ đề trang (tốn một ít điểm AI).

Bố cục & vị trí

Đổi kích thước

Đặt chiều rộng × chiều cao cho phần tử (theo px, %, hoặc để “auto” cho tự co).

Khoảng cách (padding / margin)

Chỉnh khoảng đệm bên trong (padding) và lề bên ngoài (margin) ở cả 4 phía để nội dung thoáng hơn hoặc sát hơn.

Di chuyển lên / xuống

Đổi vị trí phần tử đang chọn với phần tử liền trên () hoặc liền dưới () — cách dễ dùng nhất trên điện thoại.

Thao tác phần tử

Nhân bản

Tạo một bản sao của phần tử đang chọn ngay bên cạnh. Phím tắt: Ctrl + D.

Xóa

Xóa phần tử đang chọn khỏi trang. Phím tắt: Delete. Lỡ tay thì dùng Hoàn tác trên thanh trên cùng.

Mọi thay đổi chỉ được áp lên trang sau khi bạn bấm Lưu trên thanh trên cùng. Có thể bấm Hoàn tác để quay lại bước trước, hoặc Thoát sửa để đóng khi xong.