Elementor Là Gì? Hướng Dẫn Cài Đặt Và Thực Chiến Nhanh Nhất

Elementor là plugin chuyên về builder giúp soạn thảo nội dung website mà không cần biết code. Làm landing page, thiết kế layout của một số theme là Elementor ứng dụng nhiều nhất.

Chúng ta tìm hiểu xem Elementor là gì? Ưu điểm Elementor và hướng dẫn cài đặt sử dụng Elementor chi tiết nhất cho bạn.

ELEMENTOR LÀ GÌ?

Là tên của một plugin để tạo và chỉnh sửa trang cực kỳ phổ biến trên WordPress. Đây cũng là tên công ty chủ quản plugin Elementor. Với Elementor, bạn có thể thiết kế trang trên WordPress một cách dễ dàng, chuyên nghiệp. Không chỉ là trình tạo trang WordPress miễn phí tùy chỉnh. Với nhu cầu nâng cao, Elementor (bản trả phí) còn là công cụ để tạo giao diện mà người dùng không biết lập trình. Bạn không có kiến thức về lập trình nhưng vẫn muốn tự tạo một website chuyên nghiệp bằng WordPress để giới thiệu sản phẩm, dịch vụ, doanh nghiệp,… thì Elementor là một ứng cử viên sáng giá. Hơn 5 triệu website đang sử dụng (theo số liệu thống kê năm 2020). Hiện nay, Elementor vẫn đang  được ưa chuộng hàng đầu. Elementor cho phép dân digital marketing tạo website hoặc thiết kế landing page bằng WordPress một cách nhanh chóng mà không cần phải biết code.

ƯU ĐIỂM VÀ HẠN CHẾ CỦA ELEMENTOR

Elementor cũng như các tất cả công cụ tạo trang khác trên WordPress đều có ưu điểm và hạn chế riêng.

Ưu điểm của Elementor

Dưới đây mình liệt kê một số ưu điểm của Elementor dựa trên kinh nghiệm, trải nghiệm của mình và cộng đồng người dùng plugin này.

• Bạn không cần có kiến thức về lập trình web vẫn có thể thiết kế được một website chuyên nghiệp.
• Không chỉ đáp ứng được những tác vụ chỉnh sửa đơn giản mà Elementor còn đáp ứng được các nhu cầu tùy biến nâng cao dành cho các lập trình viên.
• Bạn có thể tạo mẫu template để tái sử dụng khi cần, sẽ giúp tiết kiệm thời gian khi tạo trang mới.
• Trang web tạo bởi Elementor hiển thị giao diện máy tính đến điện thoại di động, máy tính bảng. Cho phép bạn tùy chỉnh cách hiển thị đa thiết bị.
• Ưu điểm cuối cùng là tính phổ biến, nếu bạn sử dụng một plugin page builder khác thì có thể sẽ lo lắng về vấn đề tương thích với theme. Còn Elementor thì khả năng tương thích cao hơn vì đã rất phổ biến. Các theme hiện nay đa số đều phải kiểm tra tính tương thích với Elementor trước khi phát hành lên kho theme WordPress.

Tại khóa học digital marketing của IMO hướng học viên sử dụng Elementor và Flatsome để tạo trang web thuận tiện cho những bạn muốn tự làm website.

Hạn chế của Elementor

Có nhiều ưu điểm nhưng Elementor tồn đọng các hạn chế hiện nay vẫn chưa được khắc phục triệt để.

• Nặng –tốn tài nguyên là hạn chế nhấtt khi nói đến Elementor. Chúng ta hay bắt gặp phải những phàn nàn về việc plugin nặng, chậm trên các cộng đồng người dùng. Vì Elementor được tích hợp quá nhiều tính năng thuận tiện thì khó tránh khỏi điều này.
• Ưu điểm nhưng cũng là nhược điểm là tính năng quá nhiều, khá là rối đối với người mới, đặc biệt là phiên bản Pro.
• Nếu kích hoạt sử dụng plugin Elementor thì bạn phải theo mãi mãi. Nếu hủy kích hoạt thì website thiết kế bằng Elementor sẽ bị lỗi và việc chỉnh sửa lại cũng cực kỳ khó khăn.

HƯỚNG DẪN CÀI ĐẶT ELEMENTOR

Elementor có 2 phiên bản đó là miễn phí và trả phí, đây là cách cài đặt và kích hoạt phiên bản miễn phí.

