Jei norite, kad jūsų "WordPress" svetainė būtų patraukli, mygtukai yra labai svarbus elementas. Jie inicijuoja naudotojo sąveiką ir prisideda prie naudotojo patirties. Šiame vadove parodysiu, kaip efektyviai naudoti " Elementor" mygtukų nustatymus, kad mygtukai būtų vizualiai patrauklūs ir funkcionalūs. Žingsnis po žingsnio apžvelgsime svarbiausias funkcijas ir nustatymus, kurie padės jums pritaikyti mygtukus pagal savo skonį.
Pagrindinės išvados
- Galite reguliuoti spalvas, tipografiją ir užvedimo efektus.
- Turite galimybę nustatyti visuotinius nustatymus, kurie taikomi visiems puslapio mygtukams.
- Galite atlikti atskirus kiekvieno mygtuko nustatymus.
Žingsnis po žingsnio instrukcijos
Sukurkite ir pritaikykite mygtuką
Pirmiausia turite įsitikinti, kad "Elementor" redaktoriuje pridėjote mygtuką. Tiesiog spustelėkite piktogramą "+", kad sukurtumėte naują maketą, ir vilkite mygtuko valdiklį į savo skiltį.
Pridėję mygtuką, kairiajame lange pamatysite įvairius nustatymus, kuriuos galėsite pritaikyti.
Pakeiskite stilių ir tipografiją
Norėdami pagerinti mygtuko išvaizdą, galite pakeisti tipografiją ir spalvas. Norėdami tai padaryti, eikite į skirtuką "Stilius" ir pasirinkite norimą teksto spalvą bei fono spalvą. Taip pat galite pasirinkti spalvinį gradientą kaip foną.
Mygtuko tipografiją galite pritaikyti pasirinkdami šriftą, šrifto dydį ir kitas parinktis. Tai padės jums sukurti mygtuką, kuris vizualiai atitiktų jūsų svetainę.
Naudokite bendruosius nustatymus
Jei norite, taip pat galite nustatyti bendruosius mygtuko nustatymus. Tai ypač naudinga, jei savo svetainėje turite keletą mygtukų, kuriems reikia tokio paties dizaino. Eikite į "Svetainės nustatymai" ir pasirinkite mygtuko stilių. Čia galite nustatyti bendrąsias parinktis, pavyzdžiui, spalvas ar tipografiją, kurios vėliau bus taikomos visiems mygtukams.
Pritaikykite "hover" efektus
Norint pagerinti naudotojo patirtį, svarbu nustatyti mygtuko užvedimo efektus. Tai reiškia, kad mygtuko spalva arba išvaizda pasikeičia, kai naudotojas ant jo užveda pelę. Pavyzdžiui, užvedus pelės žymeklį ant mygtuko, fono spalvą galima pakeisti į juodą, o teksto spalvą - į baltą.
Patrauklus užvedimo efektas yra labai svarbus norint padidinti lankytojų interaktyvumą.
Apibrėžkite ribas ir tarpus
Be spalvų, taip pat galite reguliuoti mygtuko rėmelį ir kampo spindulį. Galite rinktis įvairius rėmelių tipus, pavyzdžiui, ištisines linijas. Nustatykite plotį ir spalvą pagal savo skonį, kad mygtukui suteiktumėte individualų vaizdą.
Galite suapvalinti mygtuko kampus, kad mygtukas atrodytų šiuolaikiškai ir švariai. Eksperimentuokite su kampų spinduliu, kad pasiektumėte norimą efektą.
Taip pat nepamirškite atsižvelgti į mygtuko paminkštinimą. Taip sureguliuojamas atstumas tarp teksto ir mygtuko kraštų, o tai padeda pagerinti naudotojo patirtį.
Nuorodų reikšmės
Svarbi "Elementor" funkcija yra reikšmių susiejimas. Jei naudojate reikšmių nuorodas, galite, pavyzdžiui, suaktyvinę grandinę, tolygiai sureguliuoti visus kampus. Jei norite atlikti individualų koregavimą, išjunkite šią nuorodą ir kiekvieną reikšmę galėsite nustatyti atskirai.
Kopijuokite stilių
Efektyvus būdas perkelti savo stilizuotą mygtuką į kitus mygtukus - naudoti funkciją "Kopijuoti stilių". Jei jums patinka mygtuko stilius, galite tiesiog spustelėti dešiniuoju pelės klavišu ant jo ir pasirinkti "Kopijuoti stilių". Tada spustelėkite mygtuką, kuriam norite suteikti tokį patį stilių, ir pasirinkite "Įklijuoti stilių".
Ši funkcija taupo laiką ir užtikrina, kad jūsų dizainas išliktų nuoseklus.
Kodėl gali būti naudingi visuotiniai išankstiniai nustatymai
Jei dirbate su didele svetaine, gali būti naudinga "Elementor" sukurti globalius mygtukų išankstinius nustatymus. Tai reiškia, kad jums nereikės kiekvieną kartą kartoti tų pačių nustatymų. Tai gali būti ypač naudinga įgyvendinant didelius projektus, nes gerokai sutrumpina projektavimo ir kūrimo laiką.
Apibendrinimas
Dabar sužinojote visus svarbius žingsnius, kaip pritaikyti "Elementor" mygtukų nustatymus "WordPress" svetainėje. Nuo mygtuko pridėjimo iki konkrečių nustatymų, pavyzdžiui, spalvų, tipografijos ir užvedimo efektų - šiame vadove pateikiamos visos galimybės, kurių reikia norint kuo geriau sukurti mygtukus.
Dažniausiai užduodami klausimai
Kas yra užvedimoefektai? Užvedimo efektai - tai vizualiniai mygtuko pokyčiai, kai pelės žymeklis užvedamas ant jo.
Kaip vienu metu stilizuoti kelis mygtukus? Naudokite funkciją "Kopijuoti stilių", kad vieno mygtuko stilių perkeltumėte į kitus mygtukus.
Ar globalūs nustatymai yra geresni už individualius nustatymus? Globalūs nustatymai taupo laiką didelėse svetainėse, o individualūs pritaikymai suteikia daugiau lankstumo.
Kaip pakeisti mygtuko tipografiją? Eikite į "Elementor" redaktoriaus skirtuką "Stilius" ir pasirinkite norimą šriftą bei dydį.
Ar galiu pritaikyti kampo spindulį? Taip, galite pritaikyti kampo spindulį ir sukurti suapvalintus arba kvadratinius mygtukus.
