HƯỚNG DẪN SỬ DỤNG HỆ THỐNG CMS QUẢN TRỊ WEBSITE

TRƯỜNG TIỂU HỌC QUỐC TẾ THĂNG LONG (TH QUỐC TẾ THĂNG LONG)

---

Hệ thống Quản trị Nội dung (CMS) VietnamPedia
Địa chỉ truy cập: https://tieuhocquoctethanglong.edu.vn/admin
Tài khoản quản trị: Đăng nhập theo tài khoản được cung cấp
Tài liệu bàn giao & vận hành chuẩn cho Ban Biên tập & Quản trị viên

---

MỤC LỤC

1. Đăng Nhập & Tổng Quan Giao Diện Quản Trị
   • 1.1 Thao Tác Đăng Nhập
   • 1.2 Bảng Điều Khiển & Cấu Trúc Sidebar
2. Module 1: Quản Lý Tin Bài & Video
   • 2.1 Danh Sách Bài Viết & Bộ Lọc Nhanh
   • 2.2 Hướng Dẫn Thêm Mới Bài Viết Chi Tiết
   • 2.3 Hướng Dẫn Đăng Video (Video Thường & Short Video)
   • 2.4 Quản Lý Chuyên Mục Bài Viết (Hashtag Menu)
   • 2.5 Quản Lý Từ Khóa (Hashtags)
3. Module 2: Chứng Nhận, Giải Thưởng
   • 3.1 Danh Sách Chứng Nhận
   • 3.2 Hướng Dẫn Thêm Mới Chứng Nhận / Giải Thưởng
4. Module 3: Thư Viện Ảnh (Gallery)
   • 4.1 Quản Lý Nhóm Album
   • 4.2 Thêm Mới Album Ảnh Sự Kiện
5. Module 4: Cài Đặt Trang Web
   • 5.1 Thiết Lập Chung (Cấu Hình Hệ Thống, Logo, Hotline, SEO)
   • 5.2 Home: Box Giới Thiệu 1 (School Intro Box)
   • 5.3 Home: Box Giới Thiệu 2 (Collage Section)
   • 5.4 Tùy Chỉnh Từ Ngữ Hiển Thị (Phrases)
6. Module 5: Nhận Xét Phụ Huynh
   • 6.1 Danh Sách Nhận Xét
   • 6.2 Hướng Dẫn Thêm Mới Nhận Xét Phụ Huynh
7. Module 6: Đội Ngũ Giáo Viên
   • 7.1 Danh Sách Cán Bộ - Giáo Viên
   • 7.2 Hướng Dẫn Thêm Mới Giáo Viên
8. Module 7: Các Hoạt Động (Mốc Lịch Sử)
   • 8.1 Danh Sách Hoạt Động
   • 8.2 Hướng Dẫn Thêm Mới Mốc Hoạt Động
9. Module 8: Menu Trang Chủ
   • 9.1 Quản Lý Cây Menu Đa Cấp
   • 9.2 Thêm Mới Menu Item
10. Module 9: Chương Trình Học
    • 10.1 Quản Lý Nhóm Chương Trình
    • 10.2 Hướng Dẫn Thêm Mới Chương Trình Học
11. Module 10: Dấu Ấn Học Sinh
    • 11.1 Quản Lý Nhóm Dấu Ấn
    • 11.2 Hướng Dẫn Thêm Mới Dấu Ấn Học Sinh
12. Module 11: Quản Lý Home Cover (Slideshow)
    • 12.1 Quản Lý Slideshow Trang Chủ
    • 12.2 Cập Nhật Banner & Thêm Mới Slide Cover
13. Quy Chuẩn Kích Thước Hình Ảnh & Mẹo Vận Hành

---

1. ĐĂNG NHẬP & TỔNG QUAN GIAO DIỆN QUẢN TRỊ

1.1 Thao tác đăng nhập

1. Mở trình duyệt web (Google Chrome, Cốc Cốc, Safari, Edge...), truy cập vào liên kết:
   https://tieuhocquoctethanglong.edu.vn/admin
2. Hệ thống tự động chuyển tiếp tới trang đăng nhập:
   • Tài khoản / Email: Đăng nhập theo tài khoản được cung cấp
   • Mật khẩu: Nhập mật khẩu tương ứng được cung cấp
   • Tích chọn Remember Me để duy trì phiên làm việc trên máy tính cá nhân.
3. Nhấp nút Đăng nhập để vào Bảng điều khiển CMS.

Phóng to ảnh

---

1.2 Bảng điều khiển & Cấu trúc Sidebar Menu

Sau khi đăng nhập thành công, bạn sẽ thấy giao diện quản trị tổng quan của nền tảng VietnamPedia CMS.