Bước 01: Trong giao diện trang quản trị của WordPress, bạn chọn mục Plugin >> Chọn tiếp vào Cài mới.

Bước 02: Trong giao diện của trang cài mới plugin, nhập vào khung tìm kiếm plugin từ khóa “Elementor”. Trong các kết quả hiển thị, bạn chọn cài đặt plugin có tên là Elementor Website Builder. Nhấn tiếp vào nút Kích hoạt nếu như đã cài xong.

Như vậy là bạn đã hoàn tất việc cài đặt plugin Elementor miễn phí rồi đó. Tiến hành cài đặt plugin Elementor cũng rất đơn giản.

CÀI ĐẶT THEME TƯƠNG THÍCH TỐT VỚI ELEMENTOR

Bạn có thể để nguyên theme mặc định của WordPress hoặc theme mà website bạn đang sử dụng cũng được. Nhưng tránh trường hợp hướng dẫn của mình không giống hoàn toàn với theme mà bạn đang sử dụng hoặc khi WordPress thay đổi phiên bản. Có rất nhiều theme miễn phí và trả phí tương thích với Elementor. Ở đây sẽ chọn Astra –mẫu theme có độ hoàn thiện cao, bài bản và được đông đảo người dung.Sau đây là tuần tự các bước thực hiện:

Bước 1: Trong giao diện trang quản trị WordPress, bạn nhấp vào phần giao diện, tiếp đến nhấn vào nút Cài mới để mở trang cài đặt giao diện của website lên.

Bước 2: Trong giao diện thư viện theme, bạn tìm từ khóa “astra”. Tiếp theo, nhấp Cài đặt theme Astra, cài xong thì nhấn vào nút Kích hoạt.

Bước 3: Cài theme Astra xong, trong mục giao diện sẽ suất hiện phần Astra Options. Nhấn vào mục Install Importer Plugin để website tự cài đặt thêm một plugin có tên là Starter Templates.

Bước 4: Sau khi cài đặt thành công plugin Starter Templates sẽ tự động chuyển đến trang chọn theme. Lúc này bạn có thể chọn một theme mong muốn, tất nhiên là chọn demo nào không có thẻ Premium (demo trả phí).

Bước 5: Sau khi chọn mẫu demo xong thì trang sẽ tự động chuyển sang bước chọn ảnh đại diện trang web. Bạn hãy nhấn vào mục Upload File Here để tải lên ảnh từ máy tính và có thể để mặc định. Bạn nhấn vào nút tiếp tục.

Bước 6: Chọn màu và font chữ cho website. Nhấn vào nút Continue để tiếp tục. nếu như bạn không có thay đổi gì về font chữ hoặc màu sắc.

Bước 7: Tick chọn các thông tin trong khung mà bạn muốn chọn. Sau đó nhấn vào Submit & Build My Website.

Bước 8: Sau đó, website demo của bạn đã được tạo. Lúc này hãy nhấn vào nút View Your Website nhé!

HƯỚNG DẪN SỬ DỤNG ELEMENTOR

Dù ở đây chỉ là phiên bản miễn phí nhưng hãy thực hành nhiều vì có rất nhiều thao tác, tính năng mà bạn cần biết.

Tạo mới page, posts tùy chỉnh với Elementor

Nếu không sử dụng Elementor thì bạn chỉ có thể tạo trang web và bài đăng  với định dạng mặc định có sẵn của theme. Nhưng với Elementor bạn có thể thỏa sức thiết kế các trang  và bài viết  với bố cục đa dạng, linh hoạt.Mình sẽ hướng dẫn bạn một số cách tạo page, posts với Elementor.

Bước 01: Từ bên ngoài giao diện website WordPress, trên thanh Toolbar, nhấp vào nút Mới >> chọn tiếp vào Trang để tạo mới một trang.

Bước 02: Chọn vào nút Sửa để chuyển chế độ sang chế độ chỉnh sửa trang bằng Elementor. Tương tự, để tạo bài đăng với bố cục tùy chỉnh thì cũng thực hiện tương tự như đối với page nhé!

Tạo mới một landing page bằng Elementor

Landing page còn gọi là trang đích. Mình giải khi so sánh với posts và page được tạo bởi Elementor như sau:

