Chuyển tới nội dung chính

Sử dụng Page Builder (Kiến tạo Trang)

Route: Truy cập qua Sidebar Menu > CMS > Thiết lập trang > Page Builder

Tính năng Page Builder giúp bạn tự tay thiết kế và sắp xếp bố cục cho các trang trên Cổng thông tin (ví dụ: Trang chủ, Trang giới thiệu) một cách trực quan bằng các Khối (Block) được dựng sẵn mà không cần biết lập trình.

1. Màn hình làm việc chính​

Khi truy cập vào Page Builder, giao diện làm việc sẽ được chia làm ba cột (3 phân khu) chính:

Màn hình Page Builder

  • Cột 1 (Cài đặt trang - Trái): Nơi bạn chọn Cổng thông tin đang muốn chỉnh sửa, xem cây danh sách các trang hiện có và thêm trang mới.
  • Cột 2 (Khu vực thiết kế - Giữa): Nơi chứa Trạm điều khiển liên kết Menu và danh sách các "Khối nội dung" (Section/Block) đang được sử dụng trên trang. Tại đây bạn có thể thay đổi thứ tự các khối, cấu hình hiển thị chi tiết hoặc xóa khối.
  • Cột 3 (Thư viện Khối - Phải): Chứa danh sách các mẫu Khối nội dung (Banner, Tin tức, Văn bản, Đội ngũ...) để bạn bấm chọn và đưa vào trang.

2. Hướng dẫn Tạo một trang mới​

Nếu bạn muốn tạo một trang hoàn toàn mới (ví dụ: Trang "Liên hệ"):

  1. Tại cột bên trái (Cột 1), trong mục Chọn Cổng Thông Tin, hãy chắc chắn bạn đang chọn đúng cổng (VD: Cổng Chính CTUMP).
  2. Bấm vào nút + Thêm trang mới (nút nét đứt).
  3. Một cửa sổ hiện ra, bạn cần điền:
    • Nhúng nhanh trang tĩnh (Tùy chọn): Nếu bạn đã soạn thảo nội dung trang này trong phần "Trang tĩnh", hãy tìm chọn nó ở đây. Hệ thống sẽ tự động điền Tên, Mã trang và sinh sẵn khối tĩnh.
    • Tên trang (Tiếng Việt): Gõ tên trang (VD: Liên hệ).
    • Mã trang: (Tùy chọn) Gõ mã không dấu viết liền. Nếu để trống, hệ thống tự động tạo mã từ tên trang.
  4. Bấm Tạo trang. Trang mới sẽ xuất hiện ngay trong "Danh sách trang" ở cột trái.

3. Gắn trang lên Menu (Điều hướng)​

Sau khi tạo trang, để người xem có thể click truy cập vào trang từ thanh Menu, bạn cần thực hiện thao tác gắn link:

  1. Click chọn trang bạn vừa tạo ở cột bên trái.
  2. Nhìn sang cột giữa (Cột 2), trên cùng có khu vực Gắn trang này vào Menu.
  3. Bấm vào ô danh sách chọn, tìm và click vào vị trí Menu phù hợp (Ví dụ: [Gắn link] Liên hệ).
  4. Hệ thống sẽ báo "Đã gắn vào..." kèm nhãn màu xanh lá. (Ghi chú: Để tạo thêm các nút Menu mới, hãy truy cập tính năng Quản lý Menu).

4. Hướng dẫn Thêm và Cấu hình Khối (Block)​

Để trang web của bạn có nội dung phong phú và hấp dẫn, bạn sẽ cần ghép nhiều Khối với nhau.

  1. Thêm Khối: Tại cột phải (Thư viện khối), tìm loại Khối bạn muốn (Ví dụ: Khối Danh sách Bài viết) và bấm nút Thêm. Khối lập tức xuất hiện trong Khu vực thiết kế ở cột giữa.
  2. Thao tác với Khối: Tại cột giữa, với mỗi Khối bạn có thể:
    • Đổi giao diện & Cấu hình (Bánh răng): Bấm biểu tượng ⚙️ để chọn kiểu hiển thị (dạng lưới, danh sách...) hoặc tùy chỉnh nguồn dữ liệu, màu sắc.
    • Di chuyển (Lên/Xuống): Bấm Mũi tên để đẩy khối lên trên hoặc xuống dưới.
    • Tạm ẩn / Bật: Dùng công tắc (Switch) để ẩn nhanh khối khỏi màn hình mà không cần xóa đi.
    • Xóa: Bấm biểu tượng Thùng rác để xóa hoàn toàn.
LƯU Ý QUAN TRỌNG

Mọi thao tác chỉnh sửa, thêm/bớt khối của bạn sẽ CHƯA được áp dụng ra bên ngoài website ngay lập tức. Điều này giúp bạn thoải mái thử nghiệm thiết kế.

Sau khi sắp xếp ưng ý, bạn BẮT BUỘC phải bấm nút Lưu Layout (Màu xanh, góc trên cùng bên phải cột giữa) để website chính thức cập nhật.