Nhóm dành riêng cho những người bạn Viết blog Kiếm tiền: Tham gia tại đây

Elementor Pro – Ai cũng có thể tự thiết kế website/blog (2022)

  • Home
  • /
  • Blog
  • /
  • Elementor Pro – Ai cũng có thể tự thiết kế website/blog (2022)

Nội dung bài viết

Nội dung bài viết

Hơn 5 triệu lượt kích hoạt trên WordPress, khiến cho Elementor trở thành plugin Builder (thiết kế trang) số 1 & bỏ rất xa những đối thủ khác.

Vậy có gì khiến cho Elementor Pro hấp dẫn đến vậy?

Có thể kể ra một số điểm như sau: Ai cũng có thể thiết kế cho mình một giao diện website độc nhất chỉ bằng cách kéo thảweb lại nhanh, chuẩn SEO

Hơn nữa, bạn cũng sẽ tiết kiệm được kha khá khi không phải bỏ thêm tiền để mua giao diện & các plugin khác nữa. Bởi cơ bản mọi thứ mà bạn cần đều được tích hợp sẵn trong plugin Elementor Pro rồi!

Bây giờ, hãy cùng Quang đi tìm hiểu chi tiết về những ưu nhược điểm, cách sử dụng & làm sao để có thể mua được bản quyền Elementor Pro với giá rẻ nhất.

1. Elementor là gì?

Hiểu đơn giản thì Elementor là một plugin thiết kế trang (Builder) trên WordPress.

Với Elementor thì bạn có tự thiết kế giao diện trang chủ, trang giới thiệu, trang bán hàng… mà không cần phải biết gì đến lập trình. Bạn chỉ cần kéo thả những block (khối dữ liệu) để tạo ra những giao diện độc nhất theo đúng ý muốn. Nếu muốn nhanh hơn thì bạn có thể sử dụng những mẫu (template) rất đẹp được Elementor thiết kế sẵn, rồi sau đó chỉnh sửa lại.

Sau một thời gian sử dụng thì Quang thấy Elementor rất dễ sử dụng & có quá nhiều ưu điểm.

Vậy nên đa phần các blog hiện nay của mình đều được được xây dựng bằng plugin với hơn 5 triệu lượt cài đặt này.

Nếu không có nhu cầu quá cao thì bản miễn phí đã đủ dùng cho bạn, còn nếu muốn tùy biến nhiều hơn thì hãy cân nhắc đến bản plugin Elementor Pro, nó chắc chắn sẽ làm bạn hài lòng.

2. Ưu nhược điểm của Elementor

2.1 Ưu điểm

  • Dễ sử dụng: Là ưu điểm được hàng đầu của Elementor, giúp cho những người chẳng biết tý nào về lập trình như Quang cũng có thể dễ dàng tạo được những giao diện ưng ý chỉ bằng cách kéo thả.
  • Thay thế được nhiều plugin: Elementor tích hợp khá nhiều tính năng nên bạn có thể loại bỏ một số plugin như tạo mục lục cho bài viết, khung thu thập email, thông báo, chèn các mạng xã hội… từ đó giúp trang của bạn tải nhanh hơn & cũng đỡ tốn chi phí hơn.
  • Khả năng tùy biến cao: Tùy chỉnh được tất cả các thành phần từ hình ảnh, âm thanh, video, nội dung…
  • Giá rẻ: Nếu bạn là người mới thì có thể dùng bạn miễn phí cũng được, nếu cần nhiều tính năng chuyên nghiệp hơn thì hãy nâng cấp lên bản Elementor Pro, toàn bộ chi phí cho tất cả những tính năng cao cấp cũng chỉ khoảng 1 triệu đồng.

2.2 Nhược điểm

  • Không cho phép dùng thử bản Pro
  • Khi dùng plugin Elementor thì có thể khiến trang của bạn chưa nhiều tệp javascript & css, điều này có thể gây ảnh hưởng đến tốc độ tải trang của bạn.

3. Hướng dẫn cài đặt plugin Elementor

  • Bước 1: Tải và cài đặt plugin Elementor (bản miễn phí)

Tất nhiên, là bản miễn phí sẽ bị giới hạn nhiều tính năng nên nếu có nhu cầu cao hơn thì bạn hãy cân nhắc đến bản Pro.

Có nhiều gói để bạn lựa chọn, các tính năng thì giống nhau, chủ yếu là khác nhau về số lượng website sử dụng. Quang thì đang dùng gói 25 Pro (sử dụng được cho 25 website khác nhau).

Sau khi mua xong thì bạn sẽ được cấp plugin Elementor Pro & License Key bản quyền.

  • Bước 3: Cài đặt Elementor Pro