• Bài viết tạo bởi Elementor bao gồm cả tiêu đề, đường dẫn chuyên mục, bình luận, . . .
• Trang tạo bởi Elementor có thể không có tiêu đề nhưng vẫn có header, footer tương tự như đối với posts. Page mặc định sẽ không có các phần như tiêu đề, đường dẫn chuyên mục , bình luận, . . .
• Trang đích tạo bởi Elementor sẽ thừa hưởng những điểm tương tự như Page nhưng sẽ không dùng header và footer chung như posts và page mà bạn có thể để trống hoặc tạo footer, header riêng.

Phân biệt 3 kiểu nội dung posts, page và landing page khi tạo trang với Elementor để bạn biết mà áp dụng cho phù hợp. Đây là các bước tạo mới một landing page.

Bước 01: Bạn rê chuột vào nút Mới >>>> mục Trang để bắt đầu.

Sau khi bạn chọn tạo mới trang đích, thư viện mẫu template cho trang đích và các khối được mở ra để bạn lựa chọn. Ở đây cũng có một vài chỗ bạn cần nắm được chức năng, nhiệm vụ của chúng.

• Khối (block): Là thư viện các mẫu block được thiết kế sẵn. Một landing page được tạo thành bởi sự kết hợp của các block như vậy.
• Trang đích (landing page): Là thư viện các landing page được thiết kế sẵn với đầy đủ các thành phần bên trong. Bạn chỉ cần chọn mẫu phù hợp và chỉnh sửa lại nội dung hoặc thêm các block còn thiếu là được.
• Mẫu của tôi: Là hiển thị các mẫu mà bạn đã tạo bằng Elementor trước đó và save.
• Biểu tượng upload/ import: Dùng để import template mà bạn mua hoặc mẫu mà bạn đã lưu về máy tính trước đó.
• Biểu tượng lưu trữ: Dùng để lưu tên mẫu vào thư viện, để nếu tái sử dụng chỉ cần vào thư viện và dùng, không phải mất công thiết kế lại từ đầu.

Bước 02: Chọn một mẫu miễn phí của trang đích mà bạn muốn. Sau đó nhấn vào nút Chèn (import mẫu):

Elementor sẽ yêu cầu bạn đăng nhập tài khoản, bạn đăng ký tài khoảng bằng Google và kết nối. Sau khi kết nối xong với tài khoản thì đợi một chút để template mẫu tải về các thành phần cần thiết là xong.

Sửa trang đã có với Elementor

Là thao tác chắc chắn bạn sẽ rất hay thực hiện khi dùng Elementor. Thông thường người dùng Elementor hay sử dụng các template đã được thiết kế sẵn rồi chỉnh làmnhư vậy sẽ rất tiện lợi và tiết kiệm thời gian đáng kể. Nếu bạn muốn chỉnh sửa một trang bất kỳ thì với Elementor thì chỉ cần nhấp vào mục Sửa với Elementor trên thanh toolbar là được. Bạn cũng có thể nhấn vào mục Sửa trang bên cạnh, rồi vào công cụ chỉnh sửa mặc định cũng sẽ có nút điều hướng chuyển sang chỉnh sửa với Elementor thôi.

Thoát chế độ chỉnh sửa trong Elementor

Đây sẽ là thao tác mà bạn sẽ thường xuyên sử dụng khi thiết kế bằng Elementor. Để mở chúng, bạn phải nhấp vào biểu tượng sau đó chọn thao tác Xem trang hoặc thoát chế độ chỉnh sửa khi cần. Ấn Cập nhật để thoát chế độ chỉnh sửa của Elementor và xem trang đang chỉnh sửa để lưu lại các chỉnh sửa vừa thực hiện. Bạn cũng có thể thoát chế độ sửa để trở lại trang chỉnh sửa mặc định bằng cách nhấn vào nút Exit. Không muốn lưu lại các chỉnh sửa đó thì bạn nhấn vào Rời khỏi là được.

Ẩn menu và footer trong Elementor

