MagyarmagyarVízszintes görgetés: egy widget animálása a dia áthaladása közben
A Plus kiegészítők Vízszintes görgetés kapcsolója: keretek, indítási pontok és mozgás-, forgatás-, méretezés- vagy színeffektek egy widgeten a diák belsejében.
A Vízszintes görgetés widget egész diákat mozgat. Ha egy cím, kép vagy gomb önállóan is animálódjon, miközben a dia átvonul a képernyőn, azt a diák sablonjában lévő widgeten kell beállítani: a The Plus Addons widgetjeinek Haladó fülén a Plus kiegészítők szakaszban van egy Horizontal Scroll kapcsoló, amely az animációt a vízszintes görgetés helyzetéhez köti.
A beállítások Pro funkciók: a Pro bővítmény nélkül a szakasz egyik widgeten sem jelenik meg.
Mielőtt elkezdesz
Szekció neve “Mielőtt elkezdesz”- A Vízszintes görgetés widget be legyen kapcsolva a The Plus Addons → Widgets oldalon, és legyen egy diasablon, amelynek felső szintű szakaszai a diák (lásd: áttekintés).
- A beállítások a sablonban lévő widgeten vannak, nem a Vízszintes görgetés widgeten.
Effekt hozzáadása
Szekció neve “Effekt hozzáadása”- Add hozzá az oldalhoz a Vízszintes görgetés widgetet, és a Sablonminta kiválasztása listában válaszd ki a diasablont. Ha még nincs, a Create Template gomb felugró ablakban nyitja meg a szerkesztőt.
- Nyisd meg a sablont, és jelölj ki benne egy támogatott Plus widgetet.
- Menj a Haladó → Plus kiegészítők szakaszba, és kapcsold be a Horizontal Scroll kapcsolót.
- Megjelenik egy Keret hozzáadása sor. Nyisd ki.
- A Görgetési opciók előugró panelen állítsd be az Aktiválás kezdete, Aktiválás vége, Görgetés kezdete és Görgetés vége értékeket. Ezek döntik el, az oldalirányú út melyik szakaszán fut az animáció.
- Nyiss meg egy effektpanelt (Függőleges, Vízszintes, Átlátszatlanság, Forgatás, Méretezés, Ferdítés, Keretsugár vagy Háttérszín), és adj meg egy kezdő és egy záró értéket.
- Ha a különböző pontokon más-más hatást szeretnél, az Elem hozzáadása gombbal vegyél fel további kereteket.
- Mentsd a sablont.
Egy keret beállításai
Szekció neve “Egy keret beállításai”| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| Aktiválás kezdete / Aktiválás vége | A widgetnek melyik pontjától melyik pontjáig mérődik az animáció. | 0,5 és 0,4 |
| Görgetés kezdete / Görgetés vége | A képernyő melyik szakaszán fut az animáció, miközben a widget áthalad rajta. | 0,8 és 0,2 |
| Függőleges / Vízszintes | A widgetet fel-le vagy balra-jobbra mozgatja kezdő és záró értékkel. | Ki |
| Átlátszatlanság | Két érték között halványítja a widgetet. | Ki |
| Forgatás | Forgatás X, Y és Z tengelyen, mindegyiknél kezdő és záró értékkel. | Ki |
| Méretezés | Méretezés X, Y és Z tengelyen, kezdő és záró értékkel. | Ki |
| Ferdítés | Ferdítés X és Y tengelyen, kezdő és záró értékkel. | Ki |
| Keretsugár | A sarokkerekítést animálja két értékkészlet között. | Ki |
| Háttérszín | Kezdő és záró szín között színez át. | Ki |
| Fejlesztő | Kirajzolja a képernyőre az aktiválási és görgetési jelölőket, így látod, hol indul és hol ér véget az animáció. | Ki |
A Fejlesztő mellett az Indító neve mező elnevezi a jelölőket, ami segít, ha több widget animálódik egyszerre. A jelölőket a közzététel előtt kapcsold ki.
Reszponzív beállítás
Szekció neve “Reszponzív beállítás”A keretek alatt a Láthatóság és a Reszponzív szélesség található. Bekapcsolt Láthatóságnál az effekt kimarad azokon a képernyőkön, amelyek szélessége a Reszponzív szélességgel egyenlő vagy annál kisebb. Az érték 300 és 2000 között állítható, alapértéke 300. Az érték az eszköz képernyőszélességéhez viszonyít, nem a böngészőablakéhoz, ezért egy összehúzott asztali ablak nem kapcsolja ki az effektet.
Mely widgeteken van meg
Szekció neve “Mely widgeteken van meg”A Plus kiegészítők szakasz ezzel a kapcsolóval a következő widgeteken érhető el:
- Accordion
- Advanced Buttons
- Advanced Typography
- Advertisement Banner
- Audio Player
- Before After
- Blockquote
- Breadcrumbs Bar
- Button
- Carousel Remote
- Contact Form 7
- Countdown
- Creative Image
- Draw SVG
- Dynamic Device
- Dynamic Smart Showcase
- Everest Form
- Flip Box
- Gravity Form
- Heading Animation
- Heading Title
- Info Box
- LottieFiles Animation
- Mailchimp
- Ninja Form
- Number Counter
- Pricing List
- Pricing Table
- Process/Steps
- Progress Bar
- Style Lists
- Switcher
- Tabs/Tours
- Text Block
- Video Player
- WPForms
Az űrlapstílusozók csak akkor jelennek meg a szerkesztőben, ha a saját űrlapbővítményük aktív, ezért a te listád rövidebb lehet.
Hogyan viselkedik
Szekció neve “Hogyan viselkedik”- Az animációt a widget oldalirányú útbeli helyzete vezérli, nem az oldal függőleges görgetése, így akkor játszik le, amikor a dia áthalad a képernyőn.
- Egy keretben több effekt is futhat egyszerre, és egy widgetnek több kerete is lehet.
- Az effektek csak Vízszintes görgetés szakaszban működnek. Hagyományos oldalon a kapcsoló hatástalan.
- Csak a Plus widgetek rendelkeznek vele. Az Elementor alap widgetjein és harmadik féltől származó widgeteken nincs Plus kiegészítők szakasz.
Hibaelhárítás
Szekció neve “Hibaelhárítás”Nincs Plus kiegészítők szakasz a widgetemen
Szekció neve “Nincs Plus kiegészítők szakasz a widgetemen”Vagy a widget nem szerepel a fenti listán, vagy a Pro bővítmény nem aktív. Az Elementor alap widgetjein nincs ilyen szakasz.
Bekapcsoltam a kapcsolót, de semmi sem animálódik
Szekció neve “Bekapcsoltam a kapcsolót, de semmi sem animálódik”A kereten legalább egy effektpanelt meg kell nyitni, kezdő és záró értékkel. A kapcsoló önmagában nem csinál semmit.
Rossz pillanatban indul az animáció
Szekció neve “Rossz pillanatban indul az animáció”Állítsd az Aktiválás kezdete, Aktiválás vége, Görgetés kezdete és Görgetés vége értékeket. A hangoláshoz kapcsold be a Fejlesztő jelölőit.
Asztali gépen animálódik, telefonon nem
Szekció neve “Asztali gépen animálódik, telefonon nem”A Láthatóság be van kapcsolva, és a Reszponzív szélesség nagyobb vagy egyenlő a telefon képernyőszélességével. Csökkentsd az értéket, vagy kapcsold ki a Láthatóságot.
Készült: