HeadRandom
Back to Main Site

PolyCMS Theme: Head Random — Hướng dẫn thiết lập giao diện mặc định

Last updated on Jul 9, 2026 9:40 PM

Tổng quan

Head Random là giao diện theme mặc định đi kèm với PolyCMS. Theme mang đến bố cục blog hiện đại, hiển thị tối ưu (responsive) được xây dựng trên thư viện Bootstrap 5, tích hợp sẵn thanh điều hướng tối màu, ô tìm kiếm bài viết, khu vực tiện ích sidebar và hệ thống chuyển đổi menu linh hoạt trên thiết bị di động.

Các tính năng nổi bật của Theme

  • Thiết kế responsive tương thích hoàn hảo trên máy tính, máy tính bảng và điện thoại di động
  • Thanh đầu trang tối màu nổi bật chứa site logo và menu chính
  • Khung tìm kiếm tích hợp sẵn trên thanh header
  • Thanh bên bên phải (Right Sidebar) cho phép tùy ý chèn các widget
  • Font chữ sạch sẽ, kích thước tối ưu cho trải nghiệm đọc tin tức
  • Cấu trúc mã HTML chuẩn SEO
  • Hệ thống lưới Bootstrap 5 Grid
  • Menu hamburger thu gọn tiện lợi cho điện thoại
  • Hiển thị đầy đủ thông tin bài viết (ngày đăng, tác giả, thời gian đọc ước tính, lượt xem)
  • Các nhãn chuyên mục và thẻ tag trực quan trên từng bài viết
  • Trình phân trang gọn gàng cho các trang lưu trữ
  • Khu vực bình luận hỗ trợ trả lời phân cấp nhiều tầng

Các thiết lập Giao diện (Theme Options)

Sau khi kích hoạt theme Head Random, bạn có thể truy cập trang tùy biến tại Blog > Themes > Theme Options:

Cấu hình chung (General Settings)

  • Site Logo — Tải lên logo tùy biến hiển thị ở thanh đầu trang.
  • Favicon — Biểu tượng nhỏ hiển thị trên tab của trình duyệt web.
  • Site Description — Câu slogan hoặc mô tả ngắn xuất hiện phía dưới logo.

Cấu hình bố cục (Layout Options)

  • Sidebar Position — Lựa chọn vị trí thanh bên: bên trái, bên phải hoặc ẩn thanh bên.
  • Posts Per Page — Số lượng bài viết hiển thị trên mỗi trang danh sách.
  • Show Featured Image — Bật hoặc tắt việc hiển thị ảnh đại diện ở đầu trang chi tiết bài viết.

Đầu trang & Chân trang (Header & Footer)

  • Header Background — Thay đổi màu nền hoặc dải màu gradient của thanh đầu trang.
  • Footer Text — Ghi chú bản quyền hoặc nội dung hiển thị dưới chân trang.
  • Social Links — Thêm đường dẫn các trang mạng xã hội của bạn để hiển thị các biểu tượng liên kết.

Tùy biến CSS (Custom CSS)

  • Custom CSS — Chèn trực tiếp các đoạn mã CSS tùy biến để căn chỉnh giao diện mà không cần phải can thiệp chỉnh sửa file nguồn của theme.

Hệ thống các tệp Template

Giao diện Head Random được cấu thành từ các tệp tin template sau:

Tên tệpVai trò hiển thị
index.phpTemplate mặc định hiển thị trang chủ danh sách bài viết
single.phpGiao diện chi tiết của bài viết
page.phpGiao diện hiển thị trang tĩnh
category.phpGiao diện danh sách bài viết theo chuyên mục
tag.phpGiao diện danh sách bài viết theo thẻ tag
search.phpGiao diện hiển thị kết quả tìm kiếm
archive.phpGiao diện danh sách bài viết theo thời gian lưu trữ
header.phpPhần đầu trang (được nhúng trong mọi template)
footer.phpPhần chân trang (được nhúng trong mọi template)
sidebar.phpKhu vực hiển thị thanh bên chứa widget
comments.phpKhung hiển thị và gửi bình luận

Các khu vực Widget (Widget Areas)

Theme Head Random hỗ trợ sẵn hai khu vực ghim widget:

  • Blog Sidebar — Xuất hiện ở bên phải (hoặc bên trái) trên trang danh sách và trang chi tiết bài viết.
  • Footer Widgets — Nằm ngang hàng dưới chân trang áp dụng cho toàn bộ các trang ngoài.

Bạn có thể kéo thả cấu hình các widget này tại mục Blog > Widgets.

Một số mẹo tùy biến giao diện

  • Tận dụng ô cấu hình Theme Options > Custom CSS đối với các căn chỉnh nhỏ về màu sắc hay font chữ.
  • Đối với các thay đổi lớn về mặt cấu trúc bố cục, bạn nên tiến hành tự tạo một child theme tùy biến riêng.
  • Ghi đè cấu trúc hiển thị của một trang cụ thể bằng cách tạo tệp tin template tương ứng trong thư mục child theme của bạn.

Tài liệu hướng dẫn liên quan