Elementor 3.0, Big update với nhiều cải tiến đắt giá [NEW]

Vào ngày 25 tháng 8, Elementor 3.0 đã chính thức được phát hành (cho cả phiên bản Miễn phí và Pro)

Lần này hứa hẹn sẽ mang đến một bước nhảy vọt như bản Big Update trước đó.

  • 1.0 2016 với trình chỉnh sửa trực quan
  • 2.0 vào năm 2018 với Trình tạo chủ đề

Bản cập nhật này đã được giới thiệu bởi nhà sản xuất ”.giúp người dùng xây dựng các trang web theo một cách hoàn toàn mới“.

Tính năng hệ thống thiết kế, Trình tạo chủ đề mới và các cải tiến hiệu suất đáng kể.

Theo như tôi biết, họ đã phải làm lại plugin cốt lõi trong nhiều tháng.

Trong tuần vừa qua, mình cũng đã trải nghiệm khá tốt Elementor 3.0.

Vì vậy, trong bài viết này, tôi sẽ giới thiệu cho các bạn một số tính năng mới của phiên bản này.

Elementor3.0

Xây dựng trang web với một bảng điều khiển duy nhất

Đây là những gì Elementor đã cố gắng làm gần đây.

Đó là mang lại trải nghiệm nhất quán, xuyên suốt sản phẩm của mình.

Nếu bạn để ý sẽ thấy có rất nhiều thương hiệu nổi tiếng như Apple, Nike hay Soptify.

Tất cả đều có một ngôn ngữ thiết kế thống nhất cho sản phẩm của mình (ví dụ: Apple với hệ điều hành iOS).

Hệ thống thiết kế

Nếu bạn nào chưa quen với thuật ngữ này hoặc chưa hiểu rõ về nó.

Có thể hiểu đây là hệ thống giúp người dùng xây dựng website một cách dễ dàng hơn.

Ví dụ, làm thế nào để bạn thay đổi màu chữ, kích thước, bố cục.

Trong khi đảm bảo tính nhất quán và dễ dàng, đây là vai trò của Hệ thống thiết kế.

Trong hệ thống thiết kế của Elementor sẽ mang lại:

  • Bảng điều khiển Cài đặt Trang web Mới – bao gồm nhận dạng trang web, cài đặt hộp đèn, kiểu chủ đề
  • Màu sắc toàn cầu – màu chính
  • Phông chữ Toàn cầu – nét chữ

Hãy cùng khám phá từng tính năng này và xem chúng sẽ giúp bạn xây dựng các trang web chuyên nghiệp hơn như thế nào.

Cài đặt Trang web

https://youtu.be/EoO39H_xpOA

Đôi khi việc thiết lập một số cài đặt trang web cơ bản khá mất thời gian.

Đó là lý do tại sao Elementor đã thêm Cài đặt trang tổng quan mới.

Bạn có thể thấy nó ngay trong trình chỉnh sửa trực tiếp của cửa sổ Elementor (thay vì bảng điều khiển).

Đây là một cách Elementor rất thông minh để tập trung các cài đặt cơ bản vào một nơi.

Giúp bạn trong quá trình thiết kế website, không phải nhảy từ tab này sang tab khác để tìm cài đặt.

Trong phần Cài đặt Trang web này sẽ bao gồm:

  • Phông chữ và Màu sắc Toàn cầu
  • Phong cách chủ đề
  • Hộp đèn
  • Cách trình bày
  • Nhận dạng trang web

Bạn có thể xem video hướng dẫn chi tiết tại đây.

Màu sắc toàn cầu

https://youtu.be/XOH8x3bTtEM

Elementor 3.0 giới thiệu một cách mới để chỉnh sửa màu sắc trang web của bạn với Màu toàn cục.

Tính năng này cho phép bạn thay đổi màu sắc của toàn bộ trang web (sau này bạn thêm một phần tử mới cũng sẽ tự động áp dụng bảng màu này).

