BÀI THU HOẠCH VỀ ELEMENTOR | Môn Phần mềm mã nguồn mở | Đại học Điện lực

lOMoARcPSD| 59629529
BÀI THU HOÁCH VỀ ELEMENTOR I. Giới thiệu về Elementor 1. Elementor là gì?
Elementor là tên của một plugin hỗ trợ tạo và chỉnh sửa trang (page builder) cực kỳ phổ biến trên
WordPress, bằng cách kéo – thả các element để tạo nên một trang web hoàn chỉnh mà không
cần phải tự Code. Đây cũng là tên của công ty chủ quản plugin Elementor (của Israel).2. Các tính
năng chính của Elementor •
Trình soạn thảo trực quan: Kéo thả và tạo trang trong thời gian thực. •
Thư viện giao diện sẵn: Cung cấp nhiều template có sẵn. •
Tính tương thích cao: Hoạt động tốt với các theme và plugin khác. •
Thiết kế responsive: Tối ưu hiển thị trên các thiết bị di động.
3. Sự khác biệt giữa Elementor Free và Elementor Pro •
Elementor Free: Cung cấp các công cụ cơ bản như text, image, button, v.v. •
Elementor Pro: Mở rộng các tính năng như theme builder, popup builder, đồng bộ font & color, v.v.
II. Cách sử dụng Elementor để thiết kế trang web WordPress 1.Hướng dẫn cài đặt
Elementor trên WordPress
Bước 01: Trong giao diện trang quản trị (dashboard) của website WordPress, bạn rê chuột vào
mục Plugin >> Chọn tiếp vào Cài mới như hình bên dưới.Tìm kiếm "Elementor" và nhấn Install Now. lOMoARcPSD| 59629529
Bước 02: Trong giao diện của trang cài mới plugin (thư viện plugin miễn phí của WordPress), bạn
nhập vào khung tìm kiếm plugin từ khóa “Elementor” như hình bên dưới. Tiếp đến, trong các kết
quả hiển thị, bạn chọn cài đặt plugin có tên là Elementor Website Builder. Sau khi cài xong thì
nhấn tiếp vào nút Kích hoạt.2. Các bước cơ bản để thiết kế một trang web với Elementor
2. Các bước cơ bản để thiết kế một trang web với Elementor Tạo trang mới và
nhấn Edit with Elementor. •
Kéo thả các widget như text, hình ảnh, button. lOMoARcPSD| 59629529 •
Tuỳ chỉnh giao diện với bảng thiết lập bên trái. •
Lưu và xuất bản trang web.
3. Trải nghiệm cá nhân khi sử dụng Elementor •
Elementor rất dễ sử dụng với giao diện trực quan. •
Tính linh hoạt cao, tuy nhiên bản Free có giới hạn về chức năng. •
Dùng Elementor Pro mang lại nhiều tính năng chuyên nghiệp hơn. lOMoARcPSD| 59629529
III. Ứng dụng thực tế của Elementor
1. Elementor có thể được ứng dụng trong các lĩnh vực nào? •
Thiết kế blog cá nhân, website doanh nghiệp, cửa hàng online. •
Tạo landing page cho các chiến dịch marketing. •
Xây dựng trang portfolio cho cá nhân hoặc doanh nghiệp.
2. So sánh Elementor với WPBakery và Divi Tính năng Elemento WPBakery Divi r
Giao diện trực quan Rất dễ dùng Khá phức tạp Dễ dùng Hiệu suất Cao Trung bình Cao Tính linh hoạt Rất cao Trung bình Cao IV. Đánh giá
1. Elementor có dễ sử dụng không? •
Elementor dễ sử dụng ngay cả với người mới. •
Giao diện trực quan, kéo thả giúp thiết kế nhanh chóng.
2. Những ưu điểm và nhược điểm khi sử dụng ElementorƯu điểm: •
Thao tác đơn giản, dễ sử dụng cho nhiều đối tượng dù không phải là chuyên gia. •
Tùy chỉnh bố cục, tính năng của trang mà không cần phải code tay. •
Có thể xem trước những thay đổi bằng trình tạo trang trực quan. •
Dễ dàng che các phần từ header, footer, sidebar,… trong mẫu canvas bằng các phần tử có trong Elemantor. •
Thực hiện nhanh chóng, giảm thời thiết kế landingpage. •
Kho lưu trữ mẫu (template) đa dạng để bạn lựa chọn. •
Tùy chỉnh hiển thị tương thích với nhiều thiết bị khác nhau như máy tính, điện thoại, máy tính bảng. •
Có phiên bản miễn phí và trả phí tùy vào nhu cầu của người sử dụng. Nhược điểm: lOMoARcPSD| 59629529
Không có chức năng hoàn tag hay lịch sử chỉnh sửa.
Tính phụ thuôc: Bố cục trên trang sẽ bị phá vỡ nếu hủy kích hoạt plugin Elemantor.
Chưa tích hợp API nhiều cho các dịch vụ bên ngoài.
Có thể gây chậm tốc độ load do tích hợp quá nhiều tính năng.
Nhiều tính năng được tích hợp nên cũng cần thời gian để tìm hiểu và thao tác thành thạo.
3. Đề xuất cải tiến •
Nâng cao tốc độ tải trang. •
Mở rộng tính năng cho bản Free. •
Tối ưu giao diện trên di động tốt hơn.