Giới thiệu về Theme builder
Theme builder là bộ công cụ cho phép tạo ra các mẫu giao diện (template) cho các trang web, được tích hợp trong phiên bản Pro của Plugin Elementor.
Theme builder chia template thành 10 loại được gọi là site parts bao gồm:
- Header
- Footer
- Single Post
- Singe Page
- Archive
- Search Results
- Single Product
- Products Archive
- Loop Item
- Error 404
Các loại template trong theme builder elementor
Header / Footer template
Cho phép tạo các mẫu giao diện cho header và footer của trang web và tùy chọn áp dụng hiển thị cho trang nào. Với tính năng này, bạn có thể thiết kế header và footer riêng cho mỗi trang web của bạn để tạo sự đa dạng cho trải nghiệm người dùng.
Single Post template
Cho phép tạo các mẫu giao diện cho các trang bài viết (Post type: Post, Custom post type), và có thể tạo nhiều mẫu giao diện khác nhau để tùy biến áp dụng cho các trang bài viết khác nhau, tạo sự đa dạng linh hoạt trong việc hiển thị nội dung của website.
Single Page template
Tạo mẫu giao diện cho các trang Page.
Archive template
Tạo mẫu giao diện cho các trang lưu trữ bài viết – có thể hiểu là các trang danh sách bài viết, danh sách sản phẩm
Search Results
Tạo mẫu giao diện tùy biến cho trang kết quả tìm kiếm
Single Product
Tạo mẫu giao diện tùy biến cho trang chi tiết sản phẩm. Elementor tích hợp các tính năng hỗ trợ nền tảng tạo website bán hàng woocommerce.
Products Archive
Tạo mẫu giao diện tùy biến cho trang danh sách sản phẩm.
Loop Item
Tạo mẫu giao diện tùy biến cho một bài viết/sản phẩm trong danh sách bài viết/ sản phẩm.
Error 404
Tạo mẫu giao diện tùy biến cho trang 404 – Trang trả về khi không tìm thấy nội dung.
Các bước tạo template trong Elementor theme builder
Chúng ta sẽ cùng tìm hiểu cách tạo ra một mẫu template trong theme builder elementor pro qua ví dụ về tạo header template.
Chọn một loại mẫu giao diện để thiết kế
Chọn mẫu giao diện trong thư viện
Hoặc tự thiết kế giao diện
Chọn trang sẽ áp dụng mẫu giao diện
Lưu cài đặt
Trên đây chỉ là những bước cơ bản để tạo ra một mẫu template. Để có thể thành thạo sử dụng Theme builder ứng dụng vào dự án thực tế, chúng ta cần nắm vững các công cụ thiết kế trong elementor, hiểu được cách thức hoạt động của Elementor. Tham khảo các khóa đào tạo Elementor để biết thêm thông tin.