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

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 trái · Căn giữa · Căn phải · Căn đều

Đổi cách canh của phần tử đang chọn — áp cho cả đoạn chữ lẫn khối / nhóm thẻ: trái, giữa, phải, đều hai bên (với nhóm thẻ là trải đầy hàng).

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.

Gạch chân

Gạch chân chữ của phần tử đang chọn. Bấm lại để bỏ gạch 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.

Đổi font chữ

Mở bảng font. Có hai cách chọn:

• Theo vai trò — bấm Tiêu đề hoặc Nội dung để chữ dùng đúng bộ font của giao diện; khi bạn đổi giao diện, chữ này tự đổi theo. Bấm Theo mẫu để bỏ và trả về như thiết kế gốc. Nếu nút “Áp cho cả luật” hiện ra, bấm nó để đổi cho toàn bộ nhóm chữ giống nhau chứ không chỉ một dòng.

• Font riêng — chọn một font cố định từ danh sách. Chữ này sẽ không đổi theo giao diện nữa; bấm cạnh ô để bỏ.

Khi bảng font đang mở, mọi đoạn chữ trong trang được tô dấu màu theo vai trò đang dùng (gạch tím = tiêu đề, chấm lam = nội dung, đứt hổ phách = font riêng) — bấm vào chú giải để ẩn/hiện từng nhóm.

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.

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.

Gắn video YouTube mới

Bấm nút này rồi chọn một thẻ video trên trang. Dán link YouTube (link xem thường, link chia sẻ hay đoạn nhúng đều được) — hệ thống tự lấy ảnh bìa và thời lượng của video. Khách bấm vào thẻ sẽ mở khung xem video ngay trên trang.

Gắn vị trí bản đồ mới

Bấm nút này rồi chọn một vùng bản đồ trên trang (ở khối liên hệ, chi nhánh…). Nhập địa chỉ hoặc tọa độ để bản đồ hiện đúng vị trí cửa hàng của bạ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. Ô ID mốc bên dưới dùng để đặt tên điểm neo cho phần tử đang chọn.

Với các nút được hệ thống tự nối link (theo menu điều hướng), sau khi bạn gắn link tay sẽ có nút “Trả về link tự động” để hoàn lại.

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… Bấm vào một link sẽ mở đúng trang đó ngay trong trình sửa. 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 kích thước

Đặt chiều rộng × chiều cao cho phần tử (theo px, %, hoặc để “auto” cho tự co). Có sẵn hai nút để thu / phóng nhanh 10%.

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.

Giàn đều khoảng cách mới

Giữ Ctrl và bấm chọn từ 2 phần tử trở lên trong cùng một khối, rồi bấm nút này để giàn chúng cách đều nhau.

Đổi khối

Bật chế độ đổi khối, rồi trỏ vào một khối trên trang. Một cụm nút nổi hiện ra ở góc khối:

• Đổi khối — thay khối 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).
• Thêm khối — chèn một khối mới ngay bên dưới (tốn một ít điểm AI).
• — chuyển khối lên trên / xuống dưới (không tốn điểm).
• Xóa — bỏ hẳn khối khỏi trang.
• Copy link — chép mốc #neo của khối để dán vào link của nút khác.

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.

Phạm vi chỉnh sửa mới

Khi bạn mở sửa một sản phẩm hoặc bài viết cụ thể, ở thanh trên cùng có ô gạt: “Sửa riêng trang này” — chỉ đổi chữ/ảnh cho đúng mục đang xem; hoặc “Sửa cho mọi trang” — sửa khuôn chung, áp cho tất cả sản phẩm/bài dùng cùng khuôn đó.

Nền trang

Nút tròn bên trái màn hình (chỉ chủ site đăng nhập). Chọn một mẫu nền nằm dưới toàn bộ nội dung; nền áp cho mọi trang của site và lưu ngay khi chọn.

Giao diện trang

Nút tròn bên trái màn hình (chỉ chủ site đăng nhập). Mở ngăn chỉnh màu sắc, bo góc, phông chữ… của cả website. Thay đổi hiện ngay ở bản xem bên phải; bấm Lưu giao diện để áp cho toàn site.

Xem trang · Hoàn tác · Lưu · Đóng

Trên thanh trên cùng: Xem trang mở bản nháp như trang thật, Hoàn tác quay lại bước trước, Lưu áp thay đổi lên trang, Đóng thoát trình sửa. Nút Toàn màn hình phóng to khu vực sửa; ba nút Desktop / Tablet / Mobile đổi khung xem theo cỡ màn hình.