Treci la conținutul principal

Slider Revolution: configurarea unui glisor pe WordPress

Divi: cea mai ușoară temă WordPress de utilizat

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62. [Recomandat]

Doriți să configurați pluginul WordPress Slider Revolution?

De la începutul acestei serii de tutoriale dedicate pluginului WordPress  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.Slider Revolution - pluginul WordPress Slider Revolution

"" 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 o temă WordPress care să integreze nativ acest puternic plugin WordPress, 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.

Word slider Revolution

Acum faceți clic pe element Slider nou Și veți ajunge la interfața de configurare a glisorului.

nou-slider-slider-revoluție-tutorial

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

bar de instrumente-revoluție-slider

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”

conținut-sursă de revoluție-slider

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 slider pentru produsele 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ă).

titlu și du-slider SHORTCODE

Secțiunea „Selectați un tip de glisor”

selectați-un-fel-de-slider-slider-revoluție

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:

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați cu ușurință orice design de site web cu un aspect profesionist. Nu mai plătiți scump pentru ceea ce puteți face singur. [Gratuit]

  • 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.

schimba-de-tip-de-slider

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ă.

degetele-jos auto-slider-revoluție-tutorial

Secțiunea „Aspect diapozitiv”

slider-layout-revoluție-slider

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.

personaliza-build-Implement

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”

aspect-și-vizual

Fila „Aspect”

Căutați cele mai bune teme și pluginuri WordPress?

Descărcați cele mai bune pluginuri și teme WordPress pe Envato și creați cu ușurință site-ul dvs. Web. Deja mai mult de descărcări 49.720.000. [EXCLUSIV]

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).

configurare-navigare-revoluție-slider

Secțiunea „Setări carusel”

Parametrul-du-secțiunea carusel revoluție-slider

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.

salvați-o-slider-slider-revoluție

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.Pluginul Wordpress Layerslider creează glisorul 1

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

Creați ușor magazinul dvs. online

Descărcați gratuit WooCommerce, cele mai bune pluginuri de e-commerce pentru a vă vinde produsele fizice și digitale pe WordPress. [Recomandat]

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.Pluginurile Wp1 slide pro wordpress creează prezentări de diapozitive site-uri web

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.

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.

Acest articol conține comentarii 29

  1. 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!

  2. 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

    1. Bonsoir,

      Puteți partaja o captură de ecran a setărilor dvs.? Sau, exportați diapozitivul, apoi restaurați setările glisorului revoluției.

  3. 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

  4. 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

  5. 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) ???

  6. 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

    1. bonjour,

      Încercați să dezactivați toate pluginurile și dacă problema persistă din cauza temei, modificați-o sau contactați vânzătorul.

  7. 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

  8. 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

  9. 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

  10. 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

  11. 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!

    1. bonjour,

      Încercați să reduceți dimensiunea fontului. De asemenea, asigurați-vă că ați activat opțiunea mobilă pentru fiecare text.

  12. 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 😀

    1. 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.

  13. 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.

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.

Inapoi in top
10 acțiuni
acțiune2
tweet1
Registru7