HCM-UTE LogoHCM-UTETECH DOC
2. Luồng A: Quản trị trang

Luồng A – Tạo, chỉnh sửa và công bố trang

Hướng dẫn chi tiết quy trình tạo trang mới, thiết kế khối giao diện trực quan và đưa lên thanh menu điều hướng tại HCM-UTE.

Đã ban hànhv2.4Ngày cập nhật:11/10/2026

Luồng A là luồng nghiệp vụ giúp Quý Thầy/Cô xây dựng các trang nội dung tĩnh cho đơn vị như: Trang giới thiệu chung, Sơ đồ cơ cấu tổ chức, Chương trình đào tạo ngành, Danh sách phòng thí nghiệm...

Thao tác nhanh (Dành cho Thầy/Cô)

  • Quyền cần có: Quản trị viên đơn vị (Unit Admin) hoặc Biên tập viên được phân quyền.
  • Đường dẫn nhanh: Menu trái Website → chọn Trang.
  • 5 bước thực hiện:
    1. Bấm nút + Tạo trang → chọn Trang trống (hoặc chọn nhân bản từ mẫu có sẵn).
    2. Nhập Tiêu đề trang, kiểm tra Đường dẫn (Slug) không dấu (ví dụ: co-cau-to-chuc).
    3. Bấm Thiết kế để kéo thả các khối nội dung (Banner, Giới thiệu, Nhân sự...).
    4. Bấm biểu tượng điện thoại để Xem trước hiển thị di động.
    5. Bấm Xuất bản → Sang menu Header & Footer để gắn đường dẫn trang lên thanh Menu.
  • Kết quả: Trang hiển thị công khai trên website đơn vị và người đọc có thể bấm nút trên Menu để vào xem.
Sơ đồ khốiBấm khối để xem HDSD
Đang dựng sơ đồ Mermaid...
Sơ đồ 04: Luồng A – Tạo, chỉnh sửa và công bố trang

Tác vụ 1: Khởi tạo một trang web mới

Mục đích

Tạo một trang web độc lập cho đơn vị để giới thiệu ngành nghề, bộ môn hoặc quy chế làm việc.

Các bước thực hiện

  1. Tại menu điều hướng bên trái, Thầy/Cô chọn Website → chọn Trang.
  2. Bấm nút màu xanh + Tạo trang ở góc trên bên phải → chọn Trang trống.
  3. Điền các trường thông tin cơ bản:
    • Tiêu đề (*): Nhập tên trang trang trọng, rõ nghĩa (ví dụ: Cơ cấu tổ chức và Đội ngũ Giảng viên).
    • Đường dẫn / Slug (*): Hệ thống tự sinh chữ thường không dấu nối bằng gạch ngang (ví dụ: co-cau-to-chuc). Thầy/Cô có thể chỉnh sửa lại cho ngắn gọn.
    • Trang cha: Nếu đây là trang con (ví dụ nằm trong mục Giới thiệu), Thầy/Cô chọn trang cha tương ứng; nếu là trang độc lập thì để trống.
    • Mô tả: Viết 1 - 2 câu tóm tắt nội dung trang.
  4. Bấm nút Tạo trang.

Kết quả

Trang được tạo thành công ở trạng thái Bản nháp và xuất hiện ngay trong sơ đồ cây trang của đơn vị.

Lưu ý nếu có

  • Không đặt dấu cách tiếng Việt hay các ký tự đặc biệt như @, #, $, % trong ô Đường dẫn (Slug).

Tác vụ 2: Thiết kế giao diện trang bằng Page Builder

Mục đích

Lắp ghép các khối giao diện chuẩn hóa (Banner, khối chữ, ảnh đại diện, danh sách nhân sự) theo thời gian thực mà không cần biết lập trình.

