Hur man skapar en gradientförloppsfält i Elementor

Behöver du skapa förloppsförloppsfält i Elementor?

Elementor kassera d'un Progress-widget native som du kan använda för att lägga till saker som färdighetsnivå eller framsteg för något till sidan eller mallen du skapar.

När du använder den här widgeten kan du anpassa dess utseende genom att ändra textens färg och typografi. Denna widget låter dig bara använda en heltäckande färg för stapeln.

Men är det möjligt att skapa en förloppsindikator med en gradientfärg?

Om du har några CSS -färdigheter kan du använda pro -versionen av Elementor och lägga till anpassad CSS till Progress Bar -widgeten för att skapa en gradientförloppsfält. Alternativt kan du installera ett tillägg som erbjuder en framstegsfältwidget där du kan välja en gradientfärg när du ändrar färg.

Två tillägg som erbjuder en sådan widget är Viktiga tillägg et JetElements. Men vi kommer att fokusera på väsentliga tillägg

Skapa en försämrad förloppsindikator i Elementor med Essential Addons

Essential Addons är ett av de mest populära Elementor-tilläggen. Det erbjuder över 60 widgets inklusive en Progress Bar-widget som du kan använda för att skapa en gradientförloppsindikator. Essential Addons är ett freemium-tillägg. Progress Bar-widgeten är tillgänglig i den fria versionen.

Du kan ladda ner gratis version av detta tillägg i den officiella WordPress-plugin-katalogen.

Upptäck vår guide om Hur man installerar (lägger till) ett plugin på WordPress

När du har installerat och aktiverat detta plugin skapar du en sida eller mall och redigerar den med Elementor och drar widgeten Progress Bar till redigeringsrutan.

Välj förloppsindikatorn som du vill skapa i rullgardinsmenyn för alternativ Layout. Det finns sex stilar av framstegsfält som du kan välja mellan. För att skapa en gradientförloppsindikator måste du välja stil Linje.

Ställ in titeln, räknarvärdet och varaktigheten för animeringen. När du är klar går du till fliken Stil och öppna blocket Fylla. I alternativet Bakgrundstyp, välj Degradera och ställ in den första färgen och den andra färgen. Du kan också definiera typen av lutning (linjär eller radiell), plats och vinkel.

Du kan öppna andra alternativblock under fliken Stil för att ställa in andra stylingalternativ.

Skaffa Elementor Pro nu!

Slutsats

Här är ! Det är det för den här artikeln som visar hur du skapar förloppsförloppsfält i Elementor. Om du har några frågor om hur du kommer dit flåt oss veta i commentaires.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk.

.