Việc cài đặt thì cũng giống như các plugin khác của WordPress bạn vào Plugin => Cài mới (Add New) => tải Elementor Pro => Cài đặt => Kích hoạt.

  • Bước 4: Kích hoạt bản quyền

Elementor => License => nhập mã kích hoạt bản quyền được cấp.

Elementor Pro của mình đã được kích hoạt bản quyền thành công
  • Bước 5: Các cài đặt cơ bản

Vào mục Cài đặt => Chung => chọn Bài viết, trang & trang đích để cho phép sử dụng Elementor trên cả bài viết lẫn các trang.

Ở mục Tích hợp là để bạn kết nối các API của Google Maps, reCAPTCHA, MailChimp, Getresponse…

4. Những thành phần cơ bản của Elementor

Những thành phần chính bạn cần nắm được khi thiết kế trang bằng Elementor Pro là:

  • Section (mục): Đây là một khu vực thiết kế & trên mỗi trang thì bạn có thể tạo ra nhiều Section khác nhau.
  • Inner Section (mục con): Là những mục con thuộc các Section lớn.
  • Cột: Nhằm phân chia các cột trong Section hoặc Inner Section.
  • Đối tượng (element): Sẽ có nhiều element như hình ảnh, video, văn bản, nút, icon… để bạn có thể tùy biến nội dung theo ý muốn.

Việc của bạn cần làm là kết hợp các thành phần này với nhau một cách hợp lý để tạo ra một trang web đẹp.

5. Hướng dẫn tạo trang bằng Elementor Pro

5.1 Tự tạo thiết kế bằng Elementor

  • Bước 1: Bạn vào mục Dashboard => Template => Add New (Thêm mới).
  • Bước 2: Chọn kiểu mẫu bạn muốn làm việc => nhập tên

Những mẫu mà bạn có thể thiết kế bao gồm: Trang, section, trang đích, popup, header, Single Post, Single Page, Archive, Search Results, Error 404

  • Bước 3: Sử dụng các thành phần (bên trái) để thiết kế trang
  • Bước 4: Hình ảnh thực tế

Đây là hình ảnh demo mà mình làm, để xem chi tiết hơn mời bạn vào tuonglaitiente.com

5.2 Tạo trang bằng những mẫu (Template) của Elementor Pro

Sức mạnh thật sự của Elementor Pro chính là những mẫu có sẵn được thiết kế rất đẹp & bạn có thể dùng chúng chỉ bằng 1 cú nhấp chuột. Tất nhiên, là chỉ dành cho bản Pro mà thôi.

  • Bước 1: Bạn vào mục Dashboard => Template => Theme Builder
  • Bước 2: Chọn thành phần bạn muốn tạo

Những thành phần có mẫu sẵn là: Header, Footer, bài viết, trang, chuyên mục, trang tìm kiếm, trang 404.

Trong các phần dưới thì mình sẽ hướng dẫn bạn tạo từng phần một cách chi tiết bằng những template có sẵn để vừa đẹp vừa nhanh.

5.3 Hướng dẫn tạo Header bằng Elementor

Tiếp theo, phần trên thì bạn chọn vào phần Header.

Ở đây có vài chục mẫu để bạn có thể tùy chọn, bấm vào dấu + để phóng to header, sau khi chọn được mẫu ưng ý thì bấm vào chữ CHÈN.

Sau khi lưu xong thì sẽ ra phần header tương tự như hình bên dưới.

  • Ở phần logo thì bạn có thể tải của mình lên để thay thế. Mặc định thì logo và tiêu đề web sẽ được lấy ở phần customize.
  • Phần menu thì được lấy dữ liệu trong mục Menu.

Nếu bạn chèn cái header mẫu nào vào mà nó trống trơn như bên dưới thì tức là nó chưa có dữ liệu logo & menu. Bạn cần thêm dữ liệu ở phần quản lý Giao diện => Tùy biến hoặc Menu.

Bạn cũng có thể tùy biến kích thước, màu sắc, hiệu ứng & rất nhiều thứ khác nữa để tạo ra một header ưng ý.

Sau khi chỉnh sửa xong thì bấm vào Cập nhật hoặc bấm vào mũi tên chọn Display Conditions (chọn nơi xuất hiện).

  • INCLUDE (hiện thị tại…): Chọn Entire Site (tất cả các trang)
  • Exclude (loại trừ): Chọn Singular & chọn thêm các trang không muốn hiển thị header (như ở đây là trang 404 chẳng hạn).

Bạn có thể thêm được nhiều trang loại trừ cách thêm các tùy chọn cài đặt tại ADD CONDITION.

