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

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

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:

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

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

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.