hướng dẫn sử dụng web – KHOA KỸ THUẬT HẠ TẦNG VÀ MÔI TRƯỜNG ĐÔ THỊ

Quản lý Bài viết (News)

Bài viết là linh hồn của website, dùng để đăng tin tức, sự kiện và các hoạt động của Khoa theo thời gian.

1. Tạo & Soạn thảo bài viết

01

Tiêu đề: Đặt tiêu đề rõ ràng, ví dụ: “Thông báo tuyển sinh khóa 2025”. Tránh viết hoa toàn bộ.

02

Nội dung: Sử dụng khối “Văn bản” để viết. Có thể chèn thêm khối “Hình ảnh” hoặc “Bảng” trực tiếp vào giữa bài viết.

2. Các thiết lập quan trọng (Cột phải)

Tính năng	Chi tiết thao tác
Chuyên mục	Bắt buộc tích chọn (Ví dụ: Tin tức, Đào tạo, Hoạt động SV). Một bài có thể nằm trong nhiều mục.
Ảnh đại diện	Đây là ảnh thumbnail hiển thị ngoài trang chủ. Kích thước chuẩn là 800×500 pixel.
Thẻ (Tags)	Các từ khóa phụ như: #tuyensinh, #hau, #kientruc giúp tìm kiếm dễ hơn.

3. Chỉnh sửa & Quản lý

Tại danh sách Tất cả bài viết, khi di chuột vào tên bài sẽ hiện ra:

• Chỉnh sửa: Sửa toàn bộ nội dung.

• Sửa nhanh: Thay đổi tiêu đề, chuyên mục nhanh mà không cần load trang.

• Thùng rác: Xóa bài (có thể khôi phục trong vòng 30 ngày).

Quản lý Trang (Pages)

Trang dùng cho các nội dung tĩnh, có tính chất lưu kho lâu dài như Giới thiệu, Sơ đồ tổ chức, Lịch sử hình thành.

                        Lưu ý quan trọng: Khác với bài viết, Trang thường không tự động hiện ra. Bạn phải tạo trang trước, sau đó vào mục Giao diện > Menu để đưa trang đó lên thanh điều hướng.
                    

Quy trình triển khai Trang:

STEP 1

Tạo khung: Thêm trang mới, nhập tiêu đề và chọn “Đăng”.

STEP 2

Thiết kế: Nhấn nút Edit with UX Builder để bắt đầu kéo thả bố cục.

Hướng dẫn UX Builder (Flatsome)

Đây là công cụ kéo-thả chuyên nghiệp để xây dựng giao diện mà không cần lập trình.

1. Cấu trúc Phân cấp (Hierarchy)

Trong UX Builder, bạn phải làm việc theo thứ tự:

Section (Khung lớn nền) → Row (Chia hàng) → Column (Chia cột) → Elements (Nội dung).

2. Các Elements phổ biến nhất

Title: Dùng cho tiêu đề mục, có kèm gạch chân trang trí.

Text: Trình soạn thảo văn bản nâng cao (giống Word).

Image: Chèn ảnh đơn hoặc tạo hiệu ứng hover cho ảnh.

Blog Posts: Tự động lấy các bài viết mới nhất đưa ra trang.

                        Mẹo UX: Luôn sử dụng nút Duplicate (nhân bản) ở cột bên trái để sao chép nhanh các khối đã đẹp, sau đó chỉ cần đổi nội dung.
                    

Quản lý Media & Hình ảnh

Hình ảnh là yếu tố quan trọng nhất ảnh hưởng đến tốc độ load của website Khoa.

Quy chuẩn trước khi tải lên (Upload):

Định dạng: Ưu tiên .webp hoặc .jpg. Tránh dùng .png quá lớn.
Dung lượng: Phải dưới 250KB. Nếu ảnh 2-3MB sẽ khiến web bị treo.
Tên file: Khong-viet-dau-dung-dau-gach-ngang.jpg (Tốt cho Google).

Cách thay thế ảnh cũ:

Vào bài viết/trang, nhấp vào ảnh cũ → Chọn Thay thế (Replace) → Chọn ảnh mới từ thư viện hoặc tải lên từ máy tính.

SEO & Tối ưu hóa tìm kiếm

Để sinh viên dễ dàng tìm thấy bài viết của Khoa trên Google, bạn cần làm các bước sau:

1. Văn bản thay thế (Alt Text)

Khi up ảnh, luôn điền mục Alt Text mô tả nội dung ảnh (Ví dụ: “Sinh viên khoa đô thị thực tập tại hiện trường”).

2. Đường dẫn (Permalink)

Đường dẫn bài viết nên ngắn gọn. Thay vì:

.../p=12345 → Hãy đổi thành: .../thong-bao-tuyen-sinh-2025

3. Cấu trúc tiêu đề (H1, H2, H3)

• H1: Chỉ dùng 1 lần duy nhất cho tiêu đề bài viết.

• H2, H3: Dùng cho các tiêu đề phụ bên trong bài để chia nhỏ ý.