Most komoly dolgokat kezdhetünk. Csúszka létrehozása Slider Revolution eleinte unalmas lehet. Elveszíti a csapágyait, mert tudni akarja, hol van ez vagy az elem.

Megszabadulhat a csúszó forradalomtól, ha szokással gyakorolsz, és elolvasod ezt az oktatóanyagot.

Korábbi oktatóprogramjaink során felfedeztük, hogyan:

• Töltse le és telepítse a Slider Revolution alkalmazást
• Hogyan értem a Slider Revolution Home felhasználói felületét
• Hogyan állítsunk be egy diavetítést a Diavetítő forradalomról

És most, hogy felállítottuk a csúszkáját, elkészítjük a Diák "A" csúszka ".

Kezdő lépések a "Diák" szerkesztővel

Alapvetően a csúszka konfigurációinak mentése után hozzáférhet egy új felületre, amely bemutatja a " Diák ".

A legfelső részben észreveszi ugyanazt az eszköztárat, amely lehetővé teszi, hogy visszatérjen a "csúszkák vagy diák" listájához, a csúszka paramétereinek és a csúszó előnézetének többek között.

Fedezze fel a mi 10 WordPress beépülő modul, amellyel értékelheti blogbejegyzéseit

Alul van egy új szakaszunk, amely lehetővé teszi számunkra a globális rétegek, a különböző "diák" és az új hozzáadásának gombját csúszik ".

A diák gombja fölé húzva észreveszi, hogy új lehetőségek jelennek meg. Ezek a lehetőségek meglehetősen világosak és könnyen érthetők (másolatot, adjon hozzá a sablonhoz annak későbbi újrafelhasználása és a diák törlése érdekében).

Ha a lecsúsztatás gombra kattint, észre fog venni más lehetőségeket is, amelyek lehetővé teszik egy üres dia hozzáadását, több diák hozzáadását, diák hozzáadását egy sablonból (modell).

Jelenleg az 1 diaban van, ezért kiemelve van a diák listájában. Ha új diát hoz létre, akkor az az első dia helyett ki lesz emelve.

A Slider Revolution ezen a szinten egy igazi műszerfal. Ha mindent elmagyarázok neked, nem fog sokat megérteni, ezért kerülni fogok olyan funkciókról való beszédet, amelyek zavaróak lehetnek és nem nélkülözhetetlenek.

Olvassa el a következő cikkben: 6 WordPress képtömörítési bővítmények a bloghoz

Miután kiválasztotta a diát, a következő szakaszban megkezdheti a szerkesztést. Ez a szakasz több lapból (7) áll, amelyek hozzáférést biztosítanak a különböző funkciókhoz.

Háttérkép hozzáadása egy jelenethez

Az első dolog, amit először meg kell tennie, az az, hogy hátteret ad a diánkhoz. Itt választhat a következők közül: Háttérkép (a médiakönyvtárból), külső URL, amely egy képre mutat, átlátszó háttér, amely a program által javasolt színt használja. WordPress téma, fix szín, Youtube, Vimeo vagy HTML5 videó. Hátteret választunk" kép ".

Sok ingyenes képet talál az interneten. Csak keressen a Google-on. 

Kép hozzáadásakor ez azonnal érvényes a dia előnézetében és a „jelenetben”.

Hogyan adjunk hozzá elemet a jelenethez

Most, hogy jól díszített jelenetünk van, hozzáadunk egy elemet. Minden, a jelenethez hozzáadott elemet rétegnek vagy rétegnek tekintünk. Ez a réteg funkció segít hinni nekem.

Ha elemet szeretne hozzáadni a jelenethez, vigye az egérmutatót fölé réteg hozzáadása ".

Észre fogja venni, hogy több különböző elemet felvehet, beleértve: szöveget / HTML-t, képeket, hangot, videót, gombot, alakot, objektumot és importálhat egy elemet.

Először hozzátesszük egy átlátszó képet a Snoopy kis kölyökkutyáról.

Ezután adja hozzá ezt a képet a jelenethez, és lesz valami hasonló:

Észre fogja venni, hogy a kép négy sarkában kis négyzetek vannak. Ezek a négyzetek lehetővé teszik a képek átméretezését, mivel ebben az esetben a Snoopy sok helyet foglal el.

Az átméretezést " ellenállás ”. A méretek átméretezéséhez tartsa lenyomva a " Május A billentyűzetről átméretezés közben.