Phóng to ảnh

Cột bên trái (Sidebar) chứa toàn bộ các menu chức năng:

• Tin bài & Video: Quản lý tin tức sự kiện, đăng bài, đăng video, chuyên mục, từ khóa.
• Chứng nhận, giải thưởng: Thành tích, huân chương, bằng khen nhà trường.
• Thư viện ảnh: Quản lý các bộ sưu tập hình ảnh hoạt động dã ngoại, ngoại khóa, lễ hội.
• Cài đặt trang web: Thiết lập chung, từ ngữ hiển thị, các khối giới thiệu trang chủ (Box 1 & Box 2).
• Nhận xét phụ huynh: Đánh giá, testimonial của phụ huynh học sinh.
• Đội ngũ giáo viên: Danh sách cán bộ giáo viên, ban giám hiệu, giáo viên bản ngữ.
• Các hoạt động: Lịch sử hình thành và các mốc thời gian phát triển nổi bật.
• Menu trang chủ: Cấu trúc thanh điều hướng Header menu trên website.
• Chương trình học: Các hệ đào tạo, chương trình tiếng Anh, Cambridge, STEAM.
• Dấu ấn học sinh: Thành tích học sinh tiêu biểu, cảm nghĩ, quotes.
• Quản lý Home Cover: Banner Slider chạy tự động ngoài đầu trang chủ.

---

2. MODULE 1: QUẢN LÝ TIN BÀI & VIDEO

2.1 Danh sách bài viết & bộ lọc nhanh

Truy cập: Tin bài & Video -> DS bài (/blog/post/index).

Phóng to ảnh

Tại màn hình danh sách:

• Thanh lọc theo ngày: Nhập khoảng ngày Từ ngày - Đến ngày, bấm Lọc hoặc Xóa bộ lọc để quay về mặc định.
• Tab trạng thái:
  • Đã đăng (hiển thị công khai ngoài website).
  • Đã lên lịch (hẹn giờ tự động đăng trong tương lai).
  • Đang viết (bản nháp lưu tạm, chưa hiện ngoài website).
  • Đã xóa (thùng rác tạm lưu).
• Thao tác nhanh trên từng bài:
  • Xem: Mở bài viết trực tiếp ngoài trang người dùng.
  • Sửa: Mở form chỉnh sửa nội dung bài viết.
  • Đánh giá AI: Chấm điểm chất lượng nội dung và chuẩn SEO bài viết.
  • Xóa: Di chuyển bài vào thùng rác.
• Nút "+ Thêm": Nằm ở góc trên bên phải, bấm vào để mở form tạo bài viết mới.

---

2.2 Hướng dẫn thêm mới bài viết chi tiết

Truy cập: Tin bài & Video -> Tạo bài (/blog/post/create).

Phóng to ảnh

Giao diện tạo bài gồm 2 cột chuyên biệt:

A. CỘT TRÁI - NỘI DUNG CHÍNH CỦA BÀI VIẾT

---

B. CỘT PHẢI - CÀI ĐẶT XUẤT BẢN & TỐI ƯU SEO

C. CÁC NÚT THAO TÁC LƯU

Ở góc dưới cùng có 4 nút hành động:

• Save (Lưu): Lưu lại dữ liệu và tiếp tục ở lại trang chỉnh sửa bài viết.
• Save & exit (Lưu & thoát): Lưu bài viết và quay trở lại danh sách tin bài.
• Save & preview (Lưu & xem trước): Lưu bài viết và mở tab mới để bạn xem ngay bài hiển thị thực tế ngoài website như thế nào.
• Cancel (Hủy): Hủy các nội dung vừa nhập, không lưu vào cơ sở dữ liệu.

---

2.3 Hướng dẫn đăng video (Video thường & Short video)

Truy cập: Tin bài & Video -> Đăng video (/blog/post/add-video).

Phóng to ảnh

Khác với bài viết thông thường, form đăng video cho phép nhúng video trực tiếp từ YouTube, Vimeo hoặc file máy chủ:

1. Tiêu đề của bài (*): Tên video (ví dụ: Giai điệu tự hào - Tiết mục văn nghệ Chào mừng 20/11).
2. Slug của bài: Đường dẫn URL thân thiện cho video.
3. Mô tả ngắn (*): Đoạn giới thiệu nội dung video.
4. Loại video:
   • Video thường: Tỷ lệ ngang 16:9 truyền thống.
   • Short video: Dành cho các video dọc ngắn theo định dạng YouTube Shorts hoặc TikTok.
5. Cách nạp video:
   • Tab Video URL: Dán trực tiếp đường link video từ YouTube (ví dụ: https://www.youtube.com/watch?v=TPFm4yZeEBk) hoặc link file .mp4. Bấm nút Chọn Video nếu đã có file trong thư viện media.
   • Tab Video Embed: Dán mã nhúng <iframe> nếu video lấy từ các nguồn đặc biệt khác.
   • Khung xem trước: Màn hình phát video sẽ hiển thị ngay bên dưới để bạn kiểm tra xem video có chạy được hay không trước khi lưu.
6. Độ dài video: Nhập thời lượng video theo cú pháp hh:mm:ss (ví dụ: 00:03:45 cho video 3 phút 45 giây).
7. Ảnh đại diện (*): Tải ảnh bìa thumbnail của video để hiển thị trên danh sách video ngoài trang chủ.
8. Chuyên mục, Từ khóa, SEO & Ngày đăng: Điền tương tự như bài viết thường.
9. Bấm Save hoặc Save & exit để hoàn tất đăng video.

---

2.4 Quản lý chuyên mục bài viết (Hashtag Menu)

Truy cập: Tin bài & Video -> Chuyên mục (/common/hashtag-menu?contenttype=blog).

Phóng to ảnh

Chuyên mục giúp phân loại tin bài để hiển thị trên các trang chuyên đề ngoài website:

1. Nhấp nút Add item (màu xanh lá) để mở form thêm mới chuyên mục.
2. Form thêm mới chuyên mục:

Phóng to ảnh

Giải thích các trường:

• Tên chuyên mục (*): Nhập tên danh mục muốn hiển thị (ví dụ: Góc Tri Ân, CLB Ngoại Khóa...).
• Mục cha:
  • Nếu là chuyên mục lớn nhất (cấp 1): Để giá trị None hoặc 0.
  • Nếu là chuyên mục con (cấp 2): Chọn chuyên mục cha tương ứng (ví dụ: Hoạt Động Giáo Dục).
• Keyword (Từ khóa): Chọn hashtag liên kết để các bài viết gắn hashtag đó tự động gom vào chuyên mục này.
• Thứ tự hiển thị: Nhập số nguyên (1, 2, 3...) để xác định thứ tự sắp xếp từ trước ra sau.
• Bấm Save để lưu chuyên mục.

---

2.5 Quản lý từ khóa (Hashtags)

Truy cập: Tin bài & Video -> Từ khóa (/common/hashtag).

Phóng to ảnh

• Hệ thống hiển thị bảng thống kê các thẻ hashtag đang có trên website kèm số lượng bài viết đang gắn thẻ.
• Bạn có thể kiểm tra bài viết thuộc từng thẻ hoặc tìm kiếm nhanh các từ khóa phổ biến để tái sử dụng trong các bài viết mới.

---

3. MODULE 2: CHỨNG NHẬN, GIẢI THƯỞNG

Chức năng này dùng để quản lý các bằng khen, chứng chỉ kiểm định chất lượng giáo dục, cúp và danh hiệu mà nhà trường đã đạt được.

3.1 Danh sách chứng nhận

Truy cập: Chứng nhận, giải thưởng (/common/flex-content/index?contenttype=certificate).

Phóng to ảnh

• Bấm nút xanh + Thêm ở phía trên bên phải để tạo mới một chứng nhận.

---

3.2 Hướng dẫn thêm mới chứng nhận / giải thưởng

Đường dẫn: /common/flex-content/create?contenttype=certificate.

Phóng to ảnh

Quy cách trường dữ liệu (Field map: title, issuer/year, description, avatar):

Bấm Save để lưu lại hoặc Cancel để hủy bỏ.

---

4. MODULE 3: THƯ VIỆN ẢNH (GALLERY)

4.1 Quản lý nhóm album

Truy cập: Thư viện ảnh -> Nhóm album (/common/category?ctype=gallery).

Phóng to ảnh

Nhóm album dùng để phân loại các bộ ảnh (ví dụ: Hoạt động ngoại khóa, Lễ hội truyền thống, Hoạt động thể thao, Tham quan dã ngoại...).

Thao tác tạo nhóm album mới:

Bấm nút + Thêm để vào màn hình tạo nhóm:

Phóng to ảnh

• Danh mục cha: Để trống nếu là nhóm lớn, hoặc chọn nhóm cha nếu muốn tạo nhóm phân cấp con.
• Tên danh mục (*): Nhập tên nhóm ảnh (ví dụ: Ngoại khóa & Dã ngoại).
• Slug: Để trống để hệ thống tự tạo hoặc tự gõ (ví dụ: ngoai-khoa-da-ngoai).
• Ảnh đại diện (*): Bấm Chọn ảnh để đặt ảnh bìa cho nhóm album này.
• Thứ tự hiển thị: Nhập số thứ tự sắp xếp (1, 2, 3...).
• Hiển thị: Tích chọn để nhóm hiển thị ra ngoài giao diện.
• Bấm Save để hoàn tất.

---

4.2 Thêm mới album ảnh sự kiện

Truy cập: Thư viện ảnh -> DS album (/common/flex-content/index?contenttype=gallery).

Phóng to ảnh

Nhấp nút + Thêm để mở form tạo album ảnh:

Phóng to ảnh

Chi tiết các bước thực hiện:

1. Tiêu đề (*): Nhập tên sự kiện / album (ví dụ: Hành trình trải nghiệm tại Làng gốm Bát Tràng - Khối 3).
2. Mô tả ngắn: Giới thiệu tóm tắt bối cảnh buổi lễ hoặc hoạt động chụp ảnh (thời gian, địa điểm, các lớp tham gia).
3. Bộ ảnh:
   • Nhấp vào nút xanh Chọn ảnh để mở kho ảnh Media.
   • Có thể chọn cùng lúc nhiều ảnh (giữ phím Ctrl hoặc kéo chuột chọn hàng loạt) để tải lên bộ sưu tập.
4. Ảnh đại diện (Cột phải): Bấm Chọn ảnh để chọn 1 tấm ảnh tiêu biểu nhất làm ảnh bìa đại diện cho toàn bộ album.
5. Công bố: Tích chọn ô Công bố để album xuất hiện trên trang Thư viện ảnh.
6. Ngày đăng: Chọn ngày diễn ra sự kiện hoặc ngày đăng tải.
7. Bấm Save để lưu album ảnh.

---

5. MODULE 4: CÀI ĐẶT TRANG WEB

Module này chứa các cấu hình quan trọng nhất điều khiển thông tin liên hệ toàn trường, SEO tổng thể, và 2 khối giới thiệu đặc sắc nhất ngoài trang chủ.

5.1 Thiết lập chung (Cấu hình hệ thống, Logo, Hotline, SEO)

Truy cập: Cài đặt trang web -> Thiết lập chung (/common/config).

Phóng to ảnh

Giải thích các mục cấu hình:

1. Ảnh đại diện trang khi chia sẻ mạng xã hội: Ảnh OpenGraph hiển thị mặc định khi chia sẻ link trang chủ website lên Facebook, Zalo. (Kích thước chuẩn: 1200 x 630 px).
2. Logo loading: Logo nhỏ xuất hiện lúc trình duyệt đang tải trang.
3. Logo trang: Logo nhận diện thương hiệu chính thức xuất hiện trên thanh Header Menu góc trên cùng bên trái của website.
4. Site title Tiếng Việt: Tiêu đề trang web hiển thị trên thẻ tab trình duyệt (ví dụ: Trường Tiểu học Quốc tế Thăng Long).
5. Site keywords: Từ khóa SEO chung cho toàn trường (ngăn cách bằng dấu phẩy).
6. Site description: Đoạn mô tả vắn tắt về trường xuất hiện khi tìm kiếm trang chủ trên Google.
7. Address: Địa chỉ trụ sở trường học hiển thị ở phần chân trang (Footer).
8. Hotline: Số điện thoại hotline tuyển sinh (ví dụ: 0937981707), khi người dùng bấm vào trên điện thoại sẽ tự động gọi ngay.
9. Google Maps: Mã nhúng bản đồ vị trí trường học trên Google Maps.
10. Google Analytic ID: Mã theo dõi lượng người truy cập (ví dụ: G-XXXXXXXXXX hoặc UA-XXXXXXXXX).
11. Facebook: Đường dẫn Fanpage Facebook chính thức của trường.
12. Emails nhận thông báo liên hệ: Hộp thư email của văn phòng tuyển sinh để nhận thông tin khi phụ huynh gửi biểu mẫu liên hệ trực tuyến.
13. Bấm nút Lưu cấu hình ở cuối trang sau khi chỉnh sửa.

---

5.2 Home: Box giới thiệu 1 (School Intro Box)

Truy cập: Cài đặt trang web -> Home: Box giới thiệu 1 (/common/flex-content/update?id=school_intro_box).

Khối này nằm ngay dưới banner trang chủ, gồm phần chữ giới thiệu ngắn bên trái kèm 3 thông số ấn tượng và ảnh tập thể học sinh bên phải.

Phóng to ảnh

Chi tiết các trường:

• Eyebrow (span): Dòng chữ phụ nhỏ phía trên tiêu đề chính (ví dụ: Giới thiệu trường).
• Tiêu đề (h2) (*): Tiêu đề lớn của khối (ví dụ: Thăng Long International Primary).
• Mô tả (p): Đoạn văn bản giới thiệu về triết lý giáo dục của trường (định hướng Cambridge, tiếng Anh học thuật, STEAM, nghệ thuật, môi trường an toàn và sáng tạo...).
• Highlights (Bộ 3 số liệu thống kê nổi bật):
  • Số liệu #1: 1:18 | Nhãn #1: Tỷ lệ giáo viên / học sinh
  • Số liệu #2: 100% | Nhãn #2: Lớp học có trợ giảng song ngữ
  • Số liệu #3: 32+ | Nhãn #3: CLB học thuật, nghệ thuật, thể thao
• Ảnh giới thiệu (bên phải): Bấm Chọn ảnh để đổi ảnh chụp học sinh/khuôn viên trường bên góc phải.
• Công bố: Tích chọn để khối này hiển thị ngoài trang chủ.
• Bấm Save để áp dụng thay đổi.

---

5.3 Home: Box giới thiệu 2 (Collage Section)

Truy cập: Cài đặt trang web -> Home: Box giới thiệu 2 (/common/flex-content/update?id=collage_section).

Đây là khối giao diện dạng Ghép tranh ảnh nghệ thuật (Photo Collage Grid) gồm 7 Card đan xen giữa ảnh sinh động và các ô màu thông điệp triết lý giáo dục.

Phóng to ảnh

Cấu trúc 7 thẻ (Cards):

• Card #1: Dạng ảnh đứng cao (photo tall) -> Chọn ảnh hoạt động ngoài trời của học sinh.
• Card #2: Ô màu xanh dương (blue) -> Nhãn: Hệ thống giáo dục | Tiêu đề: Liên thông quốc tế kèm ảnh nền.
• Card #3: Dạng ảnh rộng ngang (photo wide) -> Chọn ảnh học sinh trải nghiệm thực tế.
• Card #4: Ô màu vàng kim (gold) -> Nhãn: Đổi mới để bứt phá | Tiêu đề: Sáng tạo để tiên phong kèm ảnh.
• Card #5: Dạng ảnh vuông chuẩn (photo) -> Chọn ảnh sân khấu / ngày hội trường.
• Card #6: Ô màu đỏ đô (red) -> Nhãn: Lộ trình học tập | Tiêu đề: Cá nhân hóa từng học sinh kèm ảnh.
• Card #7: Ô màu xanh hải quân (navy) -> Nhãn: 5000+ giờ học | Tiêu đề: Project • English • STEAM kèm ảnh.

[!TIP] Để ảnh hiển thị đẹp và không bị méo, hãy chọn các bức ảnh có bố cục học sinh ở trung tâm và dung lượng ảnh từ 200KB - 800KB. Bấm Save sau khi cập nhật các ô.

---

5.4 Tùy chỉnh từ ngữ hiển thị (Phrases)

Truy cập: Cài đặt trang web -> Tùy chỉnh từ ngữ hiển thị (/core/phrase).

Chức năng này cho phép ban biên tập sửa các câu từ tĩnh xuất hiện trên giao diện website (chẳng hạn như chữ trên các nút bấm "Xem thêm", "Đăng ký tư vấn", tiêu đề footer...) mà không cần can thiệp vào mã nguồn lập trình.

• Bấm nút Thêm (/core/phrase/create) để thêm cặp từ ngữ mới:

Phóng to ảnh

Các trường:

• Khóa (*): Mã định danh kỹ thuật của từ ngữ (ví dụ: btn_view_more, copyright_text).
• Nội dung: Câu văn hiển thị thực tế bằng tiếng Việt ngoài giao diện.

---

6. MODULE 5: NHẬN XÉT PHỤ HUYNH

Khối "Góc Phụ Huynh / Cảm nhận của cha mẹ học sinh" tạo niềm tin và khẳng định chất lượng giáo dục của nhà trường đối với các phụ huynh tương lai.

6.1 Danh sách nhận xét

Truy cập: Nhận xét phụ huynh (/customer/customer).

Phóng to ảnh

• Bấm nút xanh + Thêm (/customer/customer/create) để thêm đánh giá mới của phụ huynh.

---

6.2 Hướng dẫn thêm mới nhận xét phụ huynh

Truy cập: /customer/customer/create.

Phóng to ảnh

Giải thích chi tiết các trường nhập liệu:

Bấm Save để lưu nhận xét vào hệ thống.

---

7. MODULE 6: ĐỘI NGŨ GIÁO VIÊN

Quản lý hồ sơ chuyên môn của Ban Giám hiệu, Tổ trưởng bộ môn, Giáo viên chủ nhiệm và Chuyên gia nước ngoài.

7.1 Danh sách cán bộ - giáo viên

Truy cập: Đội ngũ giáo viên (/common/flex-content/index?contenttype=staff).

Phóng to ảnh

• Bấm nút xanh + Thêm nhân sự (/common/flex-content/create?contenttype=staff) để tạo hồ sơ giáo viên mới.

---

7.2 Hướng dẫn thêm mới giáo viên

Truy cập: /common/flex-content/create?contenttype=staff.

Phóng to ảnh

Quy cách trường dữ liệu (Field map: name, position, bio, email, avatar):

Bấm Save để hoàn tất thêm mới.

---

8. MODULE 7: CÁC HOẠT ĐỘNG (MỐC LỊCH SỬ)

Phần này dùng để xây dựng trang "Lịch sử hình thành & Các chặng đường phát triển" của trường qua các năm học hoặc các dấu mốc sự kiện lớn.

8.1 Danh sách hoạt động

Truy cập: Các hoạt động (/common/flex-content/index?contenttype=history).

Phóng to ảnh

• Bấm nút + Thêm mốc (/common/flex-content/create?contenttype=history) để thêm mốc thời gian mới.

---

8.2 Hướng dẫn thêm mới mốc hoạt động

Truy cập: /common/flex-content/create?contenttype=history.

Phóng to ảnh

Quy cách trường dữ liệu (Field map: year (title), description, avatar):

• Năm / mốc (*): Nhập năm hoặc mốc thời gian diễn ra sự kiện. Ví dụ: 2018, 2021, Tháng 9/2025.
• Nội dung mốc: Mô tả chi tiết sự kiện gắn liền với mốc đó (ví dụ: Khánh thành cơ sở mới với khuôn viên 15.000m2, bể bơi bốn mùa và hệ thống phòng học thông minh chuẩn Cambridge).
• Ảnh minh hoạ (tuỳ chọn): Bấm Chọn ảnh để tải lên ảnh tư liệu sự kiện lịch sử tương ứng.
• Thứ tự hiển thị: Số nguyên để sắp xếp thứ tự mốc (có thể sắp xếp theo năm tăng dần hoặc giảm dần).
• Công bố: Tích chọn để hiển thị mốc ra ngoài trang web.
• Bấm Save để lưu.

---

9. MODULE 8: MENU TRANG CHỦ

Menu trang chủ điều hướng toàn bộ trải nghiệm của người dùng trên website trường.

9.1 Quản lý cây menu đa cấp

Truy cập: Menu trang chủ (/frontend/menu).

Phóng to ảnh

Tính năng tiện ích độc đáo của CMS:

• Cấu trúc phân cấp Cha - Con: Menu cha đứng sát lề trái (như Giới thiệu, Tin tức, Hình ảnh), các menu con thụt lề vào trong (như Giới thiệu chung, Cơ sở vật chất, Nhân sự tiểu học...).
• Bật / Tắt hiển thị trực tiếp (DISPLAY): Nhấp vào nút công tắc tròn:
  • Màu xanh: Menu đang được bật hiển thị ngoài website.
  • Màu xám: Đang ẩn menu khỏi thanh điều hướng người dùng (dữ liệu vẫn được giữ nguyên).
• Thay đổi thứ tự trực tiếp (DISPLAY ORDER): Bấm vào biểu tượng mũi tên lên (▲) hoặc mũi tên xuống (▼) để đẩy vị trí menu lên trên hoặc xuống dưới tức thì mà không cần phải mở form sửa!
• Xóa menu: Nhấp vào biểu tượng thùng rác màu đỏ [Xóa] ở bên phải menu muốn xóa.

---

9.2 Thêm mới Menu item

Nhấp nút xanh + Add new item (/frontend/menu/create).

Phóng to ảnh

Chi tiết các trường:

1. Parent menu:
   • Nếu muốn tạo Menu chính (Cấp 1) nằm ngang trên thanh điều hướng: Chọn Select parent menu (để trống).
   • Nếu muốn tạo Menu thả xuống (Dropdown Cấp 2): Chọn Menu cha tương ứng (ví dụ: muốn tạo mục CLB Thể thao, hãy chọn Parent menu là Chương trình học).
2. Avatar: Nhấp Select image nếu menu có sử dụng biểu tượng icon hoặc hình ảnh minh họa nhỏ.
3. Label (*): Tên chữ hiển thị của Menu (ví dụ: Tuyển Sinh 2026, Học Phí & Học Bổng...).
4. Url:
   • Có thể chọn từ danh sách dropdown các trang nội bộ có sẵn trong hệ thống.
   • Hoặc tự nhập đường dẫn URL trang đích (ví dụ: /tuyen-sinh hoặc link ngoài https://facebook.com/...).
5. Display: Tích chọn để menu được hiển thị ngay.
6. Display order: Nhập số thứ tự sắp xếp mong muốn.
7. Bấm Save để hoàn tất thêm menu.

---

10. MODULE 9: CHƯƠNG TRÌNH HỌC

Quản lý thông tin các hệ đào tạo và cấp lớp học của nhà trường (ví dụ: Tiền tiểu học, Lớp 1 - Lớp 5, Chương trình Cambridge Song Ngữ, Chương trình Phát Triển Toàn Diện...).

10.1 Quản lý nhóm chương trình

Truy cập: Chương trình học -> Nhóm chương trình (/common/category?ctype=thtl_programs).

Phóng to ảnh

• Bấm nút + Thêm (/common/category/create?ctype=thtl_programs) để tạo nhóm độ tuổi/chương trình mới:

Phóng to ảnh

• Tên danh mục (*): Nhập tên độ tuổi/nhóm (ví dụ: Khối Tiền Tiểu Học (5-6 tuổi), Khối 1 - 2 (6-8 tuổi), Khối 3 - 5 (8-11 tuổi)).
• Slug: Đường dẫn tĩnh URL.
• Ảnh đại diện (*): Bấm Chọn ảnh để tải ảnh đại diện cho nhóm tuổi này.
• Thứ tự hiển thị & Hiển thị: Nhập số thứ tự và tích chọn hiển thị. Bấm Save.

---

10.2 Hướng dẫn thêm mới chương trình học

Truy cập: Chương trình học -> DS Chương trình (/common/flex-content/index?contenttype=thtl_programs).

Phóng to ảnh

Bấm nút + Thêm chương trình (/common/flex-content/create?contenttype=thtl_programs):

Phóng to ảnh

Quy cách trường dữ liệu (Template: programs - age, title, desc, tone, content TinyMCE):

Bấm Save để lưu lại.

---

11. MODULE 10: DẤU ẤN HỌC SINH

Module này quản lý khối "Dấu Ấn Học Sinh Thăng Long" - nơi vinh danh những gương mặt học sinh đạt giải thưởng xuất sắc, thành tích thể thao, tiếng Anh hoặc chia sẻ câu nói truyền cảm hứng của các em.

11.1 Quản lý nhóm dấu ấn

Truy cập: Dấu ấn học sinh -> Nhóm dấu ấn (/common/category?ctype=thtl_achievement).

Phóng to ảnh

• Bấm + Thêm (/common/category/create?ctype=thtl_achievement) để tạo các nhóm phân loại (ví dụ: Thành tích học thuật, Tài năng nghệ thuật, Thủ lĩnh nhí, Thể thao học đường).
• Nhập Tên danh mục (), Slug, Ảnh đại diện (), Thứ tự hiển thị, tích chọn Hiển thị và bấm Save.

---

11.2 Hướng dẫn thêm mới dấu ấn học sinh

Truy cập: Dấu ấn học sinh -> DS dấu ấn (/common/flex-content/index?contenttype=thtl_achievement).

Phóng to ảnh

Bấm nút + Thêm chỉ số (/common/flex-content/create?contenttype=thtl_achievement):

Phóng to ảnh

[!IMPORTANT] QUY ƯỚC DỮ LIỆU CỦA HỆ THỐNG:

• Tên học sinh (title): Tên đầy đủ của học sinh.
• Lớp học (content_name): Lớp học của học sinh.
• Quote dấu ấn (description): Câu nói, cảm nghĩ hoặc giải thưởng của học sinh.
• Ảnh học sinh (avatar): Ảnh chân dung học sinh.
• Slide mở đầu (featured): Bật tính năng này để học sinh xuất hiện ở slide đầu tiên nổi bật nhất!

Chi tiết từng trường dữ liệu:

Bấm Save để hoàn tất.

---

12. MODULE 11: QUẢN LÝ HOME COVER (SLIDESHOW)

Khối Banner Slider chạy ngang trên cùng của trang chủ - điểm chạm thị giác đầu tiên của mọi phụ huynh khi ghé thăm website trường.

12.1 Quản lý Slideshow trang chủ

Truy cập: Quản lý Home Cover -> Slideshow (/slideshow/slideshow).

Phóng to ảnh

Hệ thống đã có sẵn slideshow mặc định mang tên Slideshow trang chủ (homepage).

• Nút "Ẩn gallery / Hiện gallery": Bấm để bật/tắt toàn bộ banner ngoài trang chủ.
• Cột thao tác bên phải:
  • Xem: Xem chi tiết các banner trong slideshow.
  • Sửa: Mở giao diện cấu hình danh sách ảnh banner.
  • Xóa: Xóa slideshow.

---

12.2 Cập nhật Banner & Thêm mới Slide Cover

Nhấp vào biểu tượng chiếc bút [Sửa] để vào màn hình SỬA GALLERY SLIDESHOW TRANG CHỦ:

Phóng to ảnh

Cấu hình chung của Slideshow:

• Slideshow ID (*): Giữ nguyên mã homepage để giao diện trang chủ tự động nhận diện đúng slider.
• Tên gallery (*): Đặt tên nhận biết (ví dụ: Slideshow trang chủ).
• Thời gian chuyển cảnh (giây):
  • Nếu để 0: Banner đứng yên, người dùng tự bấm mũi tên để chuyển ảnh.
  • Nếu nhập 4 hoặc 5: Banner tự động chạy trượt mượt mà sau mỗi 4 hoặc 5 giây.
• Đang hiện điều hướng: Chọn Có hiện để hiện mũi tên Next/Prev 2 bên và các dấu chấm tròn (dots) chỉ vị trí slide.
• Đang hiện: Tích chọn để kích hoạt slider ra ngoài trang chủ.
• Mở trang trong tab mới: Tích chọn nếu bạn muốn khi phụ huynh nhấp vào banner, liên kết đích sẽ mở sang một thẻ trình duyệt mới.

Quản lý từng tấm ảnh Banner trong Slideshow:

• Dưới mỗi bức ảnh banner, hệ thống cung cấp 3 trường:
  • Tiêu đề: Dòng chữ tiêu đề lớn in trên banner (ví dụ: Chào Mừng Năm Học Mới, Học Tập Hạnh Phúc).
  • Url: Đường dẫn mà bạn muốn phụ huynh chuyển tới khi bấm vào banner (ví dụ: /tuyen-sinh-nam-hoc-moi).
  • Mô tả: Dòng khẩu hiệu nhỏ phụ trợ.
• Thêm ảnh banner mới vào slider:
  • Nhấp vào nút xanh Chọn ảnh ở bên dưới.
  • Kho Media mở ra, bạn có thể tải lên ảnh thiết kế banner mới từ máy tính hoặc chọn ảnh có sẵn.
  • Sau khi chọn, ảnh sẽ lập tức xuất hiện thêm một cột mới trong bảng. Hãy nhập Tiêu đề và Url cho ảnh mới đó.
• Bấm nút xanh Save ở dưới cùng để lưu toàn bộ thay đổi.

---

13. QUY CHUẨN KÍCH THƯỚC HÌNH ẢNH & MẸO VẬN HÀNH

Để đảm bảo website luôn tải nhanh, hiển thị đẹp và sắc nét trên mọi thiết bị (điện thoại thông minh, máy tính bảng, màn hình máy tính để bàn), ban biên tập nên tuân thủ các quy chuẩn kích thước sau:

Mẹo vận hành và xử lý sự cố thường gặp:

1. Vừa đăng bài hoặc sửa thông tin nhưng ra ngoài web chưa thấy thay đổi?

   • • Nguyên nhân: Hệ thống lưu cache để tăng tốc độ tải trang.
   • • Khắc phục: Vào menu Công cụ hệ thống -> Xóa cache toàn trang (hoặc truy cập link https://tieuhocquoctethanglong.edu.vn/core/default/flush-cache), sau đó ra lại trang chủ bấm tổ hợp phím Ctrl + F5 (hoặc Cmd + Shift + R trên Mac) để làm mới hoàn toàn!

2. Bài viết bị mất hình ảnh khi copy từ Word hoặc trang báo khác?

   • • Khuyến nghị: Nên tải file ảnh về máy tính trước, sau đó dùng nút Chèn ảnh trên thanh công cụ của TinyMCE hoặc kéo thả trực tiếp để ảnh được nạp thẳng vào máy chủ của trường.
   • • Khuyến nghị: Luôn tích chọn ô "Lưu các ảnh có nguồn từ website khác trong phần nội dung về kho ảnh của web".

3. Quên tích chọn "Công bố"?

   • Hầu hết các form trong hệ thống (Chứng nhận, Giáo viên, Hoạt động, Dấu ấn học sinh, Chương trình học) đều có ô checkbox Công bố. Nếu không tích chọn ô này, dữ liệu sẽ chỉ lưu ở chế độ nội bộ trong quản trị mà không xuất hiện ngoài trang công khai.

---

Tài liệu được biên soạn đồng bộ với phiên bản VietnamPedia CMS vận hành tại Trường Tiểu học Quốc tế Thăng Long.