Trường hợp bạn muốn tạo page hoặc posts tùy chỉnh mà không muốn hiện diện của thanh menu và footer thì thì làm như sau: Bạn nhấp vào biểu tượng bánh răng. Ở phần bố trí trang, bạn chọn Elementor Canvas. Trang đang chỉnh sửa sẽ chuyển từ dạng bố cục có menu, footer site “mẹ” sẽ chuyển sang dạng không có menu, footer nữa. Phải tạo riêng hoặc để trống nếu muốn để có menu và footer. Ngoài ra, trong phần cài đặt, để ẩn tiêu đề trang thì bạn chuyển trạng thái từ Không sang Có chỗ mục Ẩn tiêu đề. Thường khi bạn chỉnh sửa trang sẽ không có tiêu đề để ẩn. Nếu bạn đang chỉnh sửa bài viết thì phía trên sẽ có một dòng tiêu đề, hãy ẩn nó nếu điều này làm mất thẩm mỹ.

Di chuyển, sắp xếp bố cục các block trong Elementor

Quá trình thiết kế trang web trên nề tảng Elementor, sẽ có những trường hợp bạn cần phải di chuyển, sắp xếp bố trí lại các block trên trang. Bạn có thể kéo thả các block bằng tính năng Navigator (Hoa tiêu) rất thuận tiện cho thao tác này. Sau khi sử dụng xong, đóng cửa sổ hoa tiêu lại nếu thấy chiếm không gian khi thao tác.

Thêm block vào trang trong Elementor

Với một vài thao tác kéo thả bạn khá dễ dàng thêm widget hoặc block vào trang trên Elementor. Để tạo section có 2 cột trở lên, kéo thả widget hoặc chèn block bạn phải thực hiện thao tác tạo section trước nhé! Tiếp theo là thêm block vào section. Thao tác này bạn sẽ chọn một mẫu block có sẵn trong thư viện của Elementor hoặc của các addon cài thêm vào.

Tùy chỉnh section (vùng chọn) trong Elementor

Có rất nhiều thao tác tùy chỉnh đối với section. IMO sẽ hướng dẫn bạn một thao tác tùy chỉnh cơ bản đối với vùng chọn. Chỉnh sửa các phần tử có trong Section là một trong các thao tác được sử dụng rất nhiều. Ví dụ để chỉnh sửa nội dung hoặc các nút nhấn thì bạn chỉ cần nhấn vào phần tử tương ứng. Khi đó sẽ hiển thị thông tin, nội dung và các thiết đặt của phần tử mà bạn cần thao tác.

Tạo template trên Elementor

Là tính năng cực hay trên Elementor, nó giúp bạn tiết kiệm rất nhiều thời gian khi tạo các trang mới bằng với bố cục tương tự như trang bạn đã từng thiết kế được. Không những vậy, lưu lại template có thể xem là cách dự phòng template cho các phiên bản chỉnh sửa đã thực hiện. Nếu kết quả thiết kế cuối cùng không ưng ý thì bạn chọn sử dụng lại các template đã tạo trước đó.

Import template mẫu đã tạo trên Elementor

Mình đã hướng dẫn bạn cách tạo template trên Elementor, bây giờ để sử dụng – import template đó bạn sẽ khá dễ thực hiện đúng. Bạn nên lưu template về máy, khi import template, thay vì chọn trong thư viện Mẫu của tôi thì bạn chọn vào nút tải lên template từ máy tính. Cái này sẽ áp dụng khi bạn mua template mẫu đã được thiết kế.

SỬ DỤNG ELEMENTOR CÓ ẢNH HƯỞNG SEO WEBSITE KHÔNG?

• Đa phần cộng đồng cho rằng Elementor năng và không tốt cho SEO website nên nhiều bạn cân nhắc khi sử dụng Elementor.
• Học viên tại IMO chạy quảng cáo thì có thể nói Elementor các bạn rất hài lòng, nhưng về SEO thì đây không phải là lựa chọn ưu tiên nhiều.
• Chúng tôi thấy rằng, tốc độ website chỉ là một phần nhỏ ảnh hưởng tới SEO, chủ yếu là content và sự chăm sóc website hàng ngày.
• Sử dụng plugin Wp-Rocket để cải thiện mặc tốc độ tăng tốc cho website, ngoài ra wp-rocket cũng rất tương thích với Elementor.

LỜI KẾT

Cảm ơn bạn đã xem bài viết của chúng tôi nói về Elementor. Sau bài viết các bạn đã nắm được một số cái cơ bản như: Elementor là gì? và biết sử dụng một số tính năng cũng như thao tác khi làm việc với Elementor. Hãy truy cập vào IMO.COM nếu trong quá trình cài đặt và sử dụng Elementorcó gì khó khan nhé!. IMO luôn bên bạn.