Lásd még a mi 10 WordPress bővítmények, amelyek jobb Blogger-t fognak tenni

Most Snoopy így néz ki, jobban illik. Képet is megfordíthat az egyes képek jobb felső sarkában található mutató segítségével:

Az elemek elhelyezése a sáv segítségével

A súgórács értékes elem, amely segít az elemek jobb pozicionálásában. A sávrácsot aktiválhatja a színpad bal alsó részén.

Ennek a rácsnak különböző méretű lapjai vannak, minél kisebb a méret, annál pontosabb lesz az elem elhelyezése.

Animációk hozzáadása

A Slider Revolution 3féle animációt tartalmaz: bejárati animációk, a (az elem létezése a jelenetben) És vége animációk.

Lásd még a mi 6 WordPress képtömörítési bővítmények a bloghoz

Ha animációt szeretne hozzáadni egy elemhez, akkor először ki kell választania az elemre kattintva (amikor egy elemet kiválasztanak, azt egy átméretezhető sarkokkal ellátott szaggatott vonal keretezi).

Tehát kattintson a Snoopy elemre, lépjen fel az oldalra, és kattintson a « Élénkség ".

Az előző képen a bemeneti animációk kék és a kimeneti animációk piros színűek.

Az animáció megváltoztatásához kattintson a futó ember ikonja utáni legördülő listára.

Ezután sokféle animáció áll a rendelkezésére. Hagyom, hogy válassza ki azt az animációt, amelyet meg szeretne határozni egy elem beviteléhez. A magam részéről a " easeOutElastic », Ennek az eredménynek az eléréséhez:

Itt az Ön számára 4 WordPress plugins, amelyek javítják a blog láblécét

Balra tovább meghatározhatja az animáció időtartamát és azt a animációs módot, amelyben el kell hagynia a " Nincs split Mivel a többi lehetőség csak a szövegre vonatkozik, nem a képekre.

Líra aussi Hogyan lehet elrejteni a cikkeket és a WordPress oldalakat

Most szeretném lebegni a Snoopy-t, ezért menj a " Hurok És a legördülő menüben válassza a " hullám ". Most Snoopy lebeg:

Az elemek láthatóságának konfigurálása

Saját Snoopy lebeg, de nem akarom, hogy mobiltelefonon látható legyen. Tehát kattintson a " láthatóság »A Smartphone ikonon ellenőrizze, hogy ki van-e kapcsolva:

Az elemek viselkedésének beállítása

A csúszka betöltésének optimalizálása érdekében késleltetheti a képek betöltését. Ezt a " viselkedés A " Lazy betöltése ”. Még az elemek reakcióképességét is erőltetheti.

Hogyan hozhat létre egyedi elemeket egy elemre

A műveletek lehetővé teszik, hogy a triggereket bizonyos tevékenységekhez társítsák. Ravasz hozzáadásához kattintson a fülre Hozzászólások »Ezután a« + »gombra.

Vannak 3 típusú triggerek:

• A kattintás, amely az egérrel kattint
• Az egér bevitele az elem fölé
• Az egér kilép az elem felett

A tevékenységek felsorolása meglehetősen hosszú. Például a Snoopy-ra kattintó felhasználót átirányíthatja egy másik oldalra, ha a " Egyszerű link Ami új lehetőségeket hoz fel.

Fedezze fel a mi 10 prémium WordPress bővítmények a foglalás és a foglalás során

A Slider Revolution TimeLine használata

A Slider Revolution alul egy időkezelő felületet kínál. Ez a felület lehetővé teszi annak megtekintését, hogy egy elem animációja hol kezdődik és hol ér véget.

Az előző képen két kék nyilat észlel. A bal oldali első az elem bemeneti animációjának kezdetét jelzi, a második pedig a bemeneti animáció végét. A sötétvörös szín jelzi a tárgy élettartamát a jelenetben.

Líra aussi Hogyan adjunk egy visszaszámlálás a WordPress blog

Megtalál egy véget, amely hasonló egy időtartam másik végéhez (bemeneti animáció, élettartam és befejező animáció).

A " időrendben Ön képes lesz ellenőrizni, hogy mely elem jelenik meg előtte, és melyik elem eltűnik előbb. Ez egy nagyon praktikus eszköz, amelyet el kell sajátítania a jó animáció készítéséhez.

