Behov for at oprette gradient fremdriftslinje i Elementor ?
Elementor disponere d'un Progress-widget native, som du kan bruge til at tilføje ting som færdighedsniveau eller fremskridt for noget til den side eller skabelon, du opretter.
Når du bruger denne widget, kan du tilpasse dens udseende ved at ændre tekstens farve og typografi. Denne widget giver dig kun mulighed for at bruge en solid farve til bjælken.
Men er det muligt at oprette en statuslinje med en gradientfarve?
Hvis du har færdigheder i CSS, kan du bruge pro-versionen afElementor og føj tilpasset CSS til Progress Bar-widgetten for at oprette en gradient-statuslinje. Alternativt kan du installere en tilføjelse, der tilbyder en statuslinje-widget, hvor du kan vælge en gradientfarve, når du skifter farve.
To tilføjelsesprogrammer, der tilbyder en sådan widget, er Væsentlige tilføjelser et JetElements. Men vi vil fokusere på væsentlige tilføjelser
Oprettelse af en forringet statuslinje i Elementor ved hjælp af Essential Addons
Essential Addons er en af tilføjelserne Elementor den mest populære. Den tilbyder over 60 widgets, inklusive en Progress Bar-widget, som du kan bruge til at oprette en gradient-statuslinje. Essential Addons er en freemium-tilføjelse. Progress Bar-widgetten er tilgængelig i den gratis version.
Du kan downloade gratis version af denne tilføjelse til det officielle WordPress-plugin-bibliotek.
Oplev vores guide om Sådan installeres (tilføjes) et plugin på WordPress
Efter installation og aktivering af dette plugin skal du oprette en side eller skabelon og redigere det med Elementor og trække widgeten Progress Bar til redigeringsboksen.
Vælg den fremdriftslinjestil, du vil oprette, i rullemenuen med indstillinger Layout. Der er 6 fremdriftslinjer, som du kan vælge imellem. For at oprette en forløbslinje for gradient skal du vælge stilen Linie.
Indstil titlen, tællerværdien og varigheden af animationen. Når du er færdig, skal du gå til fanen stil og åbn blokken Fylde. I indstillingen Baggrundstype, vælg Forringet og indstil den første farve og den anden farve. Du kan også definere typen af gradient (lineær eller radial), placering og vinkel.
Du kan åbne andre valgblokke under fanen stil for at indstille andre stylingindstillinger.
Hent Elementor Pro nu!
Konklusion
Her er ! Det er det for denne artikel, der viser dig, hvordan du opretter en forløbsbjælke i Elementor. Hvis du er bekymret for, hvordan du kommer dertil flad os vide det i kommentarer.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
