Acum putem începe lucruri serioase. Crearea slider-ului activat Revoluția Slider poate fi destul de obositor la început. Vă veți pierde rulmenții, pentru că veți dori să știți unde este acesta sau acel element.

Vei scăpa de Slider Revolution, exersând cu obișnuință și citind și acest tutorial.

În timpul tutorialelor noastre anterioare, am descoperit cum:

• Descărcați și instalați Slider Revolution
• Cum să înțelegeți interfața utilizatorului Slider Revolution Home
• Cum să configurați un Slide Show pe Slider Revolution

Și acum după ce am configurat glisorul nostru, vom crea diapozitive "Of" cursor ".

Cum să începeți cu editorul „Diapozitive”

În principiu, după salvarea configurațiilor unui slider, accesați la o nouă interfață care vă prezintă editorul „ diapozitive ".

Veți observa în partea de sus aceeași bară de instrumente care vă permite să reveniți la lista de "glisoare sau diapozitive", la parametrii glisorului și la previzualizarea glisorului, printre altele.

Descoperiți și noi 10 plugin-uri WordPress care vă permit să vă evaluați postările pe blog

În partea de jos, avem o nouă secțiune care ne permite să vedem, straturile globale, diferitele „diapozitive” și butonul pentru a adăuga un nou „ aluneca ".

Trecând peste butonul unei diapozitive, veți observa că sunt afișate noi opțiuni. Aceste opțiuni sunt destul de clare și ușor de înțeles (duplicat, adăugați la șablon pentru a-l reutiliza mai târziu și a șterge diapozitivul).

Trecând peste butonul de adăugare de diapozitive, veți observa alte opțiuni care vă permit să adăugați o diapozitivă goală, să adăugați mai multe diapozitive, să adăugați o diapozitivă dintr-un șablon (model).

În prezent, vă aflați pe diapozitivul 1, motiv pentru care este evidențiat pe lista de diapozitive. Dacă creați o nouă diapozitivă, aceasta va fi evidențiată în locul primei diapozitive.

Slider Revolution la acest nivel este un adevărat tablou de bord. Dacă vă explic totul, nu veți înțelege mare lucru, așa că voi evita să vorbesc despre caracteristici care pot fi confuze și care nu sunt esențiale.

Citiți articolul nostru pe Plugin-uri de compresie a imaginilor 6 WordPress pentru blogul dvs.

Când ați selectat o diapozitivă, puteți începe editarea în secțiunea următoare. Această secțiune este formată din mai multe file (7) care vă oferă acces la diverse funcții.

Cum se adaugă o imagine de fundal unei scene

Primul lucru pe care veți dori să-l faceți mai întâi este să adăugați un fundal la diapozitivul nostru. Aici aveți de ales între: O imagine de fundal (din biblioteca dvs. media), un URL extern care indică o imagine, un fundal transparent care va folosi culoarea propusă de WordPress temă, o culoare fixă, un videoclip Youtube, Vimeo sau HTML5. Vom alege un fundal " imagine ".

Puteți găsi multe imagini gratuite pe web. Efectuați o căutare pe Google. 

Când adăugați o imagine, aceasta se aplică imediat în previzualizarea diapozitivelor și în „scenă”.

Cum se adaugă un element într-o scenă

Acum că avem o scenă bine decorată, vom adăuga un element. Fiecare element pe care îl adăugați unei scene este considerat un strat sau un strat. Această caracteristică de strat vă va ajuta să mă credeți.

Pentru a adăuga un element la scenă, treceți-o peste Adăugați stratul ".

Veți observa că puteți adăuga mai multe elemente diferite, inclusiv: text / HTML, imagini, audio, video, un buton, o formă, un obiect și să importați un element.

Vom începe adăugând o imagine transparentă a Snoopy micuțului cățeluș.

Apoi adăugați această imagine în scenă și veți avea așa ceva:

Veți observa că în cele patru colțuri ale imaginii sunt pătrate mici. Aceste pătrate ne permit redimensionarea imaginilor, deoarece în acest caz Snoopy ocupă mult spațiu.