Các bước thực hiện

  1. Trong danh sách trang, Thầy/Cô tìm đến trang vừa tạo và bấm nút màu xanh Thiết kế (Page Builder).
  2. Tại cột bên trái (Thư viện khối), chọn nhóm khối mong muốn:
    • Khối Banner hình ảnh lớn, Khối Giới thiệu tóm tắt, Khối Ban lãnh đạo, hoặc Khối Tin tức tự động.
  3. Dùng chuột kéo khối đó thả vào không gian ở giữa màn hình (Canvas).
  4. Bấm chuột trực tiếp vào khối vừa thả để thay đổi câu chữ và bấm đổi hình ảnh tại cột thuộc tính bên phải.
  5. Kiểm tra hiển thị: Bấm vào biểu tượng Điện thoại ở thanh trên cùng để xem trang khi mở bằng smartphone có cân đối hay không.
  6. Bấm nút Lưu thay đổi ở góc trên.

Kết quả

Giao diện trang web được sắp xếp gọn gàng, đẹp mắt và đồng bộ tuyệt đối với nhận diện thương hiệu của Nhà trường.

Lưu ý nếu có

  • Thầy/Cô có thể kéo thả đổi thứ tự các khối từ trên xuống dưới dễ dàng tại tab Quản lý phân tầng (Layers) ở cột bên trái.

Tác vụ 3: Xuất bản trang và gắn liên kết lên thanh Menu

Mục đích

Đưa trang lên mạng Internet công khai và tạo lối vào trên thanh Menu chính để độc giả thuận tiện bấm vào xem.

Các bước thực hiện

  1. Xuất bản trang: Trong màn hình thiết kế hoặc danh sách trang, Thầy/Cô bấm nút Xuất bản (Publish). Trang sẽ chuyển từ màu xám sang trạng thái màu xanh lá Đã xuất bản.
  2. Lấy liên kết trang: Bấm biểu tượng Sao chép link của trang đó.
  3. Gắn vào Menu điều hướng:
    • Tại menu bên trái, Thầy/Cô chọn Website → chọn Header & Footer (tab Đầu trang).
    • Chọn đúng nút bấm hoặc cột muốn đặt liên kết.
    • Dán liên kết vừa chép vào ô Đường dẫn liên kết.
  4. Lưu hoàn tất: Bấm nút Lưu thay đổi.

Kết quả

Trang web hiển thị công khai trên website. Khi độc giả nhấp vào thanh Menu trên cùng, trang sẽ lập tức được mở ra.

Lưu ý nếu có

  • Nếu Thầy/Cô chỉ bấm Xuất bản mà quên gắn vào Menu, người đọc sẽ không biết đường dẫn để tìm thấy trang này.

⚠️ Các tình huống thường gặp và cách xử lý

Tình huống 1: Đã xuất bản trang thành công nhưng bấm vào Menu ngoài web báo lỗi 404 (Không tìm thấy trang)?

  • Nguyên nhân: Khi gắn vào Menu, Thầy/Cô có thể đã gõ nhầm một chữ cái trong đường dẫn URL hoặc quên chưa lưu cấu hình Menu.
  • Cách xử lý: Mở lại mục Header & Footer, bấm nút Chọn trang thay vì tự gõ tay để hệ thống tự động điền đúng địa chỉ, sau đó bấm Lưu thay đổi.

Tình huống 2: Muốn tạm thời gỡ trang xuống để sửa chữa lớn mà không xóa mất nội dung?

  • Cách xử lý: Thầy/Cô vào danh sách trang, bấm nút ba chấm (⋮) cạnh tên trang và chọn Hủy xuất bản (Unpublish). Trang sẽ chuyển về trạng thái Bản nháp, người ngoài web không thể xem được nhưng toàn bộ công sức thiết kế của Thầy/Cô vẫn được giữ nguyên vẹn trong hệ thống.
Đánh giá bài viết

Bài hướng dẫn này có giúp Thầy/Cô hoàn thành công việc không?

Ý kiến phản hồi giúp Ban Quản trị hoàn thiện tài liệu phục vụ Thầy/Cô tốt hơn.

Mục lục bài viết