Vom continua astăzi ghidul nostru despre Revolution Slider, dar de data aceasta vom vorbi despre afișarea prezentării de diapozitive într-o pagină / articol WordPress, dar și vom efectua câteva configurații avansate pe glisorul tău. Sper ca de la începutul acestor ghiduri să exersezi acasă (este un avantaj considerabil să practicați întotdeauna). Dacă întâmpinați o problemă, vă reamintesc că îmi puteți pune întrebări, voi fi fericit să le răspund.

Pentru cei care încep prin a citi acest tutorial, vă invit să nu ratați începutul acestor tutoriale pe Revolution Slider:

Dacă ați parcurs acești pași, atunci puteți continua, altfel veți avea greutăți să mă urmați.

Ce trebuie să știți despre prezentare

Revolution Slider este un plugin care nu depinde de nicio temă. În principiu, prezentările de diapozitive ale acestora din urmă pot fi afișate pe orice tip de temă, dar acest lucru nu este întotdeauna adevărat. Într-adevăr, orice temă are reguli de stil CSS care pot fi un obstacol în afișarea corectă a glisierelor. Uneori, atunci când alegeți un glisor, un aspect " lăţime completă Se va revărsa și nu se va afișa așa cum trebuie.

În loc să caut o temă gratuită care să fie în cele din urmă compatibilă cu Revolution Slider, vă recomand să alegeți o temă premium care să fie deja compatibilă cu Revolutio Slider, iar una dintre temele pe care le văd în primul rând este " Total De la WPExplorer.

the-totală temă WordPress-cadru

Unul dintre exemplele care justifică faptul că trebuie să luați o temă premium este afișarea unui slider cu douăzeci și paisprezece tematice, de exemplu.

Revolution-slider-tutorial-WordPress-slider-display-revoluție

Puteți observa că pe această imagine, zona în roșu reprezintă tot spațiul curent al temei. Zona albastră reprezintă depășirea cursorului de pe temă. Este posibil să descoperiți că afișajul nu este optim. Veți găsi mai multe Teme WordPress compatibil cu Revolution Slider activat ThemeForest

Acestea fiind spuse, să aflăm cum să afișăm un glisor pe un articol / pagină

Cum se afișează un cursor pe un articol

Revolution Slider vă oferă să adăugați glisoare la paginile / articolele dvs. în două moduri.

Utilizând codul scurt

Accesați pagina de configurare și preluați codul scurt. În secțiune Slider Title & Shortcode Veți observa câmpuri 3. 3e câmpul care conține un cod scurt care începe astfel „[rev_slider...” este cel din care trebuie să copiați cuprins.

Revolution-slider-recuperare-de-SHORTCODE

Nu trebuie decât să adăugați codul scurt într-un articol sau pagină la alegere.

Folosind butonul de glisare adăugare pe editorul vizual

Dacă nu doriți de fiecare dată să vă întoarceți la pagina de configurare a glisorului, puteți utiliza butonul adăugat de glisorul revoluționar în editorul vizual.

add-un-slider-WordPress-Tutorial

Făcând clic pe ea, se va deschide o fereastră nouă unde puteți alege glisorul pe care doriți să îl adăugați pe pagina dvs.

add-un-slider-are-o-pagini-WordPress

Prin selectarea unui glisor, puteți schimba în mod special ordinea diapozitivelor. Această modificare va fi efectivă doar cu codul scurt personalizat care va fi generat. Pentru a schimba ordinea diapozitivelor, faceți clic pe „ Modificați rapid cursorul “. Veți accesa lista de diapozitive, pe care le puteți reorganiza prin " Drag and Drop ".

drag-and-drop-revoluție-slider

Odată terminat, veți observa un cod scurt adăugat la editorul vizual.

SHORTCODE-revoluție-slider

Tot ce trebuie să faceți acum este să vă previzualizați articolul. Atât, acum aveți elementele de bază pentru a crea un glisor pe WordPress.

Câteva sfaturi despre utilizarea avansată a Revolution Slider

Acum că știi cum să folosești Revolution Slider, îți voi oferi câteva Trucuri ceea ce vă va ajuta să fiți mai productiv în utilizarea acestui plugin.

Utilizați comenzile rapide de la tastatură

Revolution Slider vrea să fie un editor complet de prezentări de diapozitive. În consecință, vă permite să utilizați unele comenzi rapide de la tastatură care vă vor permite să lucrați mai rapid.

  • CTRL + S : pentru a vă salva munca
  • Săgeți direcționale : pentru a muta un element pe scena ta
  • Shift + Săgeți direcționale : vă permite să mutați elementele mai repede
  • Shift + Redimensionare : efectuați scalare proporțională
  • Faceți dublu clic : deschideți modificarea unui element

Stăpânește instrumentele editorului de diapozitive

Diapozitivul oferă instrumente care vă vor permite să vă deplasați cu ușurință elementele. Am vorbit deja despre o grilă, dar puteți utiliza și butonul de aliniere propus de Revolution Slider.

aliniere a-elemente-revoluții-slider

Aceste butoane de aliniere vă permit să plasați elementul, pentru prima linie de la stânga la dreapta, la capătul stâng al scenei, în mijlocul Scenei și în extremitatea dreaptă a scenei. Pentru a doua linie, la capătul înalt al etapei, la mijlocul etapei și la capătul de bază al etapei. Folosind corect aceste butoane, puteți centra elementele cu ușurință în două clicuri.

Element centru-revoluție-slider

Utilizați instrumentul de navigare între elementele unei scene

Pentru a găsi cu ușurință elemente disponibile într-o scenă, puteți utiliza „ cronologie Sau exploratorul elementar al unei scene. Acesta din urmă se află în topul editorului de scenă.

Explorer-in-slide-slider revoluție

Făcând clic pe lista exploratorului, veți putea efectua diverse operații asupra articolelor, inclusiv:

  • Editați un element: pictograma creion
  • Redimensionați proporțiile elementului: pictogramă cu săgeți direcționale
  • Ștergeți elementul: pictograma coș de gunoi
  • Element duplicat: pictogramă de pagină dublă
  • Ascundeți un element: pictograma ochi
  • Blocați un element: pictograma lacăt

Dacă acordați un pic atenției acestei zone, veți observa butoane de testare a extensibilității glisante, acest lucru vă va permite să previzualizați afișarea glisorului pe dispozitivele mobile.

moda-revoluție-receptiv-slider

Asta e pentru acest tutorial. Acum sunteți înarmați pentru a crea un glisor minunat. Dacă aveți întrebări, nu ezitați să le puneți.