Tutorial 2x Tạo Child Style để tùy biến giao diện XenForo an toàn và linh hoạt

[PVS]

Xem nhanh

Ẩn Hiện

Child Style là gì?​

Cách tạo Child Style​

Bước 1: Vào Appearance > Styles > Add style​

Bước 2: Cài đặt các thành phần cần tùy biến​

Bước 3: Gán cho user hoặc vị trí hiển thị​

Lợi ích của việc dùng Child Style​

Mẹo nâng cao​

Tổng kết​

Tạo Child Style để tùy biến giao diện XenForo an toàn và linh hoạt

Việc chỉnh sửa trực tiếp trên style mặc định hoặc style chính rất rủi ro vì:

• Bị mất thay đổi khi cập nhật XenForo
• Dễ gây lỗi nếu chỉnh nhầm
• Khó quản lý khi thử nghiệm nhiều kiểu giao diện

Giải pháp: Tạo Child Style – một bản “con” kế thừa style gốc, cho phép bạn tùy biến tự do mà không làm ảnh hưởng đến giao diện chính.

---

Child Style là gì?​

Child Style là một style kế thừa từ style cha (gốc), chứa các tùy chỉnh riêng biệt như:

• Template tùy chỉnh
• Style properties riêng
• CSS thêm vào
• Add-on overrides

Bạn có thể tạo nhiều Child Style để phục vụ:

• Mỗi mùa lễ hội (Noel, Tết,…)
• Mỗi nhóm người dùng (VIP, Staff,…)
• Thử nghiệm thay đổi mới mà không ảnh hưởng đến style chính

---

Cách tạo Child Style​

Bước 1: Vào Appearance > Styles > Add style​

• Title: Đặt tên (ví dụ: "VNXF Custom Style")
• Parent style: Chọn style gốc bạn muốn kế thừa (nên chọn Default hoặc giao diện chính của bạn)

Bước 2: Cài đặt các thành phần cần tùy biến​

Sau khi tạo xong, bạn có thể:

• Vào Style properties để thay đổi màu sắc, nút, layout
• Chỉnh sửa template riêng (tách biệt với style cha)
• Thêm CSS trong extra.less

Bước 3: Gán cho user hoặc vị trí hiển thị​

Bạn có thể:

• Cài đặt mặc định cho diễn đàn: Setup > Options > Appearance
• Gán cho nhóm user đặc biệt bằng add-on hoặc thủ công

---

Lợi ích của việc dùng Child Style​

Ưu điểm	Giải thích
An toàn	Không ảnh hưởng đến style gốc
Dễ rollback	Xoá child style là mọi thay đổi mất, không ảnh hưởng style chính
Quản lý dễ	Nhiều giao diện cho nhiều mục đích
Tương thích	Dễ cập nhật XenForo mà không lo mất tùy chỉnh

---

Mẹo nâng cao​

• Khi update XenForo, chỉ cần update style cha, các style con sẽ kế thừa thay đổi.
• Nên ghi chú rõ từng style con để dễ phân biệt mục đích.
• Dùng Style chooser (ở footer) để cho phép user tự chọn style yêu thích.

---

Tổng kết​

Child Style là cách hiệu quả nhất để bạn tùy biến giao diện XenForo một cách chuyên nghiệp, an toàn và linh hoạt. Đừng chỉnh trực tiếp vào style gốc nữa – hãy dùng Child Style cho mọi tùy biến của bạn!

Chúc các bạn thành công.

VNXF.VN​