5.4 Hướng dẫn tạo Footer bằng Elementor

Cơ bản thì việc tạo Footer cũng sẽ giống như cách tạo & tùy chỉnh phần Header như bên trên nên Quang sẽ nói lại nữa nhé!

5.5 Hướng dẫn tạo Single Post (trang bài viết) bằng Elementor

Bạn vào Dashboard => Template => Theme Builder => Single Post

Ở đây bạn cũng có nhiều mẫu rất đẹp để bạn lựa chọn sao cho phù hợp với ý định.

Sau khi chỉnh sửa xong thì bạn chọn nơi hiển thị ở mục Display Conditions & cài đặt như hình dưới.

6. Hướng dẫn tạo Landing page bằng Elementor Pro

Đây chính là tính năng quan trọng nhất của Elementor nên Quang sẽ chia sẻ thật kỹ ở phần này để bạn nắm được nha!

Bạn vào Dashboard => Template => Theme Builder => Single Page

Ở mục Khối (những trang trắng để bạn tự thiết kế) còn bên mục Trang sẽ có rất nhiều mẫu để bạn lựa chọn.

  • Bấm vào dấu + để xem chi tiết.
  • Bấm vào CHÈN để chọn trang đó.

7. Hướng dẫn tạo Popup bằng Elementor

Bạn có thể tạo một popup để giới thiệu sản phẩm hoặc kêu gọi mọi để lại email mà không cần cài thêm một plugin khác vì Elementor Pro đã có sẵn.

Chúng ta sẽ bắt đầu các bước thực hiện như sau:

  • Bước 1: Vào Template => Thêm mới (add new) => chọn kiểu mẫu Popup => nhập tên
  • Bước 2: Chọn mẫu ưng ý
  • Bước 3: Chỉnh sửa nội dung

Sau khi chỉnh sửa xong thì bạn bấm vào XUẤT BẢN.

  • Conditions: Chọn những nơi popup sẽ xuất hiện
  • Triggers: Khi người dùng thao tác điều gì thì popup sẽ bật lên (khi tải trang, cuộn trang, nhấp chuột, có ý định thoát trang…)
  • Advanced Rules: Những tính năng nâng cao (hiển thị sau bao nhiêu lượt xem trang, hiển thị tối đa bao nhiêu lần, không hiển thị khi người dùng đã đăng nhập…)

8. Có nên sử dụng Elementor Pro không?

Hy vọng với những thông tin ở trên thì bạn đã hiểu được những tính năng cơ bản của Elementor Pro & bạn cũng có thêm lựa trọn trong việc thiết kế các website.

Với cá nhân Quang thì Elementor Pro đang là công cụ thiết kế landing page mà mình áp dụng cho hơn 10 trang blog khác nhau. Bởi ngoài chi phí ra thì Quang cũng lược bớt được kha khá những plugin khác, từ đó giúp cho web nhẹ hơn, tốc độ nhanh hơn… Đặc biệt, Quang cũng sẽ được thỏa thích tùy biến mọi thứ chứ không còn bị phụ thuộc vào những giao diện có sẵn nữa.

Bạn đánh giá như nào về Elementor Pro?

Hãy chia sẻ kinh nghiệm hoặc đặt câu hỏi để Quang có thể hỗ trợ bạn nhé!

Có thể bạn sẽ thích:

5 1 vote
Đánh giá bài viết
__CONFIG_colors_palette __ {"active_palette": 0, "config": {"Colors": {"62516": {"name": "Main Accent", "parent": - 1}}, "gradient": []}, " bảng màu ": [{" name ":" Bảng màu mặc định "," giá trị ": {" Colors ": {" 62516 ": {" val ":" var (- tcb-skin-color-0) "}}, "gradient": []}, "original": {"color": {"62516": {"val": "rgb (19, 114, 211)", "hsl": {"h": 210, " s ": 0,83," l ": 0,45}}}," độ dốc ": []}}]} __ CONFIG_colors_palette__

Elementor Pro – Ai cũng có thể tự thiết kế website/blog (2022)

Mỗi tuần Quang sẽ gửi tặng bạn một bài viết hoặc tài liệu về kinh nghiệm viết blog & kiếm tiền online chất lượng!

Nhận thông báo
Thông báo về
guest
0 Comments
Inline Feedbacks
View all comments
{"email": "Địa chỉ email không hợp lệ", "url": "Địa chỉ trang web không hợp lệ", "bắt buộc": "Thiếu trường bắt buộc"}
>
0
Nhấp vào đây để đặt câu hỏi hoặc bình luậnx
()
x