WordPress

Elementor – Plugins hỗ trợ thiết kế trang cho WordPress

Elementor là gì ?

Elementor là plugins hỗ trợ chương trình thiết kế trang cho mã nguồn là WordPress, plugins rất dễ sử dụng để tạo nội dung và thiết kế bằng trình chỉnh sửa trực quan, kéo và thả…

Hiện nay, do là plugins miễn phí nên đang có lượng khách hàng khổng lồ là hơn 5 triệu người dùng WordPress.

Plugins này đang có phiên bản phổ biến:

  1. Phiên bản trả phí: Elementor Pro, Elementor Custom Skin Pro, FacetWP Elementor…
  2. Phiên bản miễn phí: Elementor Free, LearnDash – Elementor, Elements Kit – The Ultimate Addons for Elementor Page Builder…

Do bản miễn phí ban đầu chỉ hỗ trợ các chức năng basic, nếu người dùng cần nhiều công cụ đa năng hơn, có thể tham khảo thêm các bản ngoài của nhà sản xuất hoặc bản trả phí.

Hướng dẫn về plugins Elementor mới nhất

Elementor đối với với WordPress ?

Elementor là plugins hỗ trợ chỉnh sửa kéo và thả WordPress miễn phí và đơn giản, cho phép bạn tạo các trang web WordPress đẹp theo cách dễ dàng và nhanh chóng nhất có thể.

Trình chỉnh sửa WordPress mặc định rất tốt cho các bài đăng blog đơn giản, nhưng nó không cung cấp nhiều tùy chọn thiết kế và không thể thấy thiết kế của mình thực sự trông như thế nào cho đến khi bạn nhấp vào nút xem trước.

Ưu điểm vượt trội:

  • Elementor khắc phục điều đó bằng cách cung cấp cho bạn tính linh hoạt trong thiết kế giữa kéo và thả hoàn toàn với trình tạo trực quan. Việc thiết kế hoàn toàn không cần kiến ​​thức về CSS hoặc HTML.
  • Khi bạn đang tạo một block, bạn sẽ thấy thiết kế của mình chính xác như những gì khách truy cập sẽ thấy, điều này giúp bạn dễ dàng nhanh chóng điều chỉnh thiết kế của mình khi cần.
  • Elementor cung cấp vô số tùy chọn thiết kế và hàng chục widget nội dung được tạo sẵn cho mọi thứ từ nút đến biểu mẫu, thanh trượt, bảng định giá, v.v.
  • Ngoài việc thiết kế các bài đăng và trang riêng lẻ, bạn cũng có thể sử dụng Elementor để thiết kế toàn bộ chủ đề WordPress của mình – bao gồm: đầu trang (header), chân trang (footer) và ở giữa (body).

Cấu hình cài đặt Elementor

Chọn Elementor → Cài đặt: Để có thể cài đặt các cấu hình liên quan về plugins.

Hướng dẫn về plugins Elementor mới nhất

Thông tin các chức năng như sau:

  • Chung: Để bao gồm chỉnh sửa cơ bản chức năng bài viết, page, font chữ…
  • Kiểu: Phần này sẽ được hiển thị trong trạng thái đang chỉnh sửa bài viết Elementor Editor > Hamburger Menu > Site Settings.
  • Tích hợp: Hỗ trợ các API liên quan về: reCAPTCHA, Site Key, App ID, Facebook…
  • Nâng cao: Cài đặt Phương thức CSS, chuyển đổi Font…
  • Thí nghiệm: Kiểm tra các trạng thái: Improved CSS Loading, Import Export Template Kit…

Sử dụng Elementor như thế nào trong WordPress ?

Hướng dẫn về plugins Elementor mới nhất

Sử dụng theo thẻ

Đầu tiên, plugins sẽ hỗ trợ chỉnh sửa trong cả bài viết (post)trang (page) đồng nghĩa việc bạn có thể tuỳ chỉnh giao diện ở bất cứ chỗ nào.

Tuy nhiên, vể cách sử dụng sẽ không khác nhau nhiều.

Hướng dẫn về plugins Elementor mới nhất

Tại giao diện thiết kế sẽ chia làm 2 phần:

  • Bên tay trái sẽ là ô block hay được gọi là thẻ khác nhau: Có rất nhiều chức năng đủ dùng cho các bạn thiết kế giao diện bài viết hay trang website như: Thêm text cho bài viết, chỉnh sửa văn bản, tạo button, thêm Google Maps, Bảng biểu,…
  • Bên tay phải sẽ là thẻ khi được kéo từ trái qua phải và sử dụng, mỗi thẻ sẽ có chức năng khác nhau như: Thẻ chỉnh sửa văn bản để viết nội dung vào website, Thẻ video sẽ thêm mp4, youtube, định dạng video thêm vào site….

Trước tiên, bạn sẽ muốn hiểu cấu trúc cơ bản của Elementor. Một thiết kế Elementor được tạo thành từ ba phần chính:

  • Sections những phần này chia trang thành các hàng ngang.
  • Columns những cột này đi vào bên trong các phần và cho phép bạn chia phần thành các cột dọc.
  • Widgets đây là những thứ bạn sử dụng để thực sự thêm nội dung. Bạn có thể đặt các widget của mình bên trong một cột (và sau đó cột nằm bên trong phần).

Sử dụng mẫu thiết kế sẵn của Elementor

Với plugins sẽ hỗ trợ người các mẫu thiết kế có sẵn miễn phí, việc thiết kế này sẽ đơn giản hoá cho những ai chưa biết gì về code hoặc không có thời gian thiết kế.

Ngoài ra, có rất là nhiều các mẫu đẹp, chuyên nghiệp và phù hợp nội dung khách hàng đang cần.

Hướng dẫn về plugins Elementor mới nhất

Các bước sử dụng như sau:

Truy cập vào wp-admin –> Tạo page hoặc tạo trang –> Theme Builder.

Hướng dẫn về plugins Elementor mới nhất

Hướng dẫn cài đặt plugins Elementor

Cài đặt phiên bản miễn phí

Vào Plugins → Cài mới → Nhập từ khoá “Elementor” –> Kích hoạt plugins Elementor Website Builder.

Hướng dẫn về plugins Elementor mới nhất

Cài đặt phiên bản trả phí

Truy cập vào Plugin → Thêm mới → Tải plugins lên trong trang quản trị WordPress của bạn và tải lên tệp Elementor Pro bản .zip.

Sau khi quá trình tải lên hoàn tất, hãy nhớ kích hoạt Elementor Pro.

Hướng dẫn về plugins Elementor mới nhất

Để hoàn thành mọi thứ và kích hoạt tất cả các tính năng cao cấp, hãy chuyển đến Elementor → License trong trang tổng quan WordPress để kích hoạt giấy phép Elementor Pro trên trang web.

Sau đó, truy cập lại để kiểm tra trạng thái đã Active hay chưa.

Hướng dẫn về plugins Elementor mới nhất

Chúc quý khách thao tác thành công !!

Bài viết liên quan

Back to top button