Probabil știți Revoluția Slider, este unul dintre cele mai descărcate pluginuri premium WordPress de pe CodeCanyon. Este, de asemenea, cel mai recomandat pentru persoanele care doresc să adauge un slider (prezentare) pe site-ul lor sau WordPress blog.

Este un plugin disponibil pe CodeCanyon.com. Amintiți-vă, v-am prezentat mai degrabă cum descărcați un plugin pe această platformă.

Deci primul lucru este descărcare, instalați-l și activați-l.

Dacă nu l-ați instalat niciodată pe acesta din urmă, aflați Cum se instalează Revolution Slider pe WordPress.De asemenea, puteți descoperi acest alt tutorial detaliat și destul de complet.

Recomandat.

Cum se configurează Cursor Revoluţie

Slider Revolution oferă setări de bază. Mai întâi trebuie să accesați pagina de pornire a pluginului, prin meniul „ Revoluția Slider »Disponibil în meniul din stânga al tabloului de bord, după instalarea și activarea pluginului.

accesul revoluției slider.jpg

Acest lucru vă va redirecționa către tabloul de bord al pluginului Slider Revolution. Apoi vom configura pluginul. Apoi, trebuie să faceți clic pe linkul " Setări generale Situat în submeniul Revoluției glisante.

rezoluție generală de parametri slider.jpg

Dacă faceți clic pe acesta, veți ajunge la o pagină nouă. Această pagină conține câteva opțiuni, printre care:

  • Rolurile care au acces vizualizați permisiunea pluginului »
  • Se încarcă resursele pluginului peste tot " on Sau doar pe paginile care îl folosesc. Încărcarea resurselor pe toate paginile dvs. poate încetini site-ul web.
  • De asemenea, puteți integra resursele pluginului în anumite pagini adăugând identificatorul fiecărei pagini în „ Pagini pentru a include bibliotecile RevSlider ".
  • Pentru o redare mai bună, puteți alege să încărcați resursele pluginului după ce pagina este afișată cu opțiunea „ Introduceți Javascript în subsol ".
  • Puteți activa opțiunile pentru exportul glisorului de date care urmează să fie utilizate pe alte câteva site-uri web.
  • Ultima opțiune se referă la rapoartele de activitate glisante.

setarea slider-ului de revoluție parametri generali.jpg

Setările implicite sunt acceptabile. Dar le puteți personaliza după cum doriți. Nu uitați să faceți clic pe „ Salvați setările »Pentru a salva setările.

Înapoi la « Revoluția Slider Pentru că acum vom crea un nou slider.

configurați pluginul WordPress Slider Revolution

Cum se creează un slider cu ajutorul pluginului Revolution Slider

Revolution Slider este foarte flexibil și se adaptează la aproape orice tip de glisor, de la cel mai simplu la cel mai complex cu straturi (aceasta este o caracteristică foarte interesantă).

Pe noua pagină, puteți observa că există două coloane principale. Această pagină trebuie considerată ca pagina de setări pentru noul glisor. Din această locație nu este posibil să adăugați imagini și texte. Cu toate acestea, vom modifica unele setări ale glisorului.

Descoperiți-ne 10 cele mai bune plugin-uri WordPress premium pentru a crea glisiere pe blogul dvs.

În secțiunea „Slider de paramă”

Avem mai multe câmpuri obligatorii care trebuie completate, inclusiv:

  • Titlul
  • Aliasul care va fi folosit pe shortcode. Trebuie să furnizați în mod necesar un alias.

titlu shortcode revoluție slider.jpg

Există mai multe tipuri de slider realizabile cu Cursor Revoluția:

  • Puteți alege să afișați articolele sub formă de diapozitive, în special definind o limită a rezultatelor, modificând ordinea de afișare, alegând un șablon etc.
  • Alegeți anumite articole, specificând identificatorii acestora
  • Alegeți modul galerie pentru glisor, ceea ce ne va permite să creăm diapozitive mai complexe și mai frumoase.

cursorul selecție de selecție tip selector slider.jpg

Următoarea opțiune vă permite să modificați aspectul glisorului: fix, personalizat, receptiv automat, ecran complet. În plus față de aceste opțiuni, există și cele pentru dimensiunile grilei și dimensiunile aspectului.

