# Hướng dẫn quản lý giao diện website trên Haravan
Khi muốn thay đổi hình ảnh, hiệu chỉnh hoặc trang trí lại giao diện website, hãy truy cập admin > click vào Website > click mục Giao diện. Tại đây bạn có thể chủ động tùy chỉnh bố cục, màu sắc và hình ảnh theo nhu cầu của bạn.
## Mục lục
- [Giao diện chính](#giao-diện-chính)
- [Quản lý giao diện](#quản-lý-giao-diện)
- [Các hành động/ thao tác có thể thực hiện với giao diện](#các-hành-động-với-giao-diện)
- [Core Web Vitals](#core-web-vitals)
---
## Giao diện chính
**Đây là giao diện khách hàng sẽ thấy khi truy cập website**.
- Mỗi website **chỉ có thể áp dụng một giao diện chính** tại một thời điểm.
- Giao diện trong admin là **phiên bản mặc định**, bạn cần tự tùy chỉnh để phù hợp nhu cầu và thẩm mỹ.
? Để chỉnh sửa giao diện chính:
- Nhấn vào nút **Thiết lập theme** (màu xanh đậm, góc phải trên cùng).
- Trong phần thiết lập theme, hệ thống có sẵn **hình minh họa đánh số thứ tự** để bạn dễ đối chiếu và chỉnh đúng vị trí mà bạn muốn chỉnh sửa.
- Nếu có phần chưa hiển thị số thứ tự để chỉnh, bạn cần liên hệ đội ngũ hỗ trợ bằng cách tạo ticket và mô tả chi tiết nhu cầu tại https://support.haravan.com/support/tickets/new
---
## Quản lý giao diện
- Đây là nơi lưu trữ **các giao diện phụ** (bạn đã từng sở hữu hoặc áp dụng cho web nhưng hiện không còn dùng và không muốn xóa).
- Bạn có thể:
- Nhấn **Áp dụng** để thay đổi giao diện chính.
- Nhấn **Thiết lập theme** để chỉnh sửa trước khi áp dụng.
? Tải giao diện mới lên:
1. Nhấn **Tải giao diện lên**.
2. Chọn file giao diện từ máy tính (chỉ hỗ trợ file **.zip**, dung lượng tối đa **40MB**).
3. Sau khi tải xong, nhấn **Áp dụng** nếu muốn sử dụng ngay làm giao diện chính.
⚠️ **Giới hạn:** Mỗi admin chỉ được lưu tối đa **8 giao diện** (1 chính + 7 phụ). Nếu vượt quá, hãy **xuất giao diện về máy tính để lưu trữ**, khi cần có thể tải lên lại.
---
## Các hành động/thao tác có thể thực hiện với giao diện
Tại mỗi giao diện, nhấn vào nút **3 chấm** (bên phải nút Áp dụng) để thực hiện các thao tác sau:
- **Xem thử**: Xem trước giao diện trước khi quyết định áp dụng.
- **Đổi tên giao diện**: Giúp phân biệt khi bạn có nhiều phiên bản khác nhau.
- **Chỉnh sửa code**: Chỉ nên dùng khi bạn có kỹ năng lập trình, để tự chỉnh sửa giao diện bằng code.
- **Sao chép**: khi bạn cần sao lưu bản theme hiện tại trước khi thực hiện chỉnh sửa, ví dụ cần bản backup để khôi phục lại khi lỡ chinh sửa gì đó chưa đúng ý.
- **Xuất giao diện**: Lưu giao diện về máy tính trước khi xóa (khi đã vượt giới hạn).
Lưu ý: Nếu file giao diện không được tải về, bạn hãy kiểm tra trình duyệt có đang chặn pop up không. Nếu có hãy tắt đi.
- **Xóa giao diện**: Loại bỏ giao diện không còn dùng đến.
---
## Core Web Vitals
- Đây là **bộ chỉ số quan trọng** đánh giá trải nghiệm người dùng trên website.
- Bao gồm tốc độ tải trang, độ ổn định hiển thị, khả năng phản hồi khi người dùng thao tác.
- Xem chi tiết tại [Core Web Vitals - Haravan Help](https://help.haravan.com/docs/website/seo/tim-hieu-ve-bo-yeu-to-core-web-vitals-danh-gia-hieu-qua-website/).
Ngoài ra, bạn cũng có thể tham khảo kho giao diện Haravan nếu cần giao dịch hoặc mua giao diện khi chưa có bất kì ý tưởng thiết kế/hiệu chỉnh nào khác. Hãy click vào nút **Đến kho giao diện** khi cần tham khảo.
