Là một Plugin hỗ trợ đắc lực trong việc thiết kế Website, giao diện Website. Elementor Pro là một plugin khá phổ biến và được cho là plugin dễ dùng hiện nay. Việc thiết kế giao diện của bạn sẽ trở nên dễ dàng và đơn giản hơn rất nhiều với thao tác kéo thả.

Elementor Pro là gì?

Elementor Pro là một plugin WordPress cao cấp với giao diện kéo và thả dễ sử dụng. Nó có thể được sử dụng bởi các nhà phát triển, nhà thiết kế và các blogger.

Elementor Pro có giao diện trực quan cho phép bạn xây dựng trang web của mình trong vài phút. Nó đi kèm với hơn 200 widget tùy chỉnh, 5 kiểu tiêu đề, 4 plugin tiêu đề, 15 bố cục trang và 10 định dạng bài đăng.

Bạn có thể thiết kế website Landing Page của riêng mình. Đặc biệt hơn, với Elementor Pro giúp bạn:

• Tiết kiệm được rất nhiều chi phí khi phải thuê đơn vị khác để thiết kế giao diện.
• Khi sử dụng Elementor còn giúp cho site của bạn trở nên nhẹ nhàng, tiết kiệm dụng lượng hơn. Nhờ sự tích hợp tính năng của nhiều loại Plugin. Chỉ với Elementor bạn đã có thể thiết lập thêm nhiều trạng thái, chức năng cho Blog hay Website của mình.

Phân loại Elementor

Với Elementor, bạn có thể thiết lập các mẫu tùy chỉnh và sử dụng các lớp phần tử được tích hợp sẵn để tạo thiết kế của bạn dễ dàng và nhanh chóng. Bạn cũng có thể nhập các tệp CSS và HTML vào Elementor để tùy chỉnh thêm hoặc tích hợp chúng với chủ đề của bạn.

Hiện tại thì có 2 loại Elementor để dùng:

• Bản Elementor free: Elementor miễn phí: Elementor cung cấp cho bạn những tính năng cơ bản nhất mà Elementor cung cấp.
• Bản Elementor Pro: Elementor có phí (Elementor Pro). Không những gồm những chức năng của bản không lấy tiền. Elementor pro giúp đỡ khách hàng theo tính cá nhân hóa xây dựng. Dùng đa năng, tùy chỉnh hơn tạo nên blog/trang web cá nhân hóa của riêng bạn.

Hướng dẫn sử dụng Elementor Pro

Elementor Pro là một trong những plugin WordPress phổ biến nhất để tạo các trang web đáp ứng. Với Elementor, bạn có thể xây dựng trang web của mình trong vài phút mà không cần phải lo lắng về việc viết code.

Cài đặt Elementor Pro

Việc cài đặt Elementor cũng khá giống việc cài các Plugin thông thường khác. Tại giao diện quản trị wordpress, bạn chọn “Plugin” › click “Cài mới”.

<img class="wp-image-2743 size-medium aligncenter" src="data:;base64,” alt=”Cách cài đặt elementor pro” width=”650″ height=”398″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/cai-dat-elementor-650×398-1.jpg?v=1647942587 650w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-247×151.jpg?v=1647942587 247w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-768×470.jpg?v=1647942587 768w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor.jpg?v=1647942587 1134w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/cai-dat-elementor-650×398-1.jpg” />

Tìm từ khóa “Elementor” tại thanh công cụ tìm kiếm › sau đó click “Cài đặt”.

<img class="aligncenter wp-image-2744 size-medium" src="data:;base64,” alt=”Cách cài đặt elementor pro” width=”650″ height=”380″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/cai-dat-elementor-1-650×380-1.jpg?v=1647942623 650w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-1-247×144.jpg?v=1647942623 247w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-1-768×449.jpg?v=1647942623 768w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-1.jpg?v=1647942623 1152w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/cai-dat-elementor-1-650×380-1.jpg” />

Sau khi cài đặt plugin xong, bạn click “Kích hoạt”.

<img class="wp-image-2745 size-medium aligncenter" src="data:;base64,” alt=”Cách cài đặt elementor pro” width=”650″ height=”407″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/cai-dat-elementor-2-650×407-1.jpg?v=1647942626 650w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-2-247×155.jpg?v=1647942626 247w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-2-768×481.jpg?v=1647942626 768w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-2.jpg?v=1647942626 1152w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/cai-dat-elementor-2-650×407-1.jpg” />

Elementor đã được xuất hiện tại trang quản trị WordPress của bạn.