dimensiune configurație revoluție slider.jpg

Acestea sunt opțiunile din prima coloană. A doua coloană oferă alte câteva opțiuni. Printre altele avem: Durata fiecărui diapozitiv, care în mod implicit este de 9 secunde.

Afișare aleatorie (Modul shuffle)

parametri generali slider revoluție slider.jpg

Secțiunea Aspect și vizual

Această secțiune grupează opțiunile privind configurația umbrei, fundalul în subfila „Aspect”. Veți găsi, de asemenea, o filă „Spinner”, care vă permite să modificați animația în timp ce glisorul se încarcă, fila „Mobil” care vă permite să determinați cum este afișat glisorul pe mobil și fila „Poziție” care vă permite să configurați locația glisorului în raport cu conținutul.

aspect și revoluție vizuală slider.jpg

Secțiunea de navigare

Fila de navigare este împărțită în mai multe subfile care vă permit să configurați diferite aspecte ale navigării glisorului. De exemplu, veți avea fila „săgeți” care vă permite să alegeți tipul de buton de navigare între glisoare (puteți activa sau nu săgețile). Cu fila „Bullet”, aveți, de asemenea, posibilitatea de a configura gloanțe de navigare, cu fila „Tabs”, care va adăuga un efect glisor de tab și așa mai departe.

navigare tab revoluție slider.jpg

Configurați condițiile de animație „Parametri generali”

Oferă opțiuni pentru diapozitive, de exemplu, puteți defini că glisorul se va opri automat după un anumit diapozitiv " Opriți după bucle »Sau alegeți poziția barei glisante (bara de progres vă permite să vedeți cât durează o diapozitivă până când este afișată alta).

configurare animație slider revoluție slider.jpg

Acestea sunt primele secțiuni ale pluginului și cele pe care le veți folosi cel mai mult. Puteți utiliza mai multe opțiuni pentru a adăuga mai multe funcționalități la glisor.

Descopera Cum se creează o pagină web Pro cu WPBakery și adaugă la acesta un frumos Slider.

După ce ați terminat, salvați glisorul de mai jos folosind „ Salvați setările ".

înregistrați slider revoluția sliders.jpg

După ce faceți clic pe „ Salvați setările », Veți fi redirecționat către interfața de creare a glisorului. Care va crea un glisor implicit gol.

slider creation interface.jpg

Cum se adaugă o nouă diapozitivă la un glisor

Dacă nu vă amintiți ce este, într-o postare anterioară am definit un set de termeni tehnici WordPress, inclusiv « Slider "și" Slide ».

Înainte de interfața pentru modificarea opțiunilor glisorului, veți vedea în mod implicit o secțiune cu 3 zone în care veți găsi ultima cu eticheta " Adaugă Slide". Prin plasarea mouse-ului peste acesta, acesta va afișa opțiuni suplimentare. Alegeți Adăugare diapozitiv gol.

adăugați un slider la un slider.jpg

Notă : Orice diapozitive noi pe care le creați vor fi adăugate la această bară. Fiecare diapozitiv creat vă va oferi opțiuni suplimentare de gestionare: Ștergere, Duplicare, Adăugare la șablon.

Interfața unui glisor constă din:

  • Opțiuni avansate de diapozitive
  • Din interfața de proiectare a glisorului (interfață de creare)

Interfață opțiuni avansate

Aceste opțiuni sunt organizate în mai multe file diferite. Secțiunea principală de fundal vă permite să configurați diferite aspecte care afectează fundalul diapozitivelor. De exemplu, puteți alege să utilizați ca fundal un videoclip YouTube.

fundal video revoluție slider.jpg

Fila Parametri generali vă permite să configurați elemente precum durata diapozitivului, diferite evenimente care vor face ca diapozitivul să fie întrerupt (opriți animația).

parametrii generali revoluție slider.jpg

Fila miniaturi vă permite să alegeți o previzualizare pentru diapozitivul creat. Aceasta va fi utilizată dacă glisorul dvs. oferă previzualizări de diapozitive. 

creație vignette revoluție slider.jpg

Fila de animație a diapozitivelor vă permite să definiți care este animația de intrare și ieșire a diapozitivului. Aveți o gamă largă de opțiuni disponibile.

alegeți animația slide revoluției slider.jpg

Fila Link & SEO vă permite să modificați unele atribute HTML ale diapozitivului. În principiu, nu va trebui să utilizați des această filă.

Revoluția Interfață de design Slider

Interfața de proiectare este acea locație de organizare în care vă veți realiza compoziția. Se compune dintr-o suprafață formată din pătrate albe și gri, care constituie superul de lucru (unde vor fi plasate diferitele elemente).

interfață design revoluție slider.jpg

Ce trebuie să știți despre straturi

Fiecare obiect plasat pe interfața compoziției constituie un strat. Aceste straturi pot fi suprapuse unele peste altele, la fel cum puteți face cu schițe. Prin urmare, stratul poate consta dintr-o imagine, un cod html, un videoclip, o formă, un obiect și multe altele. Puteți adăuga un strat planând deasupra butonului „Adăugați un strat” care vă oferă mai multe opțiuni.

răsfoiți un strat revoluționar slider.jpg

Dacă faceți clic pe „Text / html”, aceasta va adăuga o zonă de text pe interfața de proiectare pe care o puteți personaliza (adăugați text, modificați fontul sau mutați).

adăugați text revoluție slider.gif

Fiecare strat adăugat poate oferi diferite opțiuni. De obicei, pentru a accesa opțiunile unui strat, trebuie doar să faceți dublu clic pe el. Acum vom adăuga o imagine.

adăugați imagine revoluție slider.gif

Fiecare strat are propriile opțiuni. Aceste opțiuni sunt bara situată chiar deasupra interfeței de proiectare.

opțiune pentru strat revoluție slider.jpg

Acestea sunt file care oferă opțiuni avansate. De exemplu, dacă vrem să schimbăm animația stratului, trebuie să mergem la fila animație și să alegem o animație de intrare și ieșire după cum urmează.

alegeți o animație pentru un layer.gif

Fiecare filă are propriile opțiuni. Luând câteva minute, veți putea înțelege modul în care funcționează majoritatea filelor.

Cam asta este tot ce trebuie să știți despre configurarea WordPress plug-in Slider Revolution pentru a începe. Vom reveni mai târziu pentru a vă arăta tehnici mai avansate.

Dar, înainte de a vă părăsi, am dori să vă oferim încă 2 alternative premium concepute pentru a vă ajuta să creați glisoare pe site-ul dvs. web.

1. RoyalSlider

Cel mai descărcat glisor de pe CodeCanyon, Royal Slider vine încărcat cu caracteristici irezistibile. Folosit de companii atât de diverse precum Coca-Cola, Ralph Lauren și Land Rover, acest plugin face aproape tot ce vă puteți aștepta de la un glisor. Cea mai atractivă caracteristică este suportul nativ pe ecran complet.

Royalslider atinge glisorul de conținut pentru wordpress

Perfect pentru afișarea fotografiilor de înaltă rezoluție. Acest plugin vă va impresiona cu siguranță vizitatorii cu caracteristicile sale profesionale. Ca funcționalități vom avea, printre altele: posibilitatea de a crea mai multe glisoare cu stiluri diferite pe pagină, suport pentru navigarea tactilă, un design receptiv, miniatura A verticală sau orizontală, gloanțe sau file pentru navigare și multe altele.

Descarca | Demo | web hosting

2. . WP Slick Slider și Image Carousel Pro

Dacă sunteți un adept necondiționat al continuării Compozitor Visual, folosind pluginul WP Slick Slider este o opțiune pe care va trebui să o luați în considerare. Cu aproape șabloane predefinite 100, veți găsi cu siguranță ceea ce căutați fără a codifica nimic.Slider glisant WP și carusel de imagine pro

Aceasta este o opțiune de luat în serios, în special pentru utilizatorii Visual Composer - WPBakery -.

Caracteristicile sale sunt printre altele: a meste o pagină complet răspunzătoare, cu suport drag-and-drop, a cconstructor de coduri scurte,suportul RTL și al multilingveidesign deosebit și mult mai mult.

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.

Concluzie

Sperăm că acest articol v-a ajutat să configurați WordPress plug-in Premium Slider Revolution. Dacă aveți întrebări, nu ezitați să le lăsați în secțiune comentarii. Și dacă ți-a plăcut acest articol, împărtășește-l pe diferitele tale rețelele sociale