Mục lục

Tìm hiểu Theme Builder trong Elementor Pro

Theme builder trong Elementor Pro được xem là tính năng đặc biệt nhất đưa Elementor Plugin trở thành công cụ tạo website bằng cách kéo thả số một thế giới.

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 elementor
Giao diện theme builder elementor

Theme builder chia template thành 10 loại được gọi là site parts bao gồm:

  1. Header
  2. Footer
  3. Single Post
  4. Singe Page
  5. Archive
  6. Search Results
  7. Single Product
  8. Products Archive
  9. Loop Item
  10. 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.

Header template elementor
Footer template elementor

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 post template elementor

Single Page template

Tạo mẫu giao diện cho các trang Page.

Single page template elementor

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

Archive template elementor

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.

Single Product template elementor

Products Archive

Tạo mẫu giao diện tùy biến cho trang danh sách sản phẩm.

Products Archive template elementor

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.

Loop item template elementor

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.

404 template elementor

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.

Chia sẻ trên:
Facebook
X
LinkedIn
Threads
CEO – FOUNDER tại Công ty TNHH Thương mại dịch vụ Philo & Theweb.vn – Thiết kế website theo lối kể chuyện Skill: Full Stack WP Website Developer