Sửa trang
Thời gian render trang: 14/11/2026 07:27:14.152
Giao diện · Sửa trực tiếp

Sửa giao diện web ngay trên trang

Không cần biết code: bấm vào chữ để sửa chữ, bấm vào ảnh để thay ảnh. 7 bước dưới đây gồm mọi thao tác hay dùng nhất khi chỉnh giao diện trên Light.

Khoảng 3 phút7 bướcBấm là sửa
Sửa chữThay ảnhĐổi màu

Sửa giao diện · 7 bước

Bấm vào một bước để chuyển nhanh tới phần hướng dẫn đó.

1Bật Sửa trang
2Sửa chữ
3Thay logo
4Thay banner
5Đổi màu chữ
6Thêm module
7Thay ảnh hàng loạt
1Bước 1

Bật chế độ Sửa trang

Đăng nhập rồi bấm nút Sửa trang ở góc trái trang chủ.

Trang chuyển sang chế độ chỉnh sửa (EditViewLight)

Thanh trên cùng có ô Màn hình, nút Xem giống khách hàng; thanh công cụ trắng ở dưới cùng

thietkewebsmartpro.com/EditViewLight
Màn hình: Mặc định (Màn máy tính)Xem giống khách hàngMở trang này trong quản trị
Cài đặt chung Sản phẩm - Tin tức - Landing Công cụ SEO - Marketing - Chặn Click Tặc Giao diện (ALT+W)Liên HệĐơn hàng
2Bước 2

Sửa chữ và định dạng ngay trên trang

Bấm vào tiêu đề hoặc đoạn văn — phần được chọn có viền đỏ. Bảng bên phải hiện các thao tác cho phần đó.

Sửa chữ, số liệu trực tiếp (ví dụ "33 dự án")

Dùng Khối cha / Khối con để chọn rộng hoặc hẹp hơn

Chọn ô thừa rồi bấm Xóa trường

thietkewebsmartpro.com/EditViewLight
33 dự án hoàn thành
Đoạn mô tả ngắn bên dưới…
LƯUĐÓNGCHUYỂN ĐẾN CHẾ ĐỘ SỬA CHỮ(Alt+A)Khối chaKhối conKhối SauKhối trước
Thao tác riêng với phần nếu có
Tăng vị tríGiảm vị tríThêm trườngXóa trườngThêm cụm (Alt + B)Xóa cụm (Alt + N)
3Bước 3

Thay logo và chỉnh ảnh

Bấm vào logo, ở mục Thao tác với ảnh bấm Thay Ảnh (ALT+D) — cửa sổ Quản lý File mở ra.

Chọn ảnh logo trong Quản lý File

Bấm Nén ảnh, kéo Độ nén rồi bấm NÉN VÀ THAY THẾ ẢNH GỐC

Logo nhẹ hơn, web tải nhanh hơn

Quản lý File
Quản lý File /
Tải lên
Nhập tênTìm kiếmSắp xếp:Mời chọn sắp xếp
Thư mụcTạo thư mụcNén ảnhTự động tối ưu ảnh chuẩn SEO
hinh-anhsan-pham
Tệp
logo.png00:51 12/11/2618.12 kbbanner-moi.webp00:51 12/11/2696.40 kbfavicon.png00:51 12/11/264.21 kbanh-bai-viet.webp00:51 12/11/2674.18 kbdoi-ngu (1).jpg00:51 12/11/26555.54 kbsp-2.webp00:51 12/11/2638.02 kb
NÉN ẢNHĐộ nén:
NÉN VÀ THAY THẾ ẢNH GỐC
4Bước 4

Thay ảnh banner

Banner là ảnh lớn đầu trang. Cách thay giống thay logo.

Bấm vào banner → Thay Ảnh (ALT+D) → chọn ảnh mới

Dùng ảnh khổ ngang, rộng tối thiểu 1920px

thietkewebsmartpro.com/EditViewLight
LƯUĐÓNGCHUYỂN ĐẾN CHẾ ĐỘ SỬA CHỮ(Alt+A)Khối chaKhối conKhối SauKhối trước
Thao tác với ảnh
Thay Ảnh (ALT+D)Xóa ảnh
5Bước 5

Đổi màu chữ

Chọn chữ cần đổi màu, dùng nút màu ở bảng bên phải.

Bấm Màu chữ/icon (Alt+1) hoặc Màu Chữ (ALT+3) ở chế độ sửa chữ

Nhập mã HEX hoặc bấm chọn màu; Mặc định để trả lại màu gốc

thietkewebsmartpro.com/EditViewLight
Thiết kế web chuẩn SEO
LƯUĐÓNGCHUYỂN ĐẾN CHẾ ĐỘ SỬA CHỮ(Alt+A)Khối chaKhối conKhối SauKhối trước
Màu chữ/icon tổng thể
Màu chữ/icon (Alt+1)Mặc định
Thao tác với màu nền
Màu Nền (Alt+2)Xóa màu
6Bước 6

Thêm module mới từ danh sách

Bấm Giao diện (ALT+W): cột đen bên trái liệt kê các loại module — Header, Menu, Banner, Tin tức, Album ảnh, Form liên hệ, Bảng giá…

Bấm dấu + cạnh loại module để xem mẫu

Kéo mẫu thả vào vị trí muốn đặt trên trang

Sửa chữ, ảnh như các bước trên

thietkewebsmartpro.com/EditViewLight
Kéo thả tùy chỉnhGiao diện module tự doHeaderMenuBannerTin tứcAlbum ảnhForm liên hệ (điền thông tin)Bảng giá
7Bước 7

Thay nhiều ảnh cùng lúc

Trong module có nhiều ô ảnh (ví dụ logo đối tác), chọn nhiều ô để thay một lần.

Chọn khối chứa nhiều ô ảnh

Dùng Lấy (Tên, ảnh, mô tả) từ các trang hoặc thay từng ảnh bằng Thay Ảnh (ALT+D)

Muốn đổi bố cục? Dùng Trợ lý AI giao diện – Sửa phần đang chọn

Sửa xong nhớ bấm LƯU để giữ thay đổi.

thietkewebsmartpro.com/EditViewLight
LƯUĐÓNGCHUYỂN ĐẾN CHẾ ĐỘ SỬA CHỮ(Alt+A)Khối chaKhối conKhối SauKhối trước
Thao tác riêng với phần nếu có
Lấy (Tên, ảnh, mô tả) từ các trangDán (Tên, ảnh, mô tả) từ các trang

Mẹo sửa giao diện nhanh và đẹp

Lưu thường xuyênBấm LƯU sau mỗi nhóm thay đổi để không mất công sửa.

Xem bản điện thoạiĐổi Màn hình sang điện thoại ở thanh trên cùng để kiểm tra.

Nén ảnh trước khi dùngẢnh dưới 250kb giúp web tải nhanh và điểm SEO cao.

Tối đa 3 màuMột màu chính, một màu nền, một màu nhấn — web trông chuyên nghiệp hơn.

Nhân bản moduleCần thêm khối giống hệt? Nhân bản rồi sửa nội dung, đỡ làm lại.

Nhờ Trợ lý AIChọn một phần rồi mô tả muốn đổi gì, AI sửa đúng phần đó.