Behöver skapa gradientknapp i Elementor ?
Knappen är ett tillräckligt avgörande element om du vill erbjuda något på din webbplats. Oavsett om det är via en målsida, en navigeringsmeny, en sidofält, etc...
Dans Elementor, kan du enkelt lägga till en knapp på din webbplats eftersom detta plugin för sidbyggare kommer med en knappwidget. För att göra din knapp mer attraktiv, kanske du vill dekorera den genom att lägga till en gradienteffekt, till exempel.
Som standard är knappwidgetenElementor har inte möjlighet att lägga till en gradienteffekt. Men ingenting är omöjligt. Med ett litet trick kan du skapa en gradientknapp i Elementor. Själva knappwidgeten är tillgänglig på båda Elementor Free och Elementor Pro så att du kan tillämpa detta trick oavsett vilken Elementor -version du använder.
Hur man skapar en lutningsknapp i Elementor
För att lägga till en knapp i Elementor, dra knappwidgeten från vänster panel och släpp den till Elementors redigeringsområde.
Under fliken Innehåll, du kan lägga till knapplänken i fältet Link. Om du vill ändra standardknappsetiketten kan du ersätta standardtexten " Cliquez Ici" på fältet Texter. Du kan också lägga till en ikon om du vill.
För att dekorera din knapp kan du öppna fliken Stil. För att ändra typsnittet och storleken kan du klicka på pennikonen i alternativet Typografi. För att ändra knappens teckensnittsfärg och bakgrund kan du klicka på den genomskinliga knappen i alternativen Textfärg et bakgrund knapp.
Här är huvudsteget i denna handledning. För att lägga till en lutningseffekt på din knapp kan du klicka på ikonen bredvid pennformen.
Ändra den första färgen och sedan den andra färgen
Definiera plats och typ. Om typen är på Linjär alternativet Vinkel visas och du kan ställa in vinkeln baserat på vad du kommer att se i förhandsgranskningen. Och om du väljer Radiell, du måste ställa in positionen. Manipulera dessa inställningar och alternativ tills du är nöjd.
Du kan nu publicera din sida när du är klar med de andra widgetarna.
Skaffa Elementor Pro nu!
Slutsats
Här! Det är det för den här artikeln som visar dig hur du gör en gradientknapp i Elementor. Om du har några frågor om hur du kommer dit, låt oss veta det 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.
.
