Behöver skapa gradientförloppsindikator 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 kunskaper i CSS kan du använda proversionen avElementor och lägg till anpassad CSS till widgeten Progress Bar för att skapa en gradientförloppsindikator. Alternativt kan du installera ett tillägg som erbjuder en widget för förloppsindikatorn där du kan välja en gradientfärg när du byter 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 tilläggen Elementor den mest populära. Den 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 gratisversionen.
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.
.
