Bạn có gặp vấn đề gì khi bắt đầu với Plugin phần tử ? Đây là hướng dẫn đầy đủ về cách sử dụng Elementor

Hôm nay chúng tôi sẽ hướng dẫn bạn cách sử dụng Elementor để tạo các trang và khối cho trang web của bạn.

Trình tạo trang đã trở thành một phần không thể thiếu trong phát triển web đối với những người có ít hoặc không có kinh nghiệm thiết kế web.

Một trong những trình tạo trang phổ biến nhất là Elementor được cung cấp miễn phí và có nhiều tính năng hơn ở chế độ cao cấp.

Cách sử dụng Elementor

Trong bài viết này, chúng tôi sẽ giải thích lý do tại sao chúng tôi nghĩ Elementor là trình tạo trang hoàn hảo để bắt đầu:

Làm quen với Elementor

Cuộc gặp gỡ ban đầu của người dùng với trang web của bạn để lại ấn tượng lâu dài. Cho dù bạn đã theo đuổi phong cách cổ điển hay tối giản hay tổng hợp các nguồn lực của mình để tạo ra tầm nhìn về những trang web sẽ trông như thế nào trong tương lai, trong cả hai trường hợp, một trình tạo trang WordPress như Elementor là thứ cho phép bạn cá nhân hóa trang web của mình mà không cần bất kỳ mã hóa nào.

Điều cần thiết là trước tiên bạn phải cài đặt một chủ đề WordPress tương thích với Elementor.

Đọc cũng: Bạn có thể sử dụng Elementor mà không có chủ đề không? (Không - Đây là lý do tại sao)

Ngày xưa, bạn sẽ thiết kế trang web của mình bằng cách sử dụng các tùy chọn thiết kế có sẵn do chủ đề của bạn cung cấp. Nhưng một số chủ đề thiếu các tính năng tùy chỉnh nhất định, một số chủ đề khác thì rườm rà và rất khó tùy chỉnh cho từng trang.

Trình tạo trang phần tử cho phép bạn thực hiện các thay đổi đối với trang web của mình trong thời gian thực mà không cần phải chuyển đổi giữa giao diện người dùng và phụ trợ để kiểm tra xem các thay đổi mới của bạn đã được triển khai như thế nào.

Bạn có thể cài đặt Elementor bằng cách truy cập vào trang web riêng và sau đó bằng cách tải tệp zip lên WordPress của bạn hoặc duyệt qua kho lưu trữ của plugin WordPress và tìm kiếm “Elementor” và nhấp vào Cài đặt.

Đảm bảo kích hoạt plugin và bạn sẽ sẵn sàng khám phá tất cả các tùy chọn mà Elementor cung cấp.

Đọc cũng: Cách cài đặt Elementor

Các tính năng mà Elementor phải cung cấp

May mắn thay, Elementor là một trình soạn thảo giao diện người dùng, có nghĩa là bạn có thể thấy các thay đổi có hiệu lực ngay lập tức và thực hiện các điều chỉnh.

Một lợi ích gián tiếp khác là do sự phổ biến của nó, không thiếu tài nguyên có sẵn trên YouTube hoặc trang web WordPress để giúp bạn bắt đầu. Bài viết này là một trường hợp minh họa của các trang web này.

Cá nhân hóa trên Elementor là tất cả về các tiện ích và một khi bạn đã quen với việc kéo và thả các tiện ích của mình vào trang, bạn sẽ thấy lý do tại sao nó tốt hơn nhiều so với việc xử lý trình tạo trang mặc định của chủ đề WordPress của bạn.

Chèn tiện ích nút Paypal

Mỗi trang trên WordPress đều được tạo thành từ các phần và đây là cơ sở của việc xây dựng trang với Elementor.

Có một menu bánh hamburger ở bên trái màn hình cho phép bạn thực hiện các thay đổi đối với toàn bộ trang web trong khi các thay đổi được phản ánh ở phía bên phải.