Redimensionarea se face prin " trage “. Pentru a redimensiona păstrarea proporțiilor, țineți apăsat butonul " maj De la tastatură în timp ce redimensionați.

Vezi și nostru Pluginurile 10 WordPress care vă vor face un Blogger mai bun

Acum arată Snoopy ca aceasta, este mai potrivit. De asemenea, puteți întoarce o imagine folosind indicatorul situat în partea dreaptă sus a fiecărei imagini astfel:

Cum se poziționează elementele cu grila de ajutor

Grila de ajutor este un element valoros care ajută la poziționarea mai bună a elementelor. Puteți activa grila de ajutor din partea stângă jos a scenei.

Această grilă are plăci cu dimensiuni diferite, cu cât dimensiunea este mai mică, cu atât vei fi mai precis în plasarea elementului.

Cum se adaugă animații

Există 3 tipuri de animații pe Slider Revolution: animații de intrare, animații în timpul (existența elementului în scenă) Și animații end.

Vezi și nostru Plugin-uri de compresie a imaginilor 6 WordPress pentru blogul dvs.

Pentru a adăuga o animație la un element, trebuie să o selectați mai întâi dând clic pe ea (când un element este selectat, acesta este încadrat de o linie punctată cu colțuri redimensionabile).

Așa că faceți clic pe Snoopy, mergeți sus pe pagină și faceți clic pe fila « Animaţie ".

În imaginea anterioară, am animațiile de intrare în albastru și animațiile de ieșire în roșu.

Pentru a schimba o animație, faceți clic pe lista derulantă care se află după pictograma omului care rulează.

Aveți apoi la dispoziție o mare varietate de animații. Vă las să alegeți animația pe care doriți să o definiți pentru intrarea unui element. Din partea mea, am ales „ easeOutElastic », Pentru a obține acest rezultat:

Aici pentru tine 4 plugin-uri WordPress pentru a îmbunătăți subsolul blogului dvs.

Mai la stânga, puteți determina durata animației și modul de animație pe care trebuie să îl lăsați activat " Nu se împrăștie Deoarece celelalte opțiuni se aplică numai textului, nu imaginilor.

Lire aussi Cum să ascundeți titlurile articolelor și paginile WordPress

Acum, aș dori să plutesc Snoopy, pentru asta, mergeți la " Buclă Și pe opțiunea derulantă, alegeți „ Val ". Acum Snoopy plutește:

Cum se configurează vizibilitatea elementelor

Snoopy-ul meu plutește, dar nu vreau să fie vizibil pe mobil. Deci faceți clic pe „ vizibilitate »Și pe pictograma Smartphone, asigurați-vă că este dezactivată:

Modul de ajustare a comportamentului elementelor

Pentru a optimiza încărcarea glisorului, poate doriți să întârziați încărcarea imaginilor. Aceasta se face în fila " comportament Cu opțiunea " Se încarcă leneș “. Puteți forța chiar și sensibilitatea elementelor.

Cum se creează declanșatoare personalizate pe un element

Acțiunile vă permit să asociați declanșatorii cu acțiuni specifice. Pentru a adăuga un declanșator, faceți clic pe fila Acţiuni »Apoi pe butonul« + ».

Există tipuri de declanșatoare 3:

• Faceți clic pe care faceți clic cu mouse-ul
• Introducerea mouse-ului peste element
• Ieșirea mouse-ului deasupra elementului

Lista acțiunilor este destul de lungă. De exemplu, puteți redirecționa un utilizator care face clic pe Snoopy către o altă pagină, alegând acțiunea " Link simplu Ceea ce va aduce noi opțiuni.

Descoperiți și noi Pluginurile 10 premium WordPress din rezervare și rezervare

Cum se utilizează Slider Revolution TimeLine

Slider Revolution oferă o interfață de gestionare a timpului în partea de jos. Această interfață vă permite să vedeți unde începe animația unui element și unde se termină.

