Skal oprette gradientknap i Elementor ?

Knappen er et afgørende nok element, hvis du vil tilbyde noget på din Websted. Uanset om det er via en landingsside, en navigationsmenu, en sidebjælke osv….

dans Elementor, kan du nemt tilføje en knap på din Websted da dette sidebygger-plugin kommer med en knap-widget. For at gøre din knap mere attraktiv, vil du måske gerne dekorere den ved at tilføje en gradienteffekt, for eksempel.

Som standard er knappen widgetElementor har ikke mulighed for at tilføje en gradienteffekt. Men intet er umuligt. Med et lille trick kan du oprette en gradientknap i Elementor. Selve knap-widgetten er tilgængelig på begge Elementor Free og Elementor Pro så du kan anvende dette trick, uanset hvilken Elementor-version du bruger.

Sådan opretter du en gradientknap i Elementor

For at tilføje en knap i Elementor skal du trække Button-widgetten fra venstre panel og slippe den i Elementor-redigeringsområdet.

Under fanen Indhold, du kan tilføje knaplink i feltet Link. For at ændre standardknappens etiket kan du erstatte standardteksten " Klik her" i marken Tekster. Du kan også tilføje et ikon, hvis du vil.

For at dekorere din knap kan du få adgang til fanen Stil. For at ændre skrifttypestilen samt størrelsen kan du klikke på blyantikonet i indstillingen Typografi. For at ændre knappens skriftfarve og baggrund kan du klikke på den gennemsigtige knap i indstillingerne Tekstfarve et Baggrund knap.

Dette er hovedtrinet i denne tutorial. For at tilføje en gradienteffekt på din knap kan du klikke på ikonet ved siden af ​​blyantformen.

Skift den første farve og derefter den anden farve

Definer placering og type. Hvis typen er tændt Lineær mulighed Vinkel vises, og du kan indstille vinklen baseret på, hvad du ser i forhåndsvisningen. Og hvis du vælger Radial, du skal indstille positionen. Leg med disse indstillinger og muligheder, indtil du er tilfreds.

Du kan nu udgive din side, når du er færdig med de andre widgets.

Hent Elementor Pro nu!

Konklusion

Så! Det er det for denne artikel, som viser dig, hvordan du opretter en gradientknap i Elementor. Hvis du er i tvivl om, hvordan du kommer dertil, så lad os det vide inden for 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.

...