Tính năng kéo và thả cho phép trải nghiệm xây dựng trang web nhanh hơn gợi nhớ đến một công cụ thiết kế.

Lý do duy nhất bạn sẽ cần một chủ đề là vì trang web của bạn không thể hoạt động nếu không có chủ đề và Elementor sẽ không có gì để thay đổi nếu không có chủ đề.

Lit Bạn có thể sử dụng Elementor mà không có chủ đề không? (Không - Đây là lý do tại sao)

Ngoài ra, bạn vẫn cần chủ đề để thay đổi đầu trang và chân trang của mình nếu bạn định gắn bó với phiên bản miễn phí của Elementor.

Elementor Free so với Elementor Pro

Sự khác biệt chính giữa chúng là số lượng widget được cung cấp trong phiên bản Pro.

Vì vậy, hãy chắc chắn kiểm tra xem bạn có cần nó trong thiết kế của mình không.

Và cũng có khả năng thay đổi chân trang và đầu trang của bạn trong Elementor cũng có ích, mặc dù nếu chủ đề của bạn đã đi kèm với trình tạo đầu trang và chân trang chuyên dụng, nó có thể không hữu ích bằng.

Về widget, đây là các widget cơ bản có trong phiên bản miễn phí:

  • Phần nội bộ
  • Hình ảnh
  • Trình soạn thảo văn bản
  • Vidéo
  • Bouton
  • máy phân ly
  • biểu tượng
  • Dải phân cách
  • Google Maps

Dưới đây là một số tiện ích có sẵn trong phiên bản Pro:

  • danh mục đầu tư
  • Hình thức
  • Hộp lật
  • Bảng giá
  • Trích dẫn khối
  • Kêu gọi hành động

Tất cả thông tin hữu ích để đưa ra quyết định cuối cùng được thông báo về việc có nâng cấp lên Elementor Pro hay không đã được cung cấp bên dưới.

Nhưng nói chung, chúng tôi khuyên bạn nên thử với phiên bản miễn phí cho đến khi bạn chắc chắn rằng Elementor là trình tạo trang WordPress tốt nhất cho bạn.

Elementor miễn phí Elementor Pro
Prix tự do $ 49 đến $ 99,199 / năm
Số lượng vật dụng 25 + 50 +
Trình tạo trang có sẵn có sẵn
Trình tạo chủ đề Không có sẵn có sẵn
HỖ TRỢ Không có sẵn có sẵn
Nội dung động Không có sẵn có sẵn
Mẫu và khối chuyên nghiệp Không có sẵn có sẵn
Tích hợp thương mại điện tử Không có sẵn có sẵn

Cuối cùng, sự yên tâm khi có nhóm hỗ trợ Elementor cung cấp hỗ trợ trong phiên bản Pro là điều khiến chúng tôi tin tưởng chắc chắn vào phiên bản Pro.

Nó cũng đi kèm với một số tính năng thích hợp mà bạn sẽ tìm thấy trong các plugin khác, nhưng tại sao không thực hiện tất cả trong một điểm dừng.

Mệnh dụ, trình tạo cửa sổ bật lên, tùy chọn động, điều kiện hiển thị tiêu đề hoặc cửa sổ bật lên, CSS tùy chỉnh, mã ngắn và tiện ích mẫu, phông chữ tùy chỉnh và trình quản lý vai trò.

Có thể chỉ định và hạn chế vai trò cho người dùng trên WordPress cho phép họ tiếp tục công việc của mình mà không ảnh hưởng đến thiết kế của bạn. Khách hàng chỉ có quyền truy cập để sửa đổi nội dung của trang và không thể thêm hoặc bớt các phần tử bằng cách kéo và thả; bằng cách này, thiết kế của bạn sẽ luôn được bảo vệ.

Môi trường chỉnh sửa

