Ganske ofte vil du finde dig selv at oprette sider, der indeholder opfordringer til handling. En af de vigtigste funktioner i opfordringer til handling er knapper. Som standard tilbyder Divi en fælles stil for hver knap. Det er derfor helt normalt, at du vil give dem en stil, der foreslås til dit brand.

I denne tutriel Divi vil jeg vise dig, hvordan du giver en unik stil til knapperne på dit websted.

Divi-knapper kan tilpasses uendeligt

Theme Customizer er udstyret med alle knaptilpasningsmuligheder, som du kan finde nyttige. Ved at bruge disse brugerdefinerbare kontroller kan du skabe unikke og fantastiske knapper til din Websted.

For at begynde at tilpasse knapperne på din Websted, skal du først få adgang til Customizer af temaer ved at klikke på linket Divi> Tema-tilpasning i dit WordPress-dashboard. Klik derefter på panelet "Knapper" for at få vist knappens indstillinger. Knappens indstillinger er opdelt i to sektioner: Button Styles og Button Rollover Styles.

personalisering af sboutons divi.png

Knap stil

Her kan du justere det samlede udseende af dine knapper ved hjælp af de forskellige Customizer-kontroller. Du kan ændre tekst og baggrundsfarve på dine knapper, justere knappens skriftstørrelse og stil og endda oprette afrundede knapper ved hjælp af skyderen Border-Radius. Derudover kan du ændre standard skrifttype og ikon, der bruges i knapper.

tilpasse knapper.png

Stationær flyvestil

Du kan også justere svævestilen for knappen. Når du laver en anden svævestil end den normale knapstil, overføres effekten, mens du svæver, hvilket skaber en flot animation. Denne animation udløses, når besøgende svæver over knappen med deres mus.

knappen konfiguration ved overflight.png

Det er alt til denne tutorial, jeg håber, det giver dig mulighed for at tilpasse knapperne på Divi.