<img class="wp-image-2746 size-medium aligncenter" src="data:;base64,” alt=”Cách cài đặt elementor pro” width=”650″ height=”362″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/cai-dat-elementor-3-650×362-1.jpg?v=1647942629 650w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-3-247×138.jpg?v=1647942629 247w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-3-768×428.jpg?v=1647942629 768w, https://dangvoweb.com/wp-content/uploads/2022/03/cai-dat-elementor-3.jpg?v=1647942629 1101w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/cai-dat-elementor-3-650×362-1.jpg” />

Bạn hoàn toàn có thể tải trực tiếp plugin thông qua trang chủ elementor.com về và úp lên lại Website của bạn.

Như vậy bạn đã hoàn tất việc cài đặt plugin Elementor bản miễn phí. Tiếp theo chúng ta sẽ đi vào chi tiết hướng dẫn sử dụng Elementor.

Tạo Post/Page bằng Elementor Pro

Tính năng đầu tiên trong Elementor Pro trong mục viết bài Post lên Blog/Website. Bạn tạo bài đăng bình thường để đăng bài. Sau đó lựa chọn Sửa với Elementor để giao diện dựng trang Elementor page builder.

<img class="wp-image-2748 size-medium aligncenter" src="data:;base64,” alt=”Tạo bài viết elementor pro” width=”650″ height=”302″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-post-voi-elementor-pro-650×302-1.jpeg?v=1647943269 650w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-post-voi-elementor-pro-247×115.jpeg?v=1647943269 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-post-voi-elementor-pro.jpeg?v=1647943269 765w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-post-voi-elementor-pro-650×302-1.jpeg” />

Tạo Popup bằng Elementor Pro

Nếu chúng ta muốn tạo pop-up thu thập mail vào hệ thống getresponse thì trên hết bạn phải cần vào phần “cài đặt” của elementor pro -> chọn phần “tích hợp” -> Nhập mã API vào.

<img class="wp-image-2749 size-medium aligncenter" src="data:;base64,” alt=”Tạo Popup với Elementor” width=”650″ height=”271″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-650×271-1.jpg?v=1647943823 650w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-247×103.jpg?v=1647943823 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-768×320.jpg?v=1647943823 768w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro.jpg?v=1647943823 807w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-650×271-1.jpg” />

Ok bây giờ bạn tạo pop-up bằng việc vào phần “template” -> chọn “Popups” -> bấm nút “thêm mới popup”.

<img class="wp-image-2750 size-medium aligncenter" src="data:;base64,” alt=”Tạo Popup với Elementor” width=”650″ height=”362″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-1-650×362-1.jpg?v=1647943898 650w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-1-247×138.jpg?v=1647943898 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-1-768×428.jpg?v=1647943898 768w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-1.jpg?v=1647943898 861w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-1-650×362-1.jpg” />

Bạn đặt tên cho mẫu popups rồi bấm nút “Tạo mẫu thiết kế”.

<img class="wp-image-2751 size-medium aligncenter" src="data:;base64,” alt=”Tạo Popup với Elementor” width=”650″ height=”342″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-2-650×342-1.jpg?v=1647943926 650w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-2-247×130.jpg?v=1647943926 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-2-768×404.jpg?v=1647943926 768w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-2.jpg?v=1647943926 913w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-2-650×342-1.jpg” />

Bạn chọn 1 mẫu có sẵn rồi sau đấy nhấn vào nút “chèn”.

<img class="wp-image-2750 size-medium aligncenter" src="data:;base64,” alt=”Tạo Popup với Elementor” width=”650″ height=”362″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-1-650×362-1.jpg?v=1647943898 650w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-1-247×138.jpg?v=1647943898 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-1-768×428.jpg?v=1647943898 768w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-1.jpg?v=1647943898 861w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-1-650×362-1.jpg” />

Bây giờ bạn chỉ phải chỉnh sửa lại thông tin cho phù hợp. Còn phần API của getresponse nếu như bạn đã tích ở bước phía trên rồi thì bạn có thể nhìn thấy nó tự động nhận bên cột trái và có danh sách danh bạ cho bạn tìm kiếm (trong hình dưới Ân chưa kết nối nên bạn sẽ không thấy).

<img class="wp-image-2753 size-medium aligncenter" src="data:;base64,” alt=”Tạo Popup” width=”650″ height=”317″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-4-650×317-1.jpg 650w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-4-247×121.jpg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-4-768×375.jpg 768w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-4-585×286.jpg 585w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-4.jpg 983w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-4-650×317-1.jpg” />

Sau khi sửa xong bạn bấm nút “xuất bản” bạn có thể nhìn thấy phần cài đặt “Triggers” đây chính là phần điều kiện xảy ra popups. Giả sử bạn mong muốn nó xuất hiện sau 10s kể từ lúc độc giả vào xem bài viết thì bạn bật nút “On Page Load” rồi nhập 10 vào -> xong xuôi thì bấm nút “Save & Close” để hoàn tất.

