Musisz utworzyć pasek postępu gradientu w Elementor ?

Elementor ma Widżet paska postępu natywny, którego możesz użyć, aby dodać takie rzeczy, jak poziom umiejętności lub postęp czegoś do tworzonej strony lub szablonu.

Korzystając z tego widżetu, możesz dostosować jego wygląd, zmieniając kolor i typografię tekstu. Ten widżet pozwala tylko na użycie jednolitego koloru paska.

Ale czy możliwe jest utworzenie paska postępu z kolorem gradientu?

Jeśli masz umiejętności w zakresie CSS, możesz użyć wersji proElementor i dodaj niestandardowy kod CSS do widżetu Pasek postępu, aby utworzyć gradientowy pasek postępu. Alternatywnie możesz zainstalować dodatek, który oferuje widżet paska postępu, w którym możesz wybrać kolor gradientu podczas zmiany koloru.

Dwa dodatki, które oferują taki widżet, to Niezbędne dodatki et JetElements. Ale skupimy się na Essential Addons

Tworzenie zdegradowanego paska postępu w Elementorze za pomocą Essential Addons

Essential Addons to jeden z dodatków Elementor najbardziej popularne. Oferuje ponad 60 widżetów, w tym widżet Pasek postępu, którego można użyć do utworzenia gradientowego paska postępu. Essential Addons to dodatek freemium. Widżet Pasek Postępu jest dostępny w wersji darmowej.

Możesz pobrać Darmowa wersja tego dodatku w oficjalnym katalogu wtyczek WordPress.

Odkryj nasz przewodnik na Jak zainstalować (dodać) wtyczkę na WordPress

Po zainstalowaniu i aktywacji tej wtyczki utwórz stronę lub szablon i edytuj je za pomocą Elementora, a następnie przeciągnij widżet Pasek postępu do pola edycji.

Jak utworzyć pasek postępu gradientu w Elementorze

Wybierz styl paska postępu, który chcesz utworzyć z menu rozwijanego opcji Układ. Do wyboru jest 6 stylów paska postępu. Aby utworzyć gradientowy pasek postępu, musisz wybrać styl Linia.

Ustaw tytuł, wartość licznika i czas trwania animacji. Po zakończeniu przejdź do zakładki Styl i otwórz blok Napełnić. W opcji Rodzaj tła, wybierać Zdegradowany i ustaw pierwszy kolor i drugi kolor. Możesz także zdefiniować rodzaj gradientu (liniowy lub promieniowy), położenie i kąt.

Jak utworzyć pasek postępu gradientu w Elementorze

Możesz otworzyć inne bloki opcji pod zakładką Styl aby ustawić inne opcje stylizacji.

Pobierz Elementor Pro teraz!

Wnioski

Tutaj jest ! To wszystko w tym artykule, który pokazuje, jak utworzyć pasek postępu gradientu w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać fdaj nam znać w commentaires.

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...