Treci la conținutul principal

Cum se creează o bară de progres de gradient în Elementor

Divi: cea mai ușoară temă WordPress de utilizat

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62. [Recomandat]

Trebuie să creați o bară de progres în Elementor?

Elementor dispose d'un Widgetul barei de progres nativ pe care îl puteți utiliza pentru a adăuga lucruri precum nivelul de calificare sau progresul a ceva la pagina sau șablonul pe care îl creați.

Când utilizați acest widget, puteți personaliza aspectul acestuia schimbând culoarea și tipografia textului. Acest widget vă permite să utilizați doar o culoare solidă pentru bară.

Dar este posibil să creați o bară de progres cu o culoare de gradient?

Dacă aveți unele abilități CSS, puteți utiliza versiunea pro a Elementor și puteți adăuga CSS personalizate la widgetul Barei de progres pentru a crea o bară de progres cu gradient. Alternativ, puteți instala un supliment care oferă un widget al barei de progres în care puteți alege o culoare de gradient atunci când schimbați culoarea.

Sunt două programe de completare care oferă un astfel de widget Addons esențiale et JetElements. Dar ne vom concentra pe Addons esențiale

Crearea unei bare de progres degradate în Elementor folosind Addons esențiale

Essential Addons este unul dintre cele mai populare programe de completare Elementor. Oferă peste 60 de widgeturi, inclusiv un widget pentru bara de progres pe care îl puteți utiliza pentru a crea o bară de progres cu gradient. Essential Addons este un supliment freemium. Widget-ul Progress Bar este disponibil în versiunea gratuită.

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați cu ușurință orice design de site web cu un aspect profesionist. Nu mai plătiți scump pentru ceea ce puteți face singur. [Gratuit]

Puteți descărca fișierul versiune gratuită din acest supliment pe directorul oficial de plugin-uri WordPress.

Descoperiți ghidul nostru pe Cum se instalează (se adaugă) un plugin pe WordPress

După instalarea și activarea acestui plugin, creați o pagină sau un șablon și editați-l cu Elementor și trageți widgetul Barei de progres în caseta de editare.

Cum se creează o bară de progres de gradient în Elementor

Selectați stilul barei de progres pe care doriți să îl creați din meniul derulant de opțiuni Aspect. Există 6 stiluri de bare de progres dintre care puteți alege. Pentru a crea o bară de progres de gradient, trebuie să selectați stilul Linia.

Setați titlul, valoarea contorului și durata animației. După ce ați terminat, accesați fila Stil și deschideți blocul Completati. În opțiune Tipul fundalului, selecta Degradat și setați prima culoare și a doua culoare. De asemenea, puteți defini tipul de gradient (liniar sau radial), locația și unghiul.

Cum se creează o bară de progres de gradient în Elementor

Puteți deschide alte blocuri de opțiuni sub fila Stil pentru a seta alte opțiuni de stil.

Obțineți Elementor Pro acum!

Concluzie

Aici este ! Asta este pentru acest articol care vă arată cum să creați o bară de progres de gradient în Elementor. Dacă aveți nelămuriri cu privire la modul de a ajunge acolo fanunțați-ne în comentarii.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.

...

Acest articol conține comentarii 0

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.

Inapoi in top