<img class="wp-image-2754 size-medium aligncenter" src="data:;base64,” alt=”Tạo Popup” width=”650″ height=”414″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-5-650×414-1.jpg 650w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-5-247×157.jpg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-5-585×373.jpg 585w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-popup-voi-elementor-pro-5.jpg 753w” data-lazy-sizes=”(max-width: 650px) 100vw, 650px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-popup-voi-elementor-pro-5-650×414-1.jpg” />

Tạo Header trên Elementor Pro

Trên hết bạn vào Template => Add New. Lúc này cửa sổ xuất hiện chọn “Header” và đặt tên cho header này, Bạn chọn “Create Template” để tiếp tục bước sau.

<img class="size-full wp-image-2755 aligncenter" src="data:;base64,” alt=”Tạo header với Elementor pro” width=”625″ height=”423″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro.jpeg 625w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-247×167.jpeg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-585×396.jpeg 585w” data-lazy-sizes=”(max-width: 625px) 100vw, 625px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro.jpeg” />

Xuất hiện thư viện mẫu của Elementor, ở đây Bạn có thể coi các mẫu có sẵn bằng cách click vào “dấu +”

<img class="size-full wp-image-2756 aligncenter" src="data:;base64,” alt=”Tạo header với Elementor pro” width=”605″ height=”385″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro-1.jpeg 605w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-1-247×157.jpeg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-1-585×372.jpeg 585w” data-lazy-sizes=”(max-width: 605px) 100vw, 605px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro-1.jpeg” />

Bạn check ở bản “xem trước” và cảm nhận thấy ổn thỏa với mẫu header vừa tạo thì bạn click vào nút ” chèn”.

<img class="size-full wp-image-2757 aligncenter" src="data:;base64,” alt=”Tạo header với Elementor pro” width=”608″ height=”144″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro-2.jpeg 608w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-2-247×59.jpeg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-2-585×139.jpeg 585w” data-lazy-sizes=”(max-width: 608px) 100vw, 608px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro-2.jpeg” />

Bây giờ chúng ta có thể tùy chỉnh header theo ý của mình:

• Cột logo Bạn có thể click vào và thay ảnh logo của bạn. Ảnh logo và site tile sẽ được tự động được thu thập ở mục trong customize nhé.
• Menu bạn cũng sẽ lấy trong phần tạo thực đơn, chúng ta có thể tùy chọn hiển thị menu ở bên mục layout phía bên tay trái theo ý của chúng ta nhé.
• Ngoài ra, việc chỉnh sửa màu sắc, và các căn chỉnh chi tiết khác chúng ta có thể tự tham khảo kỹ hơn để tạo nên một header đẹp theo ý mình nhé.

Lúc này bạn hoàn toàn có thể chỉnh sửa bản header này tùy vào ý của mình:

<img class="size-full wp-image-2758 aligncenter" src="data:;base64,” alt=”Cách Tạo header với Elementor pro” width=”622″ height=”329″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro-3.jpeg 622w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-3-247×131.jpeg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-3-585×309.jpeg 585w” data-lazy-sizes=”(max-width: 622px) 100vw, 622px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro-3.jpeg” />

Sau khi đã chỉnh sửa xong, Bạn có thể xuất bản, hoặc bạn chọn “Display Condition” để tuỳ chỉnh địa điểm xuất hiện theo ý mình.

Ví dụ: Bạn mong muốn header vừa tạo hiển thị ở tất cả website nhưng không hiển thị tại trang 404 thì bạn làm như sau:

• Include (hiển thị tại…): Chọn “Entire Site”
• Exclude (loại trừ tại…): Chọn “Singular”, sau đấy bạn chọn trang “404 page”.

<img class="size-full wp-image-2759 aligncenter" src="data:;base64,” alt=”Cách Tạo header với Elementor pro” width=”623″ height=”414″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro-4.jpeg 623w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-4-247×164.jpeg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-4-585×389.jpeg 585w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-4-263×175.jpeg 263w” data-lazy-sizes=”(max-width: 623px) 100vw, 623px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro-4.jpeg” />

Cứ như vậy Nếu bạn muốn loại trừ hiển thị ở các mục khác thì bạn chọn “ADD CONDITION” để thêm vào. Một khi coi như hoàn tất bạn chọn “SAVE & CLOSE” là được.

Tương tự, bạn cũng có khả năng tạo các mục như: Footer, Single Post,… cho các trang, blog của mình nhé!

Tạo landing page trên Elementor Pro

Nếu như bạn đã đọc đến đây thì việc tạo một trang đích (landing page) bằng elementor pro sẽ không còn gì chông gai nữa.

Vẫn là các thao tác như cũ : Bạn vào Template => Add New.

Lúc này, cửa sổ xuất hiện chọn “page” và bạn cũng đặt tên cho langding page theo ý của mình sau đó nhấn Create Template.

<img class="size-full wp-image-2760 aligncenter" src="data:;base64,” alt=”Tạo landing page trên Elementor Pro” width=”460″ height=”401″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-ladingpage-voi-elementor-pro.jpeg 460w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-ladingpage-voi-elementor-pro-247×215.jpeg 247w” data-lazy-sizes=”(max-width: 460px) 100vw, 460px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-ladingpage-voi-elementor-pro.jpeg” />

Giờ đây Bạn có thể tự tạo ra được trang Landing Page theo ý bằng cách dùng các đối tượng theo cách kéo và thả sang phía bên phải nhé.

Mặc dù vậy để nhanh hơn thì Bạn nên chọn các template (mẫu) đã có sẵn trong kho của elementor bằng cách click vào biểu tượng folder như hình dưới.

<img class="size-full wp-image-2761 aligncenter" src="data:;base64,” alt=”Tạo landing page trên Elementor Pro” width=”600″ height=”329″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-ladingpage-voi-elementor-pro-1.jpeg 600w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-ladingpage-voi-elementor-pro-1-247×135.jpeg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-ladingpage-voi-elementor-pro-1-585×321.jpeg 585w” data-lazy-sizes=”(max-width: 600px) 100vw, 600px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-ladingpage-voi-elementor-pro-1.jpeg” />

Bạn click “dấu +” để coi trước các teamplate landing page đã có sẵn nhé

<img class="size-full wp-image-2762 aligncenter" src="data:;base64,” alt=”Tạo landing page trên Elementor Pro” width=”622″ height=”329″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro-3-1.jpeg 622w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-3-1-247×131.jpeg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-header-elementor-pro-3-1-585×309.jpeg 585w” data-lazy-sizes=”(max-width: 622px) 100vw, 622px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-header-elementor-pro-3-1.jpeg” />

Bạn chọn “chèn” để thêm template này vào nhé.

<img class="size-full wp-image-2763 aligncenter" src="data:;base64,” alt=”Tạo landing page trên Elementor Pro” width=”602″ height=”382″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-ladingpage-voi-elementor-pro-3.jpeg 602w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-ladingpage-voi-elementor-pro-3-247×157.jpeg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-ladingpage-voi-elementor-pro-3-585×371.jpeg 585w” data-lazy-sizes=”(max-width: 602px) 100vw, 602px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-ladingpage-voi-elementor-pro-3.jpeg” />

Được rồi bây giờ bạn hoàn toàn có khả năng thay đổi, thêm, xoá các đối tượng theo ý bạn muốn.

<img class="size-full wp-image-2764 aligncenter" src="data:;base64,” alt=”Tạo landing page trên Elementor Pro” width=”619″ height=”330″ data-lazy-srcset=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-ladingpage-voi-elementor-pro-4.jpeg 619w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-ladingpage-voi-elementor-pro-4-247×132.jpeg 247w, https://dangvoweb.com/wp-content/uploads/2022/03/tao-ladingpage-voi-elementor-pro-4-585×312.jpeg 585w” data-lazy-sizes=”(max-width: 619px) 100vw, 619px” data-lazy-src=”https://dangvoweb.com/wp-content/uploads/2022/12/tao-ladingpage-voi-elementor-pro-4.jpeg” />

Cuối cùng bạn nhớ nhấn nút “xuất bản” để coi như hoàn tất thành quả của mình nhé.

Hoàn tác và lịch sử sửa đổi

Trong quá trình làm việc với nội dung bài đăng, chúng ta khó có thể tránh khỏi sai sót về text cũng như bố cục.

Việc khắc phục những sai sót đối với Elementor hoàn toàn đơn giản và nhanh chóng bằng công cụ “Lịch sử“.

Ngoài ra, phím tắt hoàn tác thông thường “Ctrl + Z” cũng sẽ sử dụng được trong Elementor.

Các hành động nhỏ nhất sẽ được lưu lại ngay sau khi bạn thực hiện.

Chúng sẽ được lưu lần lượt từ cũ và mới theo từng lớp hành động. Bạn chỉ cần di chuột tới hành động cần “hoàn tác” và click vào biểu tượng trong hình.

Lời kết

Và bên trên là tổng thể những kiến thức mà mình đã tổng hợp được về Elementor cho bạn đọc hiểu hơn về Plugin này. Cũng như hướng dẫn cách có thể sử dụng tốt nhất để thiết kế giao diện. Mong rằng bài viết này đã giúp bạn phần nào trong việc tìm hiểu và thiết kế web.