Tạo trang chủ sử dụng GrapeJS editor

Mặc định khi bạn mới cài theme freestyle thì nó chưa có gì cả như thế này:

Screenshot 2025-03-02 at 20.24.00.png

Để có thể tạo được giao diện cho trang chủ, bạn sẽ cần vào mục Các trang > Tạo, sau đó tạo một trang có tiêu đề là Home hoặc Trang chủ nếu bạn muốn tiếng Việt, tuy nhiên hãy đảm bảo Cuối đường dẫn phải là home:

Screenshot 2025-03-02 at 20.27.30.png

Bạn có thể kéo thả các thành phần cần thiết vào trang và nhấn Xuất bản.

Screenshot 2025-03-02 at 20.42.38.png

Thêm trang chủ vào menu

Mặc định thì trang chủ sẽ chưa hiển thị ngay, bạn sẽ cần vào menu main, lựa chọn từ các trang, tích vào Home và sau đó nhấn Thêm vào menu.

Sau đó bạn có thể trở lại giao diện web và sẽ thấy có sự thay đổi, trang chủ đã được hiển thị lên:

Screenshot 2025-03-02 at 20.48.23.png

Chỉnh sửa trực tiếp trang chủ từ mã nguồn

Trong trường hợp việc kéo thả không khả thi với giao diện trang chủ phức tạp mà bạn muốn bạn có thể chỉnh sửa trực tiếp từ mã nguồn thông qua trình sửa đổi bằng cách nhấn vào biểu tượng Edit mà tôi đã khoảnh đỏ trong hình bên dưới:

Screenshot 2025-03-02 at 20.50.34.png

Sau đó sẽ có một trình soạn thảo được hiện ra và bạn có thể thay đổi trực tiếp mã nguồn từ đó và nhấn nút Sửa để lưu lại.

Screenshot 2025-03-02 at 20.50.45.png

Hoặc bạn cũng có thể thay đổi trình soạn thảo sang Text:

Screenshot 2025-03-02 at 20.51.15.png