Một bản cập nhật lớn mới của Elementor đã được phát hành. Chúng tôi đã chuyển từ phiên bản 2.x sang phiên bản 3.0 . Phiên bản mới này đi kèm với một cách mới để tạo trang web bằng WordPress và Elementor. Chúng tôi sẽ cố gắng chuyển đổi các tính năng mới này.
Các bổ sung chính trên Elementor 3.0 là gì?
Elementor 3.0 đi kèm với 3 bổ sung chính là: Tính năng hệ thống thiết kế, Trình tạo chủ đề mới và cải tiến hiệu suất đáng kể.
Tính năng hệ thống thiết kế
Bạn đã bao giờ tự hỏi làm thế nào các công ty lớn làm để thực hiện tốt điều đó bất kể họ sử dụng nền tảng nào? Tất cả những gì họ tạo ra trông nhất quán và có cùng một thiết kế. Điều đó có thể thực hiện được nhờ vào thứ được đặt tên là " Hệ thống thiết kế ". Theo UnxDesign.cc, Hệ thống thiết kế là:
Nguồn chân lý duy nhất nhóm tất cả các yếu tố sẽ cho phép các nhóm thiết kế, hiện thực hóa và phát triển một sản phẩm. Vì vậy, Hệ thống thiết kế Â không phải là một sản phẩm có thể phân phối, mà là một tập hợp các sản phẩm có thể phân phối. Nó sẽ phát triển không ngừng với sản phẩm, công cụ và công nghệ mới.
UX Collective
Triển khai hệ thống thiết kế, giữ cho toàn bộ nhóm của bạn nhất quán trên một ngôn ngữ thiết kế và cũng cách mạng hóa cách nhóm của bạn hoạt động và đảm bảo quy trình làm việc nhanh hơn.
Tạo trang web tuyệt vời
Với trình tạo trang miễn phí tốt nhất Elementor
Bắt đầu bây giờCác Tính năng Hệ thống Thiết kế của Elementor 3.0 bao gồm:
- Màu sắc toàn cầu
- Bảng điều khiển Cài đặt Trang web Mới
- Phông chữ Toàn cầu
Hãy cùng xem điều này sẽ giúp bạn xây dựng các Trang web chuyên nghiệp tốt hơn như thế nào.
Màu sắc toàn cầu
Elementor 3.0 bổ sung một cách mới để làm việc với màu sắc của trang web. Phương pháp mới đó được đặt tên là Màu sắc toàn cầu.
Màu toàn cục giúp bạn thay đổi màu từ một vị trí và cập nhật màu đó ở mọi nơi mà nó được sử dụng.
Bạn sẽ bắt đầu chọn Màu toàn cầu cơ bản cho trang web của mình. Sau đó, đi vào bất kỳ kiểu màu nào trong Elementor và xác định nó là một trong bốn màu. Lưu ý rằng bạn có thể thêm nhiều màu tùy chỉnh trên Danh sách chung .
Bây giờ là lúc các biến CSS đi vào. Hãy quay lại Màu toàn cục và thay đổi một trong các màu. Toàn bộ bảng màu của trang web của bạn thay đổi theo Màu toàn cầu mới. Bạn đã bao giờ trải nghiệm điều gì đó dễ dàng hơn chưa?
Bạn cũng có thể thiết kế Màu Toàn cục khác từ trong đầu vào điều khiển hoặc tạo Màu Toàn cục mới, tất cả đều sử dụng cùng một bộ chọn màu bên trong đầu vào điều khiển.
Cài đặt Trang web
Tạo cài đặt thiết kế đầu tiên cho một trang web tiêu tốn rất nhiều thời gian. Bạn sẽ phải tung hứng giữa mã chủ đề, Customizer, functions.php. Đó là lý do đủ để biện minh cho những cơn đau đầu của bạn.
Cài đặt Trang web mới hiển thị các công cụ cấu hình khác nhau. Bằng cách đó, bạn sẽ tiếp tục thực hiện tất cả các nhiệm vụ của luận án từ một nơi duy nhất.
Để bắt đầu, trong bất kỳ trang nào bạn chỉnh sửa bằng Elementor, trên bảng điều khiển bên trái, hãy nhấp vào biểu tượng trên cùng bên trái. Điều đó sẽ khiến bạn chuyển sang bảng Cài đặt chung.
Trong bảng Cài đặt chung đó, bạn sẽ tìm thấy:
- Bố cục: Â Để định cấu hình cài đặt bố cục mặc định của Elementor, chẳng hạn như chiều rộng nội dung mặc định hoặc bố cục trang mặc định.
- Nhận dạng trang web: Â Tùy chỉnh danh tính trên nhiều trang web của bạn, như Biểu trưng, Tiêu đề, Dòng giới thiệu và thậm chí cả Biểu tượng yêu thích.
- Kiểu chủ đề: Â Tùy chỉnh các phần tử HTML không liên quan đến Elementor (thường do chủ đề đặt) cho Kiểu chữ, Nút và Trường biểu mẫu.
- Hộp đèn: Â Xác định kiểu mặc định của Hộp đèn Elementor
- Màu và Phông chữ Toàn cầu: Cho phép bạn định cấu hình các màu và phông chữ toàn cầu áp dụng cho trang web của bạn.
Phông chữ Toàn cầu
Màu sắc và Kiểu chữ là một phần của các thành phần xây dựng của bất kỳ trang web nào. Sử dụng cùng một logic của tính năng Màu toàn cục, đây là một phương pháp mới để làm việc với các kiểu văn bản trên trang web của bạn.
Với Phông chữ Toàn cầu, mọi cài đặt kiểu chữ đều có thể áp dụng trên toàn cầu. Giờ đây, bạn có thể thiết lập tất cả các cài đặt kiểu chữ trang web của mình trên toàn cầu, bao gồm Họ phông chữ, Kích thước phông chữ và tỷ lệ, Độ đậm phông chữ, Chuyển đổi phông chữ, Kiểu phông chữ, Trang trí phông chữ, Chiều cao dòng, Khoảng cách chữ và thậm chí cả Cài đặt đáp ứng. Bạn cũng sẽ có thể đặt các cài đặt này cho mọi tiện ích con có chứa văn bản và tùy chỉnh Phông chữ Toàn cầu của riêng bạn.
Với một Kiểu chữ được thiết kế chính xác, bạn sẽ có thể áp dụng những thay đổi này trên toàn cầu.
Toàn bộ trang web được hình ảnh hóa và tổ chức ở một nơi
Mặc dù Theme Builder nổi tiếng  đã trở thành công ty hàng đầu trong ngành về việc có cái nhìn tổng quan đầy đủ về thiết kế trang web, giao diện người dùng mới này còn đi xa hơn nữa. Trình tạo Chủ đề mới hiện cung cấp cho bạn cái nhìn tổng quan về toàn bộ trang web một cách rất trực quan.
Trình tạo Chủ đề đó cung cấp tổng quan về trang web, điều này bao gồm tất cả các phần của trang web: đầu trang, chân trang, mẫu trang toàn cầu, mẫu bài đăng toàn cầu và hơn thế nữa. Mọi phần của trang web đều có thể được xem trước, làm cho nhiệm vụ thiết kế một trang web hoàn chỉnh dễ dàng hơn rất nhiều.
Cải tiến hiệu suất
Trong khi một ứng dụng phát triển, rõ ràng là nhà phát triển nên quan tâm đến các màn trình diễn. Các bản cập nhật được thực hiện trên Elementor 3.0 được thực hiện để đảm bảo một cơ sở hạ tầng mã đẹp, dẫn đến những cải tiến hiệu suất đáng kể.
Đã có rất nhiều phần tử DOM được xóa, điều này làm cho Elementor hiển thị nhanh hơn. Điều này chắc chắn sẽ cải thiện thứ hạng tốc độ trang của bạn và trải nghiệm tổng thể cho người dùng trên trang web của bạn.
Cụ thể, điều gì đã thay đổi về tốc độ trang?
Elementor 3.0 cung cấp những cải tiến đáng kể cho quy trình kết xuất phía máy chủ và cách Elementor hiển thị các giá trị CSS động. Điều này cho phép bạn kết hợp các yếu tố và giá trị động trong toàn bộ trang web của mình. Ví dụ: bạn có thể tạo một mẫu cho các bài đăng trên trang web và quyết định bạn muốn hiển thị từng hình ảnh nổi bật của bài đăng làm nền đằng sau tiêu đề bài đăng.
Trên nền, khi Elementor chuẩn bị một bài đăng để gửi đến trình duyệt, nó sẽ phân tích cú pháp bài đăng đó cho các giá trị động, truy xuất chúng và nếu chúng bao gồm bất kỳ giá trị CSS nào, nó sẽ in CSS đó.
Với Elementor 3.0, thời gian dành cho quá trình này đã được giảm đáng kể. Nhờ các giá trị động được lưu trữ cho mỗi bài đăng của bạn. Khi danh sách đó đã được lưu trữ, bất cứ khi nào ai đó truy cập bài đăng, Elementor sẽ đi thẳng đến danh sách này, do đó làm cho quá trình nhanh hơn. Các giá trị động bị ảnh hưởng bởi tính năng tối ưu hóa này bao gồm hình nền, màu sắc, v.v. Cải tiến này giúp giảm tải máy chủ một cách đáng kể.
Tóm tắt về Bản cập nhật Elementor 3.0
Như chúng tôi đã đề cập ở trên, phiên bản này đi kèm với những tính năng thú vị sẽ thực sự ảnh hưởng đến công việc hàng ngày của bạn. Chung ta đa trải qua :
Tính năng Hệ thống Thiết kếÂ giúp bạn làm việc nhất quán và hiệu quả hơn.
Theme Builder mới là một công cụ trực quan mạnh mẽ để quản lý mọi phần của trang web của bạn từ một nơi duy nhất.
Cải tiến hiệu suất  để có trải nghiệm người dùng tốt hơn.
Elementor 3.0 chắc chắn sẽ đưa bạn đến với tư cách là một người tạo web chuyên nghiệp. Nếu bạn chưa có, hãy nâng cấp ngay bây giờ lên Elementor Pro . Bạn cũng nên cân nhắc đọc bài đăng của chúng tôi giải thích lý do tại sao Elementor chắc chắn là Trình tạo trang miễn phí tốt nhất trên WordPress .