Az idővonalnak van egy lejátszója, amelyet aktiválhat a dia előnézete céljából.

Addig adtam neked a diák létrehozásának alapjait. Most mentse el a csúszkát, és indítsa el az előnézetet.

Ez az oktatóanyag egésze, a következőkben egy cikk csúszka megjelenítéséről és néhány fejlett műveletről beszélünk.

Fedezze fel néhány témát és prémium WordPress-bővítményeket  

Használhatsz mást is WordPress plugin modern megjelenést kölcsönözni és optimalizálni blogja vagy weboldala kezelését.

Kínálunk itt néhány prémium WordPress plugin-ot, amelyek segítenek abban.

1. Disk Audio

A Disk Audio egy másik WordPress plugint amelyek segítségével egyetlen gombnyomással megjeleníthet egy audiolejátszót közvetlenül a webhelyén. Az audiolejátszó elrendezése teljesen reszponzív, így a mobil felhasználók gond nélkül élvezhetik a funkcióit.

Ezenkívül számos testreszabási lehetőséget kínál, beleértve a színsémákat, a megjelenést, a háttérképeket és az átlátszatlanságot. Számos lehetősége van arra, hogy billentyűzettel és vezérelje emellett lehetővé teszi a lejátszási lista megtekintését egy állítható görgetősáv segítségével.

Olvassa el: 10 WordPress plugin, hogy fokozza a kutatás a blog

A letöltési linkeket beágyazhatja a zenelejátszóba is, hogy megmutassa a felhasználóknak, hogy hova menhetnek, és megvásárolják az Ön webhelyén lejátszott zeneszámot. 

Letöltés | demó | Web hosting

2. Esemény foglalás Pro

Ez egy másik WordPress plugint 100%-ban reszponzív, könnyen testreszabható és elkötelezett a foglalások kezelésére bármely olyan weboldalon, amely rendezvények területén kínálja szolgáltatásait.

Főbb jellemzői a következők: szöveg, szín, szegélyek és mások testreszabása, a PayPal támogatása, a kuponkódok és a kuponok kezelése, a Google Maps, az e-mailek kezelésének támogatása,  a rövid kódok támogatása, intuitív kezelőpanel, egyszerű esemény létrehozás, teljes ellenőrzés a megjelenés felett stb.

Letöltés | demó | Web hosting 

3. Social Share & Locker Pro

A Social Share & Locker Pro kiterjesztést úgy fejlesztették ki, hogy webhelye jobban látható legyen a közösségi hálózatokon. Néhány kattintással beállíthatja a közösségi ikonok helyzetét, vagy lezárhatja a tartalmát, ha megköveteli a megosztást az Ön által kínált közösségi hálózatok egyikén.

Van 10 előre definiált témája, és ennek ki kell terjednie a leggyakoribb kívánságokra. Minden témája a retina és a csodák. 

30 dolgom blogbejegyzéseiben kihirdetése után Fedezze fel őket a cikk olvasásával.

Ezenkívül a Social Share & Locker Pro segítségével megjelenítheti a közösségi hálózatok teljes nevét vagy csak az ikont. Ez a tervezésétől, a rendelkezésre álló helytől vagy a kívánságaitól függ.

Letöltés | demó | Web hosting

Ajánlott források

Tudjon meg többet a webhely felépítéséhez és kezeléséhez javasolt egyéb forrásokról.

• Hogyan lehet sikeres blogger és hogyan lehet pénzt keresni a WordPress segítségével?
• Hogyan lehet integrálni a Google Forms WordPress
• Hogyan hozzunk létre adatvédelmi irányelveket a WordPress-en
• Az 6 WordPress plugins biztosítják a blog RGPD-megfelelőségét

Következtetés

Itt van ! Ennyi az útmutatóhoz. Reméljük, hogy ez a bemutató megadta a Slider Revolution segítségével készített diavetítés létrehozásának alapjait egy WordPress blogon vagy webhelyen. Ha bármilyen kérdése, javaslata vagy észrevétele van, hagyja őket szakaszunkban észrevételek.

Azonban Ön is képes lesz konzultálni a mi erőforrások, ha további elemekre van szüksége az internetes oldalak létrehozására irányuló projektek végrehajtásához, olvassa el a WordPress blog létrehozása.

Ne hezitálj hogy ossza meg barátaival a kedvenc közösségi hálózatokon. 

...