Nerijetko ćete se zateći kako stvarate stranice koje sadrže pozive na akciju. Jedna od glavnih značajki poziva na akciju su gumbi. Prema zadanim postavkama, Divi nudi zajednički stil za svaki gumb. Stoga je sasvim normalno da im želite dati stil koji je predložen stilu vaše marke.

U ovom tutriel Divi, pokazat ću vam kako dati jedinstven stil na gumbe vaše web stranice.

Divi gumbi su beskrajno prilagodljivi

Theme Customizer opremljen je svim opcijama prilagodbe gumba koje bi vam mogle biti korisne. Korištenjem ovih prilagodljivih kontrola, možete stvoriti jedinstvene i zapanjujuće gumbe za svoje web stranica.

Za početak prilagođavanja gumba na vašem web stranica, prvo morate pristupiti alatu za prilagodbu teme klikom na poveznicu Divi> Prilagoditelj tema na vašoj WordPress nadzornoj ploči. Zatim kliknite ploču "Gumbi" za prikaz postavki gumba. Postavke gumba podijeljene su u dva odjeljka: Stilovi gumba i Stilovi prenošenja gumba.

personalizacija sboutons divi.png

Tipka gumba

Ovdje možete prilagoditi opći izgled gumba pomoću različitih kontrola prilagodnika. Pomoću klizača Border-Radius možete promijeniti tekst i boju pozadine gumba, prilagoditi veličinu i stil fonta gumba, pa čak i stvoriti zaobljene gumbe. Osim toga, možete promijeniti zadani font i ikonu koji se koriste na gumbima.

prilagodba gumba.png

Stacionarni stil letenja

Također možete prilagoditi stil lebdenja gumba. Kada napravite drugačiji stil lebdenja od uobičajenog stila gumba, efekt će se prenijeti dok lebdite, stvarajući lijepu animaciju. Ova se animacija pokreće kada posjetitelji pređite mišem iznad gumba.

konfiguracija gumba na overflight.png

To je sve za ovaj vodič, nadam se da će vam omogućiti prilagodbu gumba na Divi.