Theme Builder là gì? #
Theme Builder (thuộc Elementor Pro) cho phép bạn tạo và quản lý các phần tử giao diện mang tính hệ thống như:
- Header (phần đầu website)
- Footer (phần chân website)
- Single Template (bài viết chi tiết)
- Archive Template (danh mục bài viết)
- Search Result Page
- 404 Page
LƯU Ý RẤT QUAN TRỌNG: Đây là khu vực chỉ nên chỉnh sửa khi bạn có hiểu biết đầy đủ. Thay đổi ở Theme Builder ảnh hưởng toàn bộ website.
Cách truy cập Theme Builder #
Vào menu:
Templates → Theme Builder
Tại đây bạn sẽ thấy danh sách các template hệ thống đang được dùng.
Cấu trúc chính của Theme Builder #
Header #
Phần đầu trang chứa logo, menu, nút CTA, icon tìm kiếm…
Footer #
Phần cuối trang chứa thông tin liên hệ, link quan trọng, bản quyền.
Single Post Template #
Áp dụng cho trang bài viết chi tiết (ví dụ blog). Bao gồm:
- Tiêu đề bài viết
- Ảnh đại diện
- Nội dung bài
- Tác giả, ngày đăng
Archive Template #
Dùng cho danh mục bài viết, tìm kiếm, tag.
404 Template #
Trang hiển thị khi không tìm thấy nội dung.
Chỉnh sửa Header hoặc Footer #
Click nút “Edit with Elementor” để chỉnh.
Các thành phần quan trọng trong Header #
- Logo
- Menu chính
- Nút CTA (nếu có)
- Menu mobile
CẢNH BÁO: Không xoá widget Menu, Search hoặc Logo nếu không biết cách thêm lại.
Với Footer #
- Logo
- Thông tin trường, hotline
- Đường dẫn nhanh
- Liên kết mạng xã hội
Không chỉnh spacing trên mobile bằng cách chỉnh Margin âm.
Chỉnh sửa Single Post Template #
Single Post Template áp dụng cho toàn bộ bài viết. Khi chỉnh, bạn đang chỉnh cho hàng trăm bài.
Các widget động (Dynamic Widgets) #
- Post Title
- Featured Image
- Post Content
- Post Meta
- Author Box
- Related Posts
LƯU Ý QUAN TRỌNG: Không thay widget “Post Content”, vì đây là nơi hiển thị nội dung bài viết chính.
Chỉnh sửa Archive Template #
Archive Template quyết định layout các danh mục, tag hoặc trang blog.
Phần quan trọng #
- Archive Title
- Archive Description
- Posts Widget (danh sách bài viết)
Tránh xoá Posts Widget — nếu xoá, danh mục blog sẽ không còn hiện bài viết.
Điều kiện hiển thị (Conditions) #
Sau khi chỉnh template, bạn phải thiết lập Conditions để quyết định template sẽ áp dụng cho trang nào.
Các điều kiện phổ biến #
- Entire Site: áp dụng toàn website
- Posts: áp dụng cho toàn bộ bài viết
- Pages: áp dụng cho toàn bộ trang
- Categories: áp dụng cho các danh mục
LƯU Ý: Nếu đặt Conditions sai → có thể làm website mất Header/Footer hoặc hiển thị sai layout.
Quy trình chỉnh template an toàn #
- ✔ Tạo bản sao (Duplicate) template trước khi chỉnh
- ✔ Kiểm tra responsive đầy đủ
- ✔ Chỉ publish khi chắc chắn đúng
- ✔ Không thêm hiệu ứng hoặc margin âm trong template hệ thống
Các lỗi thường gặp #
Header biến mất #
- Do xóa Conditions hoặc đặt Conditions sai
Menu mobile không hoạt động #
- Do xoá widget Nav Menu hoặc JS xung đột
Single Post hiển thị sai font/màu #
- Do override Typography hoặc Style không đúng Global
Archive không hiển thị bài viết #
- Do xoá Posts Widget trong template
Best Practices khi dùng Theme Builder #
- ✔ Chỉnh một template → áp dụng toàn site
- ✔ Luôn duplicate template trước khi sửa
- ✔ Không xoá widget động
- ✔ Giữ layout đơn giản, đồng nhất
- ✔ Dùng Global Colors & Typography
Checklist cho người dùng #
- ✔ Không chỉnh Theme Builder nếu không cần thiết
- ✔ Không xoá Header/Footer
- ✔ Kiểm tra Conditions trước khi Publish
- ✔ Test responsive đầy đủ
- ✔ Không thêm hiệu ứng quá nặng
Bài 9 – Theme Builder kết thúc.