Pe imaginea anterioară, veți observa două săgeți albastre. Primul din stânga indică începutul animației de intrare a unui element, iar al doilea indică sfârșitul animației de intrare. Culoarea roșu închis indică viața articolului din scenă.

Lire aussi Cum de a adăuga o numărătoare inversă de pe blog-ul dvs. WordPress

Veți găsi un final similar cu celălalt capăt al unei durate (animație de intrare, timp de viață și animație finală).

Cu „ cronologie Veți putea controla ce element este afișat înainte și care element dispare mai întâi. Este un instrument foarte practic pe care trebuie să-l stăpânești pentru a face o animație bună.

Cronologia are și un player pe care îl puteți activa pentru a previzualiza diapozitivul.

Până atunci, v-am oferit elementele de bază pentru a crea un slide. Acum salvați glisorul și începeți previzualizarea.

Asta-i totul pentru acest tutorial, într-o continuare, vom vorbi despre afișarea unui glisor pe un articol și câteva operații avansate.

Descoperiți și câteva teme și plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Audio pe disc

Disk Audio este altul WordPress plug-in care vă va ajuta să afișați un player audio chiar pe site-ul dvs. cu doar apăsarea unui buton. Aspectul playerului audio este complet receptiv, astfel încât utilizatorii de telefonie mobilă se vor putea bucura de funcțiile sale fără nicio bătaie de cap.

În plus, oferă multe opțiuni de personalizare, inclusiv scheme de culori, aparențe, imagini de fundal și opacitate. Are mai multe opțiuni pentru a-l controla prin intermediul tastaturii și De asemenea, vă permite să vizualizați lista de redare cu o bară de defilare reglabilă.

Citiți și: Pluginurile 10 WordPress pentru a îmbunătăți căutarea pe blogul dvs.

Veți putea, de asemenea, să încorporați link-uri de descărcare pe playerul muzical pentru a le arăta utilizatorilor unde pot merge pentru a cumpăra melodia redată pe site-ul dvs. 

Descarca | Demo | web hosting

2. Eveniment de rezervare Pro

Acesta este altul WordPress plug-in 100% responsive, ușor de personalizat și dedicat gestionării rezervărilor de pe orice site, care își oferă serviciile în domeniile evenimentelor.

Principalele sale caracteristici includ: personalizarea textului, culoarea, bordurile și altele, suport pentru PayPal, gestionarea codurilor cupoane și a cupoanelor, asistență pentru Hărți Google, sprijinul gestionării e-mailurilor,  suportul shortcodes, panou de control intuitiv, creare ușoară de evenimente, control total asupra aspectului etc.

Descarca | Demo | web hosting 

3. Social Share & Locker Pro

Pluginul Social Share & Locker Pro a fost conceput pentru a vă ajuta site-ul să fie mai vizibil pe rețelele de socializare. Cu doar câteva clicuri, puteți fie să setați poziția pictogramelor dvs. sociale, fie să vă blocați conținutul solicitând partajarea pe una dintre rețelele sociale oferite de dvs.

Aveți teme predefinite 10 și aceasta ar trebui să acopere dorințele cele mai comune. Toate temele ei sunt Retina și fac minuni. 

lucruri de făcut 30 postările de pe blog după publicarea lor Descoperiți-le consultând acest articol.

De asemenea, cu Social Share & Locker Pro, veți putea afișa numele complet al rețelelor sociale sau doar pictograma. Va depinde de designul dvs., de spațiul disponibil sau de dorințele dvs.

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

• Cum să devii un blogger de succes și să câștigi bani cu WordPress
• Cum să integrați formularele Google pe WordPress
• Cum să creați o politică de confidențialitate pe WordPress
• 6 plugin-uri WordPress pentru a asigura conformitatea RGPD a unui blog

Concluzie

Aici este ! Gata pentru acest ghid. Sperăm că acest tutorial v-a oferit elementele de bază pentru crearea unei prezentări de diapozitive cu Slider Revolution pe un blog sau site web WordPress. Dacă aveți întrebări, sugestii sau observații, lăsați-le în secțiunea noastră comentarii.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate. 

...