Khi thiết kế trang đầu tiên của bạn bằng Elementor, ban đầu bạn có thể bị choáng ngợp với số lượng widget và chưa phác thảo được thiết kế để đặt trên một khung trống; đây là nơi các mẫu trang Elementor có sẵn cho những người cảm thấy ít cảm hứng vào lúc này.

Chỉ cần chọn một mẫu được xác định trước từ danh sách khổng lồ và chèn nó vào trang của bạn và tùy chỉnh nó theo nhu cầu của bạn. Phía bên phải là sân chơi thiết kế của bạn, nơi bạn có thể thêm các yếu tố hình thành bố cục trang của mình.

Phía bên trái là một bảng quảng cáo chứa đầy các tiện ích kéo và thả trên trang.

Bạn có thể thêm các phần và kéo các widget cho phù hợp với thiết kế của mình hoặc chọn các mẫu được thiết kế sẵn.

Đọc cũng: Cách thêm hiệu ứng di chuột trong Elementor thông qua CSS tùy chỉnh

Trong bảng điều khiển phía dưới, bạn sẽ tìm thấy biểu tượng mũi tên hình tròn đưa bạn trở lại lịch sử của mình và được chia thành các hành động và đánh giá; trong các hành động, bạn có thể tìm thấy các bước của mình và hoàn nguyên về phiên bản cũ hơn và trong quá trình sửa đổi, bạn có thể tìm thấy tất cả các phiên bản đã lưu của mình.

cách sử dụng Elementor

Một lợi ích khác của việc sử dụng Elementor là truy cập nhanh vào các chế độ hiển thị khác nhau để bạn có thể kiểm tra ngay thiết kế hiện tại của mình trông như thế nào trên các màn hình khác nhau như máy tính bảng và thiết bị di động.

Nếu bạn thích thiết kế một trang chủ, Elementor's Blocks sẽ giúp bạn xây dựng trang của riêng mình từ đầu.

Đọc cũng: Cách thêm hiệu ứng di chuột trong Elementor thông qua CSS tùy chỉnh

Tùy chọn tab Phong cách (màu sắc, loại phông chữ, kích thước) cho phép bạn tùy chỉnh nội dung của các khối theo nhu cầu của bạn.

Ngoài ra còn có tùy chọn cực kỳ hữu ích là sao chép kiểu của một phần hiện có và dán từ đó để chỉnh sửa tất cả các khối theo cùng một cách.

cách sử dụng Elementor

Các trang web đơn giản với các trang tĩnh, như danh mục đầu tư, hầu hết là tĩnh, nhưng hầu hết các trang web có nhiều trang (blog, cửa hàng trực tuyến, kết quả tìm kiếm).

Các trang động này có thể được chỉnh sửa bằng Elementor Pro hoặc các tùy chọn chủ đề, ví dụ, bằng cách thiết kế đầu trang và chân trang của riêng bạn.

Xem thêm: Cách kích hoạt chế độ Coming Soon trong Elementor

Phiên bản Pro cũng đi kèm với nhiều khối, mẫu và widget hơn.

Trên phần phụ trợ, bạn cũng có thể truy cập menu Công cụ cung cấp các tùy chọn như Thay thế URL, chế độ bảo trì và kiểm soát phiên bản để hoàn nguyên về phiên bản trước nếu trang web của bạn gặp sự cố với Elementor mới nhất.

Nói tóm lại, cả hai phiên bản đều cho phép bạn tạo một trang, sử dụng các công cụ chỉnh sửa và chèn các mẫu được xác định trước.

Giá Elementor Pro

Đánh giá từ bảng trên, nếu bạn tin rằng Elementor Pro là lựa chọn phù hợp với mình, nhóm Elementor có 5 kế hoạch khác nhau để bạn bắt đầu tùy thuộc vào số lượng giấy phép bạn cần.

Cuối cùng

