Xtudee – Online Course Elementor Template Kit

Xtudee – Online Course Elementor Template Kit: Giải pháp thiết kế website khóa học trực tuyến chuyên nghiệp

Xtudee là một Elementor Template Kit được thiết kế đặc biệt dành cho các website Online Courses. Bộ template này bao gồm các mẫu giao diện lý tưởng cho các trang như lớp học, khóa học, giáo dục, học tập, bài giảng, mentor, tutor, tutorial, và nhiều hơn nữa. Với thiết kế hiện đại, độc đáo cùng bố cục chuẩn responsive 100%, Xtudee giúp bạn dễ dàng cài đặt và tùy chỉnh mà không cần bất kỳ dòng code nào nhờ sử dụng Elementor. Tiết kiệm tối đa thời gian và công sức!

Bộ Template Kit này chứa nội dung trang được thiết kế sẵn để tạo các trang bằng Elementor và đã được tối ưu dành cho theme miễn phí Hello Elementor.

Tính năng nổi bật của Xtudee – Online Course Elementor Template Kit

• Hoàn toàn tương thích với WordPress và Elementor
• Sử dụng các Free Plugins (không yêu cầu Elementor Pro)
• Tùy chỉnh không cần code với thao tác kéo thả trực quan
• 100% chuẩn Responsive & thân thiện với thiết bị di động
• Thiết kế hiện đại và chuyên nghiệp
• Hơn 11 mẫu template dựng sẵn, sẵn sàng sử dụng
• Tùy chỉnh font chữ và màu sắc tập trung tại một nơi với Global Theme Kit Style

Các mẫu Template có trong file Zip:

• Homepage
• About Us
• Volunteers
• Courses
• Course Detail
• Our Team
• Testimonial
• 404 Page
• News & Article
• Single Blog
• Contact Us
• Contact Form
• Subscribe Form
• Header
• Footer

Plugins yêu cầu:

• Elementor
• RomethemeForm
• Rometheme Kit

Cách sử dụng Template Kits:

• Cài đặt và kích hoạt plugin “Envato Elements” từ Plugins > Add New trên WordPress
• Vào Elements > Installed Kits, nhấn nút Upload Template Kit hoặc kết nối tài khoản Envato Elements để nhập tự động
• Khi có thông báo màu cam ở trên cùng, nhấn Install Requirements để tải các plugin bắt buộc của bộ kit
• Import trước Global Kit Styles để thiết lập phong cách chung
• Tiến hành import từng template một; các mẫu sẽ được lưu trong Elementor ở Templates > Saved Templates
• Tạo trang mới rồi chỉnh sửa bằng Elementor
• Chọn cài đặt trang (biểu tượng bánh răng dưới bên trái), chọn layout Full Width và ẩn tiêu đề trang
• Truy cập tab My Templates từ biểu tượng thư mục xám, rồi import trang bạn muốn tùy chỉnh

Nếu sử dụng Elementor Pro, bạn có thể tùy chỉnh header và footer qua Theme Builder.

Hướng dẫn chi tiết: Tại đây

Hỗ trợ thêm tại mục Elementor > Get Help trong menu WordPress.

Thiết lập Global Header và Footer với RomethemeKit

• Import các block header và footer từ Template Kit
• Truy cập RomethemeKit > Theme Builder > Nhấn Add New
• Đặt tên Header, chọn Type và bật Activation On trên mục General
• Chọn điều kiện áp dụng Entire Site trong tab Condition và lưu thay đổi
• Chọn header vừa tạo ở bảng theme builder rồi nhấn Edit with Elementor
• Trên giao diện Elementor, import block Header từ My Templates rồi nhấn Insert
• Tùy chỉnh widget trong header hoặc giữ nguyên mặc định
• Lặp lại tương tự cho Footer

Thiết lập Form với RomethemeForm

• Import block form từ Template Kit
• Vào RomethemeForm > Forms > Nhấn Add New
• Nhập tên form rồi lưu và chỉnh sửa
• Trên giao diện RomethemeForm, import form từ My Templates và lưu lại
• Mở template ví dụ như trang Contact, chọn widget RomethemeForm, gán form bạn tạo để hiển thị

Hình ảnh sử dụng: Bộ Template Kit dùng hình demo từ Envato Elements. Bạn cần cấp license từ Envato Elements để dùng trên website, hoặc thay thế bằng hình ảnh riêng.