Theo mặc định, có sẵn 4 phiên bản màu cơ bản (Chính, Phụ, Văn bản, Trọng âm).

Bạn hoàn toàn có thể thêm nhiều hơn với. cái nút Thêm màu và đặt tên tùy ý.

Các nhà thiết kế web có thể vừa làm vừa chọn màu phù hợp và thấy ngay sự thay đổi phù hợp.

Video chi tiết về tính năng này.

Trình tạo chủ đề mới

https://youtu.be/_yhs5PPswsc

Có thể nói Elementor là người đi đầu trong việc biến trình tạo trang thành Trình tạo chủ đề.

Điều này có nghĩa là các nhà xây dựng trang chỉ cho phép chỉnh sửa một số yếu tố trên trang web.

Với Theme Builder, bạn có thể thiết kế toàn bộ trang web từ Header đến Footer.

Và bây giờ Elementor làm điều đó thậm chí còn tốt hơn.

Theme Builder giờ đây sẽ trở thành nơi quản lý website của bạn một cách trực quan nhất.

Nó sẽ cung cấp cho bạn một cái nhìn tổng quan về từng yếu tố trên trang web

Header, footer, single post / page, product archive….

Ở bên phải, sẽ có một bản xem trước để xem, nhìn chung là rất trực quan.

Ghi chú: Tính năng Theme Builder chỉ hoạt động trên Elementor Pro dừng nó lại. Video chi tiết

Làm quen với Trình tạo chủ đề

Mặc dù Elementor khá dễ sử dụng nhưng vẫn cần thời gian để làm quen.

Để xây dựng một trang web mới bằng cách sử dụng tính năng Trình tạo Chủ đề, hãy chuyển đến biểu tượng ở góc bên trái Ξ »Trình tạo chủ đề

Hoặc nhấn Ctrl + Shift + E để vào tính năng này.

Ở đây bất kỳ ai cũng có thể bắt đầu xây dựng trang web từ đầu đến cuối. (Elementor Pro có một thư viện tích hợp với rất nhiều mẫu.)

Thường thì mình sẽ bắt đầu từ tiêu đề rồi đến Trang đơn, Bài đăng đơn (cái này tùy mọi người).

Cải thiện hiệu suất trên Elemenetor 3.0

Elemenetor 3.0 không chỉ đơn giản là một bản cập nhật bổ sung một số tính năng.

Trong đó được cập nhật lõi khá nhiều để tăng hiệu suất như:

Giảm số lượng phần tử DOM, điều này sẽ làm cho trang web của bạn tải nhanh hơn.

Nghe có vẻ hấp dẫn phải không các anh em thích chạy đua giành điểm trên Google PageSpeed.

Ngoài ra, Elementor cũng cải tiến khá nhiều liên quan đến hiển thị CSS.

Đây là một chút kỹ thuật, nói tóm lại, Elementor sẽ lưu một danh sách các giá trị động cho mỗi bài đăng.

Khi ai đó truy cập bài viết, sẽ không cần tải lại các giá trị này mà vào thẳng nó.

Những lưu ý trước khi cập nhật lên Elementor 3.0

Vì đây là một bản cập nhật tương đối lớn, vui lòng sao lưu trước khi cập nhật.

Tiếp theo nếu bạn đang sử dụng bất kỳ addon nào cho Elementor.

Đồng thời kiểm tra phiên bản mới nhất để đảm bảo khả năng tương thích với phiên bản 3.0.

Nếu bạn sử dụng Elementor Pro, vui lòng Cập nhật phiên bản Miễn phí lên 3.0 trước khi cập nhật phiên bản Pro.

Ngoài ra, bạn có thể sử dụng bộ sản phẩm từ Crocoblock with Elementor.

Đảm bảo bạn sẽ không thất vọng.

Hãy bình luận hoặc đóng góp bất kỳ ý kiến ​​nào bên dưới.