Nói chung, kết hợp Elementor (miễn phí hoặc Pro) với một chủ đề WordPress mạnh mẽ có khả năng che đi những điểm mù của nó là cách phù hợp để thực hiện trong hầu hết các trường hợp.

Các plugin WordPress cao cấp bổ sung khác 

Cũng khám phá khác plugin WordPress cao cấp giúp tối ưu hóa hiệu suất của trang web hoặc blog WordPress của bạn.

1. Foodify

Foodify là cách nhanh nhất và dễ nhất để khách hàng gọi món từ cửa hàng. Nó là hoàn toàn đáp ứng và bao gồm các tính năng bổ sung như hình ảnh, tùy chọn tìm kiếm, thông tin sản phẩm. Foodlify thực đơn thức ăn nhà hàng cho woocommerce

Nó cũng thêm các nút vào giỏ để cải thiện trải nghiệm người dùng. Phần mở rộng WooCommerce này là một giải pháp đặt hàng nhanh chóng, toàn diện có thể được thêm vào bất kỳ trang web WooCommerce nào.

Ở đây cho bạn Các plugin 5 WordPress để tối ưu hóa các mô tả và nhãn danh mục

Nó có ưu điểm là rất linh hoạt và tương thích với nhiều plugin hiện có trong thư mục WordPress.

Tải về | Bản demo | Web hosting

2. Hình ảnh thu phóng

Plugin này cho phép bạn dễ dàng thêm tính năng thu phóng toàn cảnh cho hình ảnh trên blog WordPress của mình thông qua mã ngắn. Ví dụ, bạn có thể tích hợp nó vào bài viết hoặc trang của bạn.

Hình ảnh zoom pan plugin wordpress để thu phóng

Như các chức năng, bạn sẽ có trong số những chức năng khác: thu phóng toàn cảnh trên một hình ảnh duy nhất hoặc một thư viện với hình ảnh không giới hạn, vị trí của thanh điều khiển có thể ở trên, phải, dưới và trái, đáy của thùng chứa có thể tối, sáng và không có cái nào khác; bản xem trước trực tiếp trong trang tổng quan, ví dụ về nhiều phóng to toàn cảnh trên cùng một trang, v.v.

Khám phá cũng của chúng tôi 5 rút ngắn các plugin WordPress cao cấp

Tải về | Bản demo | Web hosting

3. Thanh trượt Pro

Giải pháp Slider Pro cung cấp cho bạn một nền tảng tất cả trong một để giúp bạn tạo và chỉnh sửa các trang trình bày hoặc thanh trượt sẽ thu hút không chỉ các blogger, mà cả những người không chỉ xuất bản bài viết.

Plugin trượt wordpress đáp ứng Slider pro

Ce Plugin WordPress premium tránh rườm rà không cần thiết, thường là một trở ngại cho người dùng đang tìm kiếm thông tin họ cần. Ngoài ra, nó tập trung vào sự đơn giản và hiệu suất, trong khi cung cấp một loạt các khả năng tùy biến.

Khám phá quá Cách tạo slideshow với Slider Revolution trên WordPress

Quản lý của anh ấy về Urls trên thanh tìm kiếm của trình duyệt là một trong những tính năng nổi bật sau này. Như tên cho thấy, đây là giải pháp chuyên nghiệp mà bạn cần.

Đọc cũng của chúng tôi Các plugin 5 WordPress để tạo Câu hỏi thường gặp trên blog

Các tính năng của nó là: tải hình ảnh tối ưu, dễ dàng tùy chỉnh, hình ảnh động mượt mà, nhiều bố cục và nhiều hơn nữa.

Tải về | Bản demo | Web hosting

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Đây ! Đó là nó cho bài viết của chúng tôi hướng dẫn bạn cách sử dụng Elementor trong WordPress. Nếu bạn có bình luận hoặc đề xuất, đừng ngần ngại cho chúng tôi biết trong phần dành riêng.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn

...