Kustību efekti ir spēcīgs rīks, ko varat izmantot Elementor, lai padarītu savu WordPress vietni dzīvīgāku un pievilcīgāku. Šajā pamācībā uzzināsiet, kā izmantot šos efektus, lai piešķirtu sadaļām un elementiem lielāku dinamiku. Nav svarīgi, vai esat iesācējs vai pieredzējis lietotājs - kustību efektu lietošana ir intuitīva un ātri apgūstama.
Galvenie secinājumi
- Kustības efektus var piemērot sadaļām un atsevišķiem elementiem.
- Efektos ir iekļautas dažādas animācijas, piemēram, "Fade In", "Zoom" un "Bounce".
- Varat pielāgot animācijas ilgumu un aizkavi, lai optimizētu lietotāja pieredzi.
Soli pa solim
1. Izvēlieties kustības efektu
Lai sāktu izmantot kustības efektus, izvēlieties sadaļu savā Elementor lapā. Sevišķi piemērota šeit ir sadaļa "Hero", jo tā bieži ir pirmā mijiedarbība ar jūsu lapu. Noklikšķiniet uz sadaļas, lai atvērtu rediģēšanas iespējas.
2. Pievienojiet efektu
Tagad pārejiet uz sadaļas iestatījumu cilni "Papildu opcijas". Tur atradīsiet kustības efektu atlases opcijas. Izvēlieties vēlamo efektu no saraksta.
3. Veiciet efektu priekšskatījumu
Kad esat definējis kustības efektu, saglabājiet iestatījumus un veiciet lapas priekšskatījumu. Jūs pamanīsiet, ka jūsu sadaļa tagad izskatās dinamiskāka. Piemēram, sadaļa var parādīties ar efektu "Fade In" (Izbalēšana).
4. pievienojiet attēlu
Lai vēl vairāk uzlabotu skatu, pievienojiet sadaļai attēlu. Process ir vienkāršs: nomainiet noklusējuma video ar attēlu pēc jūsu izvēles. Tas piešķirs jūsu lapai pievilcīgāku estētiku.
5. Pievienojiet citu kustības efektu
Tagad attēlam varat iestatīt arī kustības efektu. Iespējams, vēlaties, lai attēls lido uz lapas no kreisās puses. Lai to izdarītu, kustības efektu sadaļā iestatiet efektu "Ielīdums no kreisās puses".
6. Pielāgojiet animācijas iestatījumus
Lai panāktu vēlamo efektu, varat pielāgot animācijas ilgumu. Iestatiet ilgumu "Lēna", lai animācija būtu patīkama un lietotājam viegli uztverama.
7. aiztures efekts
Arī animācijas aizkave var būt svarīga, lai dažādi elementi izskatītos sinhronizēti. Izvēlieties piemērotu aizkavi; esiet uzmanīgi, lai neizmantotu pārāk garas vērtības, lai izvairītos no garlaicīgas ielādes.
8. Apvienojiet vairākus efektus
Ja sadaļā ir vairāki kustīgi elementi, padomājiet, kā tos apvienot. Pārdomāta efektu izmantošana var ievērojami uzlabot lietotāja pieredzi. Pārbaudiet dažādas kustības efektu kombinācijas, lai noskaidrotu, kas darbojas vislabāk.
9. Galīgās pārbaudes un precizēšana
Pārbaudiet katru lapas elementu un pārliecinieties, ka kustību efekti harmoniski darbojas kopā. Izvairieties no apmeklētāja mulsināšanas ar pārāk daudz konkurējošām animācijām.
Kopsavilkums
Šajā pamācībā jūs uzzinājāt, kā izmantot dažādus kustību efektus Elementor programmā, lai uzlabotu lietotāja pieredzi savā WordPress vietnē. Sākot ar efekta izvēli un beidzot ar precīzu ilguma un aiztures regulēšanu, jūs esat apguvuši visus nepieciešamos soļus, lai atdzīvinātu savu vietni.
Biežāk uzdotie jautājumi
Kā elementam Elementor pievienot kustības efektu? Izvēlieties elementu, dodieties uz "Papildu opcijas" un izvēlieties vēlamo kustības efektu.
Vai vienai sadaļai var iestatīt vairākus kustības efektus? Jā, kustības efektus var iestatīt visai sadaļai, kā arī atsevišķiem elementiem.
Kas notiks, ja iestatīšu pārāk lielu aizkavi? Liela aizkave var izraisīt to, ka animācija ilgs ļoti ilgi un lietotājs būs neapmierināts.
Kā es varu regulēt animācijas ilgumu? Animācijas ilgumu var regulēt attiecīgā elementa vai sadaļas iestatījumu apgabalā sadaļā "Kustības efekti".
Kādi kustības efekti ir pieejami?Pieejamie efekti ietver tādas opcijas kā "Fade In", "Bounce", "Zoom", "Slide In" un daudzas citas.
