Doriți să configurați WordPress plug-in Slider Revolution?
De la începutul acestei serii de tutoriale dedicate WordPress plug-in Cursor Revoluție, am învățat descărcați și instalați pluginul. Apoi, atunci a descoperit interfața și diferitele sale funcționalități. Acum, să mergem mai departe arătându-vă configurațiile unui „Glisor”.
Dacă sunteți începători și căutați resurse pentru a începe; veți găsi aici tot ce aveți nevoie pentru a începe. Și dacă descoperiți crearea blogului citiți Cum de a crea un blog WordPress cu ușurință: Ghid și Tuto
Acestea fiind spuse, să aflăm ce este un glisor.
Ce este un glisor în practică?
Un glisor este o componentă HTML. Da, știu, a spus așa, nu vă aduce prea multe beneficii. Deci, un glisor este o caracteristică care vă permite să afișați diverse informații într-o buclă (sau nu). Aceste informații sunt grupate după „ aluneca ", Care este o entitate a unui" glisor "și care poate consta din imagini, texte video, linkuri etc.
"" cursor "Prin urmare, conține" diapozitive (Cel puțin 1), iar aceste diapozitive conțin elemente multimedia (imagini, video, muzică, text) care pot fi animate sau interactive (reacționează la acțiunile utilizatorului).
Notă : Puteți traduce " glisoarele În „ diapozitive interactive și dinamice ".
Slider Revolution ne permite să facem asta și vom începe fără întârziere.
Dacă nu ați creat încă un site web și căutați un WordPress temă care integrează nativ acest puternic WordPress plug-in, această listă de teme WordPress premium va fi perfectă.
Crearea unui glisor: primele configurații
Pentru a începe, trebuie să faceți clic pe meniu " Cursor Revoluţie Pe tabloul de bord WordPress.
Acum faceți clic pe element Slider nou Și veți ajunge la interfața de configurare a glisorului.
Interfața de configurare a glisorului poate fi intimidantă, dar dacă faceți un pas înapoi, veți înțelege mai bine funcționalitatea acestuia. Este posibil să observați că această interfață constă din două secțiuni. Primul din stânga este format din 5 zone diferite, iar al doilea din dreapta este format din 6 zone mici. Chiar deasupra aveți bara de instrumente, care vă permite:
- Înapoi la lista de glisiere « toate Glisoarele »
- Accesați setările glisorului (aceasta este fereastra pe care vă aflați)
- Interfața de editare a diapozitivelor
- Un buton de rezervă
- Un buton de editare a diapozitivelor
- Un buton de previzualizare a glisorului
- Un buton de îndepărtare a cursorului
- Un buton pentru a reveni (din nou) în lista de glisante
Voi explica acum fiecare secțiune din coloana din stânga.
Acest plugin WordPress manipulează o mulțime de imagini, ceea ce ar putea încetini încărcarea site-ului dvs. Descoperi De ce trebuie să începi să-ți optimizezi blogul WordPress prin imagini
secțiunea „Sursă de conținut”
Această secțiune vă permite să configurați sursa glisorului. Într-adevăr, aici puteți decide să creați:
- Un glisor clasic, în care va trebui să configurați singur toate animațiile
- Un glisor de articole, în care spațiul dvs. pentru manevră este destul de limitat
- Un slider de articole specifice pe care le puteți alege
- Un slider al fluxului de știri Flickr
- Un glisor al feedului Instagram
- Un glisor de produs WooCommerce
- Un cursor pe feed-ul Twitter
- Un cursor pe posturile de pe Facebook
- Un cursor pe publicațiile YouTube
- Și un cursor pe publicațiile Vimeo
Trebuie menționat în trecut: Slider Revolution este un plugin puternic care permite evidențierea produselor dintr-un magazin online. Descoperă Teme WordPress 10 pentru a crea un magazin online și a vă prezenta hainele
Acestea fiind spuse, ne vom mulțumi să prezentăm modul de a crea un glisor clasic, deoarece este cel mai folosit, cel mai dificil de stăpânit și cel mai extraordinar în efectele sale. Cu practica, vei reuși să-ți creezi propriile configurații pe alte glisiere. În caz de probleme, nu ezitați să reveniți și să lăsați un comentariu aici. Deci, lăsați opțiunea " Glisor implicit "Activ.
Secțiunea Slider Title & Shortcode
Probabil ai ghicit. Această secțiune vă permite să definiți titlul glisorului și codul scurt care îl va însoți (nimic nu prea știință rachetă).
Secțiunea „Selectați un tip de glisor”
Această secțiune vă permite să definiți structura de bază a glisorului. Într-adevăr, aveți la dispoziție 3 opțiuni pentru a alege dintre care vă permit:
- Pentru prima opțiune definiți un slider implicit cu lățimi adaptate spațiului disponibil și având elemente de bază, cum ar fi butoanele de navigare.
- Pentru a doua opțiune, puteți decide să aplicați un stil dinamic și interactiv, fără buton de navigare și mult mai impunător decât opțiunea anterioară. Această opțiune se numește „scenă de erou”, deoarece aici veți pune mai mult accent pe animații și interacțiune.
- Ultima opțiune oferă un stil mult mai clasic, cu o defilare simplificată a imaginilor de la stânga la dreapta în animații destul de variate.
Notă : Ori de câte ori alegeți o opțiune, aveți o secțiune "Încărcați o presetare din acest tip de cursorCeea ce vă oferă variații avansate de tipul de slider pe care l-ați ales.
Nu voi putea explica toate variațiile, dar veți putea trage concluzii din imaginile disponibile. De exemplu, pentru tipul glisorului " Standard Aveți ca a patra variantă " Thumbs Bottom auto ", Care vă permite să creați un slider cu miniaturi în partea de jos și are o animație de derulare automată.
Secțiunea „Aspect diapozitiv”
Această secțiune vă permite să setați un aspect pentru glisorul dvs. Deci poți pleca ' Revoluția Slider »Alegeți automat lățimile pe care le va aplica glisorului, alegeți să aplicați lățimea completă pe glisor sau folosiți glisorul în modul ecran complet.
În funcție de ce opțiune alegeți, glisorul dvs. va fi diferit pe unele dispozitive. Aveți mai jos o secțiune de configurare a grilei în funcție de dispozitive (mobil, desktop, etc..). Rețineți că configurarea grilei vă permite să modificați marjele interne ale fiecărui slider.
Citește și Sfaturi 6 pentru optimizarea designului mobil al blogului tău
În partea de jos a acestei secțiuni, puteți alege să activați vizibilitatea de revărsat, să permiteți păstrarea aspectului radio și să setați o înălțime minimă.
Secțiunea „Personalizați, creați și implementați”
Această secțiune nu are de fapt o opțiune pentru plugin. Vă oferă câteva legături rapide către secțiuni importante.
Vom continua acum cu a doua coloană din dreapta.
Secțiunea Setări generale
Această secțiune vă oferă câteva setări care se vor aplica glisorului. Acesta este modul în care puteți:
În fila „Slideshow”
- Dezactivați glisorul în timpul trecerii
- Opriți glisorul după un număr setat de defilări
- Afișează diapozitive la întâmplare
- Buclați diapozitivul
- Dezactivați sau opriți glisorul pentru anumite dimensiuni ale dispozitivului
- Ultima opțiune „Așteptați revapi.revstart ()”, nu vă va fi utilă.
În fila „Defecte”
Puteți defini:
- Caracterul selectabil al straturilor
- Definiți identificatorul glisorului (se face automat)
- Durata minimă între lamele
- Timpul înainte de inițializare
- Trecerea între diapozitive
- Durata tranziției exprimată în microsecunde
- Dimensiunea imaginii
- Poziția CSS a imaginii de fundal
- Repetarea imaginii de fundal, dacă această imagine nu este suficient de mare
- Activarea opțiunii „ Video Muette Ceea ce vă permite să definiți tipul de animație, pozițiile dintr-un XY (da, ce înveți când trebuie să desenezi funcții de matematică) și alte elemente.
Fila barei de progres
Toate opțiunile din această secțiune sunt pentru bara de progres, pe care le puteți activa și personaliza.
Fila 1er Diapozitiv
Această secțiune vă permite să activați o primă diapozitivă alternativă. Acest lucru va permite „ cursor Pentru a încărca un " aluneca La alegerea ta mai întâi. Amintiți-vă că " diapozitive Sunt elemente care pot fi identificate.
Secțiunea „Aspect și vizual”
Fila „Aspect”
Această secțiune vă permite să configurați aspectul glisorului. În special, puteți defini să afișați o umbră sub glisor (foarte la îndemână dacă alegeți glisorul implicit, cu o marjă semnificativă mică).
Puteți alege, de asemenea, să afișați o suprapunere acoperită cu puncte transparente (acest lucru va face glisorul dvs. foarte original, dar dacă doriți să afișați informații care vor trebui citite în detaliu, va trebui să mergeți fără).
Apoi aveți fundalul glisorului, marja internă și imaginea în fundal (ceea ce trebuie să știți aici este că o imagine de fundal la acest nivel va fi afișată pe toate dvs. slide-uri).
fila „Spinner”
Această filă vă permite să definiți o animație în timp ce încărcați glisorul, nimic mai mult.
fila „Mobil”
Această filă vă permite să gestionați afișarea glisorului pe mobil. Trebuie să știți că traficul mobil este important și, prin urmare, nu trebuie să îl neglijați. Veți avea posibilitatea să ascundeți glisorul dacă dimensiunile mobilei (lățimea) sunt mai mici decât o cifră pe care ați determinat-o (în pixeli).
fila „Poziție”
Acest lucru vă permite să determinați poziția glisorului în raport cu pagina. Voi avea tendința să spun, în raport cu locația în care se află. Această opțiune nu trebuie modificată, deoarece presupunem că toți vrem ca glisorul să fie centrat.
Secțiunea „Navigație”
Această secțiune vă permite să activați butoanele de navigare între diapozitive de pe „glisorul” dvs. Aveți 6 opțiuni de navigare:
- săgeți
- Cipurile
- Taburile
- Miniaturile
- Efectul atingerii pe dispozitivele mobile
- Și navigarea cu tastele direcționale ale tastaturii
Fiecare opțiune, atunci când este activată, vă va permite să configurați poziția elementelor de navigație sau principiul lor de funcționare (setările implicite sunt de obicei suficiente).
Secțiunea „Setări carusel”
Această secțiune apare numai când alegeți tipul " Carusel Slider », Și vă permite să configurați opțiunile sale. Vei fi capabil sa:
- Activează derularea infinită
- Definiți un spațiu între diapozitive, dacă nu doriți să se atingă diapozitivele
- Setați un chenar rotunjit în pixeli
- Setați o marjă superioară mare (padding-top)
- Setați o marjă de sus mică (padding-bottom)
- Numărul de elemente vizibile prin „slide”
- « Elementul Strech", Vă permite să întindeți elementul astfel încât să ocupe întreaga lățime a" cursor »
Securitatea este un element important în timpul de funcționare al site-ului dvs. web și una dintre tehnicile care vă vor proteja împotriva atacurilor grave sau a erorilor este să faceți o copie de rezervă în mod regulat a blogului. Descoperiți-ne 5 Plugin-uri de backup pentru WordPress Blog
Secțiunea „Parallax & 3D”
Aici puteți activa opțiunea " 3D Pe glisorul tău.
Secțiunea „Probleme și gestionare”
Această secțiune vă permite să gestionați compatibilitatea cu dispozitivele vechi. Puteți simplifica glisorul pornit " IOS4 și Internet Explorer 8 ".
În caz contrar, puteți alege să afișați o imagine alternativă, atunci când browserul nu acceptă glisorul.
Secțiunea „Fonturi Google”
Această funcție vă permite să gestionați fonturile Google Fonts pe care le veți descărca și să le aplicați în glisor.
După ce ați definit parametrii cursorului. Tot ce trebuie să faceți este să faceți clic pe butonul de înregistrare.
Dacă pluginul WordPress Slider Revolution nu este preferatul dvs. atunci când vine vorba de crearea de glisoare pe site-urile web WordPress, aici oferim două alternative capabile să ofere funcționalități similare.
1. LayerSlider
LayerSlider este un plugin premium de animație multifuncțional WordPress. Vă oferă opțiunea de a crea prezentări de diapozitive și galerii de imagini cu efecte uimitoare, pagini de destinație și blocuri de pagini frumos animate sau chiar un site web complet.
Este una dintre alternativele capabile să concureze îndeaproape cu Slider Revolution. Editorul vizual drag and drop îl face foarte intuitiv pentru oricine să înceapă să-l folosească. Nu sunt necesare abilități tehnice sau de codificare. Selecția sa în continuă creștere de modele importabile este un punct de plecare ideal pentru proiecte noi și acoperă toate cazurile de utilizare obișnuite. Sunt realizate cu grijă și pot fi ușor personalizate pentru a răspunde tuturor nevoilor.
Suportul excelent și actualizările frecvente vă asigură că beneficiați la maxim de achiziții.
Mergeți mai departe cu acest puternic plugin WordPress citind acest articol Layer Slider: Un plugin WordPress pentru a crea un cursor
Descarca | Demo | web hosting
2. WP1 Slider
WP1 Slider este un plugin WordPress versatil. Este ușor de utilizat și are toate caracteristicile utile de care aveți nevoie pentru a crea diapozitive frumoase. Majoritatea plugin-urilor glisante sunt prea tehnice și au nevoie de mult timp pentru a le configura, dar WP1 Slider este conceput pentru non-programatori și oferă opțiuni incredibile.
Printre acestea veți găsi:dezvoltarea unor efecte Kenburn, 6 diferite modele de tranziții glisante,introducerea codurilor scurte, ao dată pe diapozitive prin tragere și plasare, chărțuire rapidă și SEO excelent,suport pentru partajarea pe mai multe rețele sociale, iintegrarea videoclipurilor YouTube și Vimeo, un layout epe deplin răspunzător, susținerea WooCommerce și altele.
Descarca | Demo | web hosting
Alte resurse recomandate
De asemenea, vă invităm să consultați resursele de mai jos pentru a merge mai departe în controlul și controlul site-ului și blogului dvs.
- 8 plugin-uri WordPress pentru a crea diagrame pe un blog
- 5 plugin-uri WordPress pentru a vă împărtăși articolele
- 6 plugin-uri WordPress pentru a asigura conformitatea RGPD a unui blog
- 8 plugin-uri WordPress pentru a adăuga un sistem de traducere pe un blog
Concluzie
Voila! Asta-i totul pentru această prezentare despre configurația pluginului WordPress Revoluția Slider. Vom continua într-un viitor tutorial, unde vom discuta despre proiectarea diapozitivelor.
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 sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.
Dar, dacă aveți observații sau sugestii cu privire la această chestiune, acestea vor fi binevenite în secțiunea de comentarii. Distribuiți mai ales acest articol pe diferite rețelele sociale.
bonjour,
As vrea sa stiu de ce fontul pe care l-am pus pe slider este afisat bine la vizualizarea lui, cand il includ pe site-ul meu nu mai este acelasi?
Salut Steffy,
Goliți memoria cache a browserului sau răsfoiți site-ul în modul privat. Acest lucru ar trebui să vă rezolve problema
Bună ziua, am creat 2 modele diferite. Acum vreau să trec de la cursorul meu online actual. Nu prea pot face asta. Poate cineva să dea sfatul magic? Multumesc anticipat!
Am creat un glisor4 și am plasat 3 diaspozitive în acest glisor. Dar pe pagina mea de pornire, revoluția glisorului arată doar un singur diapozitiv și nu afișează restul. Afișează doar primul diapozitiv. Când aduc, de exemplu, ultimul diapozitiv pe primul loc, revoluția glisorului afișează acest ultim și le lasă pe celelalte
Bonsoir,
Puteți partaja o captură de ecran a setărilor dvs.? Sau, exportați diapozitivul, apoi restaurați setările glisorului revoluției.
bonjour,
Aș dori să fac un glisor dinamic, aveți vreun fișier referitor la realizarea unui glisor cu efectele asupra mouse-ului peste.
mulțumesc
bonjour,
Nu, din păcate.
Bună ziua, am descărcat șablonul unui glisor, am reușit să modific textele și imaginile, sunt în revoluția premium a glisorului, totuși: putem vedea textul „a Slider Revolution ...” + linkurile către rețelele lor sociale de pe diapozitivul pff. Și nu pot găsi sau elimina acest text. multumesc anticipat
Bună seara Alicia,
Ați încercat să creați un nou glisor în loc să utilizați un șablon?
buna am o mica problema cand fac un glisor si vreau sa il modific pe mobil textele pe care le-am adaugat deja in glisor nu apar in glisorul mobil de ce (la modificare) ???
bonjour,
Puteți reformula cererea dvs.?
bonjour,
Am o problemă cu Revolution Slider. Se pare că nu găsesc o soluție, astfel încât fotografiile mele să nu fie decupate vertical.
Trebuie să aibă o casetă de selectare?
Vă mulțumim pentru întoarcere
Norbert
Bună seara,
Este necesar să optimizați dimensiunile imaginilor.
Bună ziua, revoluția slider-ului meu este tăiată în jurul marginilor datorită temei mele WordPress.
Ce sa fac?
mulțumesc
bonjour,
Încercați să dezactivați toate pluginurile și dacă problema persistă din cauza temei, modificați-o sau contactați vânzătorul.
bonjour,
pe revoluția cursorului aș vrea ca diapozitivul meu să pornească numai atunci când mouse-ul sau parola îl declanșează. Este posibil?
Ce parametru în cursor este activat?
Multumesc frumos.
putem face ambele, adică porniți un glisor cu mouse-ul / scroll și, de asemenea, puneți o întârziere de inițializare pe care am văzut-o în parametrii generali pentru a trata toate cazurile posibile simultan și a fi siguri vizitatorul site-ului vede acest glisor
merci beaucoup
Bună ziua Este posibil, dar în prezent nu avem tutoriale care să vă arate.
Mulțumesc.
Și în câteva cuvinte pentru că acum sunt familiarizat cu sliderrevolution.
Asta mă va ajuta
bonjour,
pe revoluția cursorului aș vrea ca diapozitivul meu să pornească numai atunci când mouse-ul sau parola îl declanșează. Este posibil?
Ce parametru în cursor este activat?
Multumesc frumos.
Putem să le facem pe amândouă, adică să pornim un glisor cu mouse-ul / scroll și să punem, de asemenea, o întârziere de inițializare pe care am văzut-o în parametrii generali pentru a trata toate cazurile posibile simultan și a fi siguri că vizitatorul site-ului vede acest glisor
Bună, bună seara, am o îndoială.
Am mai multe imagini în revoluția Slider și vreau să le ascund în versiunea mobilă minus prima. Am văzut că același plugin are capacitatea de a ascunde imaginile pe care le doriți în diferite dispozitive, dar problema este că ascunde imaginea doar deoarece continuă să detecteze că există mai multe elemente, deoarece bara timpul continuă să se încarce și lasă ecranul gol atunci când primul sare. Cum pot ascunde cu adevărat imaginile?
Merci beaucoup
bonjour,
Ați încercat să contactați asistența pentru pluginul slider Revolution? Veți găsi rapid o soluție.
Buna, am vrut să vă întreb cum să plasați cursorul în bara de meniu orizontal bara de navigare așa cum se întâmplă pe site-ul Apple.com în cazul în care meniul de mai sus și chiar sub cursorul (meniul pare să fie transparentă
mulțumesc
Andrea
Bună ziua, puteți partaja o captură de ecran ca exemplu? Nu prea înțeleg problema ta.
bonjour,
Vreau să fac un glisor care să conțină 2 sau 3 imagini pe care sunt scrise ghilimele. Problema mea este că atunci când scriu, citatul este prea lung și iese din fotografie, deci nu apare în întregime. Cu toate acestea, există spațiu în întreaga imagine. Cum se face?
Este necesar un titlu pentru fiecare diapozitiv. În mod implicit, am pus „citatul 1” și așa mai departe. Dar titlurile sunt afișate pe diapozitive ... De exemplu, „Citatul 1” este afișat în dreapta mică pe primul meu diapozitiv. Cum pot preveni apariția titlurilor?
Vă mulțumim anticipat pentru răspunsuri, ați ajuta studenții pentru un proiect tutorat!
bonjour,
Încercați să reduceți dimensiunea fontului. De asemenea, asigurați-vă că ați activat opțiunea mobilă pentru fiecare text.
bonjour,
Am întâmpinat o mică problemă cu acest glisor și, în ciuda multor cercetări, nu am găsit soluția. Poate ai putea să mă salvezi? 😉
Am configurat glisorul pe pagina mea de pornire, este impecabil, este foarte bun EXCEPȚIA faptului că atunci când mouse-ul este poziționat pe el, este imposibil să derulați. Trebuie să scot mouse-ul din diapozitiv pentru a putea derula în jos (în sus funcționează aparent). Acest lucru mă deranjează puțin pentru că mă tem că unii oameni nu înțeleg că trebuie să scoateți mouse-ul din diapozitiv pentru ao face .. (www.sarah-scaniglia.com). Am căutat prin toate setările, dar nu am putut să le găsesc ... și nu sunt expert în web.
Dacă găsiți soluția, sunteți minunat 😀
bonjour,
ai încercat asta?
1. Dezactivați alte pluginuri, cu excepția butonului Revolution, și testați din nou.
2. Activați tema WordPress implicită apoi testați
Acest lucru vă va informa dacă problema este legată de temă sau de un conflict cu un alt plugin.
De asemenea, verificați dacă aveți cea mai recentă versiune a pluginului.
Mulțumesc, voi încerca săptămâna viitoare și vă voi spune dacă a funcționat.
OK perfect
bonjour,
Imi puteti explica cum sa faceti un "Slider" cu un singur slide in interior pentru ca atunci cand incerc totul dispare la sfarsitul animatiei. Am pus „fără transmisie” în „animație de diapozitive”, dar nimic nu ajută ...
Vă mulțumim anticipat pentru ajutor.
Bonsoir,
Este greu de explicat în secțiunea de comentarii. Vă rugăm să vizionați videoclipuri pe Youtube.