Chỉnh sửa phần tử
Sau khi thêm phần tử vào trang, nhấn vào phần tử để chọn — sidebar phải sẽ hiển thị tất cả thuộc tính có thể chỉnh sửa.
Chỉnh sửa Text (Văn bản)
Chỉnh sửa nội dung
Nhấn đúp chuột vào phần tử Text trên canvas để vào chế độ chỉnh sửa. Gõ nội dung mới rồi nhấn ra ngoài để thoát.
Định dạng chữ (qua Sidebar phải)
| Thuộc tính | Mô tả |
|---|---|
| Font | Chọn kiểu chữ |
| Cỡ chữ | Thay đổi kích thước |
| Màu chữ | Chọn màu cho văn bản |
| Căn chỉnh | Trái / Giữa / Phải / Đều hai bên |
| Độ dày | Normal, Medium, Bold... |
| Line height | Khoảng cách giữa các dòng |
| Letter spacing | Khoảng cách giữa các ký tự |
Chỉnh sửa Image (Hình ảnh)
Thay ảnh
Nhấn vào phần tử Image trên canvas, sau đó trong sidebar phải tìm mục Hình ảnh và nhấn để tải ảnh mới lên.
Điều chỉnh hiển thị ảnh
| Thuộc tính | Mô tả |
|---|---|
| Object-fit | Cover (lấp đầy), Contain (vừa khung), None |
| Alt text | Mô tả thay thế khi ảnh không tải được (tốt cho SEO) |
| Chiều rộng / cao | Điều chỉnh kích thước khung chứa ảnh |
Chỉnh sửa Box (Khung chứa)
Box là phần tử linh hoạt nhất — nó đóng vai trò như container cho các phần tử bên trong.
Layout (Bố cục)
- Direction: Row (ngang) hoặc Column (dọc)
- Justify: Căn chỉnh trục chính (Start, Center, End, Space-between...)
- Align: Căn chỉnh trục phụ
- Gap: Khoảng cách giữa các phần tử con
- Wrap: Cho phép xuống dòng khi hết không gian
Kích thước
- Chiều rộng và chiều cao (px, %, auto)
- Min/Max width, Min/Max height
Màu nền & Hình nền
- Chọn màu nền thuần
- Hoặc đặt hình ảnh làm nền
Bo góc (Border Radius)
Điều chỉnh độ bo tròn của các góc.
Khoảng cách (Spacing)
- Padding: Khoảng cách bên trong Box
- Margin: Khoảng cách bên ngoài Box
Chỉnh sửa Button (Nút bấm)
Nội dung
Nhấn đúp để đổi chữ trên nút.
Liên kết
Trong sidebar phải, tìm mục Liên kết (Link) để thêm URL cho nút.
| Tùy chọn | Dùng khi |
|---|---|
| URL ngoài | Mở trang web khác |
| Trang trong site | Điều hướng giữa các trang nội bộ |
| Mở tab mới | Thêm target="_blank" |
Chỉnh sửa Form (Biểu mẫu)
Chọn phần tử Form để cấu hình:
- Tên các trường nhập liệu
- Placeholder (gợi ý trong ô)
- Bắt buộc hay không
- Nút gửi form
Dữ liệu khi người dùng gửi sẽ xuất hiện tại tab Form liên hệ trong Manager.
Sao chép & Dán phần tử
- Chọn phần tử →
Ctrl+Cđể sao chép Ctrl+Vđể dán (phần tử mới sẽ xuất hiện bên dưới phần tử gốc)Ctrl+Dđể nhân đôi nhanh
Hoàn tác thay đổi
Nhấn Ctrl+Z để hoàn tác bước cuối. Nhấn Ctrl+Shift+Z để làm lại.