Cần tạo thanh tiến trình gradient trong Elementor ?
Elementor có một Tiện ích thanh tiến trình bản địa mà bạn có thể sử dụng để thêm những thứ như cấp độ kỹ năng hoặc tiến trình của một cái gì đó vào trang hoặc mẫu bạn tạo.
Khi sử dụng widget này, bạn có thể tùy chỉnh giao diện của nó bằng cách thay đổi màu sắc và kiểu chữ của văn bản. Tiện ích này chỉ cho phép bạn sử dụng một màu đồng nhất cho thanh.
Nhưng có thể tạo thanh tiến trình với màu chuyển sắc không?
Nếu bạn có kỹ năng về CSS, bạn có thể sử dụng phiên bản chuyên nghiệp củaElementor và thêm CSS tùy chỉnh vào tiện ích Thanh tiến trình để tạo thanh tiến trình gradient. Ngoài ra, bạn có thể cài đặt tiện ích bổ sung cung cấp tiện ích thanh tiến trình, nơi bạn có thể chọn màu chuyển sắc khi thay đổi màu.
Hai tiện ích bổ sung cung cấp một tiện ích như vậy là Addons cần thiết et JetElements. Nhưng chúng tôi sẽ tập trung vào các Addons cần thiết
Tạo thanh tiến trình đã xuống cấp trong Elementor bằng Essential Addons
Essential Addons là một trong những tiện ích bổ sung Elementor phổ biến nhất. Nó cung cấp hơn 60 tiện ích, bao gồm tiện ích Thanh tiến trình mà bạn có thể sử dụng để tạo thanh tiến trình chuyển màu. Essential Addons là một tiện ích bổ sung freemium. Tiện ích Thanh tiến trình có sẵn trên phiên bản miễn phí.
Bạn có thể tải xuống phiên bản miễn phí của tiện ích bổ sung này trên thư mục plugin chính thức của WordPress.
Khám phá hướng dẫn của chúng tôi trên Cách cài đặt (thêm) một plugin trên WordPress
Sau khi cài đặt và kích hoạt plugin này, hãy tạo một trang hoặc mẫu và chỉnh sửa nó bằng Elementor và kéo tiện ích Thanh tiến trình vào hộp chỉnh sửa.
Chọn kiểu thanh tiến trình bạn muốn tạo từ menu tùy chọn thả xuống Bố trí. Có 6 kiểu thanh tiến trình cho bạn lựa chọn. Để tạo thanh tiến trình gradient, bạn cần chọn kiểu Hàng.
Đặt tiêu đề, giá trị bộ đếm và thời lượng của hoạt ảnh. Sau khi hoàn tất, hãy chuyển đến tab Phong cách và mở khối Lấp đầy. Trong tùy chọn Loại nền, lựa chọn Giảm sút chất lượng và đặt màu đầu tiên và màu thứ hai. Bạn cũng có thể xác định loại gradient (tuyến tính hoặc xuyên tâm), vị trí và góc.
Bạn có thể mở các khối tùy chọn khác trong tab Phong cách để đặt các tùy chọn tạo kiểu khác.
Tải xuống Elementor Pro ngay!
Kết luận
Đây là ! Đó là nó cho bài viết này hướng dẫn bạn cách tạo thanh tiến trình gradient trong Elementor. Nếu bạn có bất kỳ mối quan tâm nào về cách đến đó fcho chúng tôi biết trong ý kiến.
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.
...
