Quản Lý Trang_Quản lý trang mẫu
TÀI LIỆU HƯỚNG DẪN SỬ DỤNG - MODULE QUẢN LÝ TRANG MẪU#
Dự án: GrowthHack SEO
Phân hệ: Quản lý trang -> Quản lý trang mẫu (Template Management)
Phiên bản tài liệu: 1.0
1. MỤC ĐÍCH#
Module "Quản lý trang mẫu" là trung tâm lưu trữ và quản lý các tệp giao diện thô (HTML Templates).
Nghiệp vụ này cho phép quản trị viên tải lên (upload), lưu trữ và xem trước các bộ khung giao diện mẫu (Ví dụ: giao diện CH Play, giao diện WordPress, Shopify...). Các mẫu này chứa các "Mã thay thế" (Shortcodes/Dataset tags), đóng vai trò là khuôn đúc để hệ thống tự động chèn dữ liệu Từ khóa và sinh ra hàng triệu trang HTML tĩnh thành phẩm.2. TỔNG QUAN GIAO DIỆN (DANH SÁCH MẪU TRANG)#
Giao diện chính hiển thị danh sách các khuôn mẫu giao diện đã được đưa vào hệ thống:2.1. Khu vực Bộ lọc (Data Filters)#
Tên (Input Text): Tìm kiếm theo tên mẫu trang.
Trạng thái (Dropdown): Lọc theo trạng thái Hoạt động / Không hoạt động.
Thời gian tạo (Date Picker): Lọc theo ngày tải tệp lên hệ thống.
2.2. Bảng Dữ liệu (Data Table)#
Tên Mẫu: Tên định danh của giao diện (Ví dụ: ch play no logo, Wordpress 5 (new)).
Ghi chú: Mô tả ngắn gọn về đặc điểm của mẫu hoặc lịch sử phiên bản cập nhật.
Hoạt động: Trạng thái kích hoạt (Chỉ những mẫu có biểu tượng checkmark xanh mới được phép xuất hiện ở module "Tạo trang HTML").
Ngày tạo / Ngày cập nhật: Ghi nhận mốc thời gian và tài khoản thực hiện thao tác.
Cột Thao tác (3 dấu chấm): Cung cấp trình đơn ngữ cảnh gồm 4 chức năng: Xem mẫu, Chỉnh sửa, Tải về, và Xóa.
3. HƯỚNG DẪN THAO TÁC NGHIỆP VỤ#
3.1. Thêm mới Mẫu trang (Upload Template)#
Dùng để đưa một bộ mã nguồn HTML giao diện mới vào kho hệ thống.1.
Nhấn nút [+ Tạo mới] ở góc phải màn hình.
2.
Tại Modal "Tạo mới", thực hiện:Tên (*): Nhập tên định danh cho mẫu (Trường bắt buộc).
File: Nhấn [Chọn tệp] và tải lên tệp tin từ máy tính (Thường là định dạng .html hoặc .zip chứa tài nguyên tĩnh).
Ghi chú: Nhập thông tin ghi nhớ về layout, phiên bản.
Trạng thái: Bật công tắc để kích hoạt mẫu sử dụng ngay.
3.
Nhấn [Lưu] để tải tệp lên server.
3.2. Chỉnh sửa & Cập nhật file Mẫu#
Dùng để thay thế tệp HTML cũ bằng tệp mới (cập nhật phiên bản) hoặc đổi tên, đổi ghi chú.1.
Chọn biểu tượng [3 dấu chấm] tại dòng cần sửa, chọn [Chỉnh sửa].
2.
Form dữ liệu sẽ hiển thị. Người dùng có thể nhấn [Xem file] để kiểm tra tệp hiện tại, hoặc nhấn [Chọn tệp] để upload một tệp mới đè lên tệp cũ.
3.
Thay đổi các trường văn bản nếu cần thiết và nhấn [Chỉnh sửa] (Lưu) để xác nhận.
3.3. Xem trước (Preview) và Tải về (Download)#
1.
Tải về: Tại menu 3 chấm, chọn [Tải về]. Hệ thống sẽ xuất file gốc lưu về máy tính (Ví dụ: ch play 2.html).
2.
Xem mẫu: Chọn [Xem mẫu]. Hệ thống sẽ render khung giao diện HTML ngay trên trình duyệt để kiểm tra layout.Lưu ý quan trọng: Tại chế độ xem mẫu, các khu vực dữ liệu động sẽ hiển thị dưới dạng mã nội suy (Ví dụ: @dataset-body_h1, @dataset-body_content). Đây không phải là lỗi hiển thị, mà là minh chứng cho việc tệp HTML đã đặt đúng các biến (variables) để nhận dữ liệu từ module "Từ khóa".
Ngày cập nhật 2026-04-03 08:18:50
