Przejdź do głównej treści

Jak utworzyć pasek postępu gradientu w Elementorze

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Chcesz utworzyć pasek postępu gradientu w Elementorze?

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 pewne umiejętności w zakresie CSS, możesz użyć wersji pro Elementora i dodać niestandardowy CSS do widżetu paska 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 najpopularniejszych dodatków do Elementora. Oferuje ponad 60 widżetów, w tym widżet paska 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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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.

...

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry