Vi fortsætter i dag vores guide til Revolution Slider, men denne gang vil vi tale om diasshowet på en WordPress-side / artikel, men også vi vil udføre nogle avancerede konfigurationer på din skyderen. Jeg håber, at du siden begyndelsen af ​​disse guider træner derhjemme (det er en betydelig fordel at altid øve). Hvis du støder på et problem, minder jeg dig om, at du kan stille mig spørgsmål, jeg vil med glæde svare på dem.

For dem, der begynder med at læse denne vejledning, opfordrer jeg dig til ikke at gå glip af starten af ​​disse tutorials om Revolution Slider:

Hvis du har gennemgået disse trin, kan du fortsætte, ellers har du svært ved at følge mig.

Hvad du har brug for at vide om Slideshow

Revolution Slider er et plugin, der ikke afhænger af noget tema. I princippet kan slideshows af sidstnævnte vises på enhver type tema, men det er ikke altid sandt. Faktisk har ethvert tema CSS-stilregler, der kan være en hindring for korrekt visning af skyder. Nogle gange når du vælger en skyder et layout " fuld bredde Det vil flyde over og vises ikke som det skal.

I stedet for at lede efter et gratis tema, der til sidst vil være kompatibelt med Revolution Slider, anbefaler jeg at vælge et premium-tema, der allerede er kompatibelt med Revolutio Slider, og et af de temaer, jeg ser først, er " I alt Fra WPExplorer.

den-samlede-tema-wordpress-ramme

Et af eksemplerne, der retfærdiggør det faktum, at du skal tage et premium-tema, er visningen af ​​en skyderen Twenty Fourteen-tema.

Revolution-slider-tutorial-wordpress-slider-display-revolution

Du kan bemærke, at på dette billede repræsenterer området i rødt hele det aktuelle rum i temaet. Det blå område repræsenterer overløbet af skyderen på temaet. Du kan opleve, at displayet ikke er optimalt. Du finder flere WordPress-temaer kompatibel med Revolution Slider on ThemeForest

Når det er sagt, lad os finde ud af, hvordan man viser en skyder på en artikel / side

Sådan vises en skydeknap på en artikel

Revolution Slider giver dig mulighed for at tilføje skyder til dine sider / artikler på to måder.

Brug af kortkode

Du åbner konfigurationssiden og henter kortkoden. I afsnittet Glidertitel & kortkode Du vil bemærke 3 felter. 3e felt, der indeholder en kortkode, der begynder sådan her "[rev_slider..." er den, du skal bruge for at kopiere indhold.

Revolution-slider-recovery-of-kortkode

Alt hvad du skal gøre nu er at tilføje kortkoden i en artikel eller side efter eget valg.

Brug af knappen Tilføj skyderen på den visuelle editor

Hvis du ikke ønsker at gå tilbage til skydekonfigurationssiden hver gang, kan du bruge knappen tilføjet af revolutionsknappen i den visuelle editor.

add-en-slider-wordpress-tutorial

Hvis du klikker på det, åbnes et nyt vindue, hvor du kan vælge den skyder, du vil tilføje til din side.

add-en-slider-har-en-side-wordpress

Ved at vælge en skyder kan du specielt ændre rækkefølgen på lysbilleder. Denne ændring vil kun være effektiv med den brugerdefinerede kortkode, der vil blive genereret. For at ændre rækkefølgen af ​​dias skal du klikke på " Ændre Quick Slider ". Du får adgang til listen over dias, som du kan omorganisere ved " Træk og slip '.

træk-og-slip-revolution-skyderen

Når det er gjort, vil du bemærke en kortkode, der er tilføjet til den visuelle editor.

kortkode-revolution-skyderen

Alt hvad du skal gøre nu er at få vist din artikel. Det er alt, nu har du det grundlæggende at oprette en skyder på WordPress.

Nogle tip til avanceret brug af Revolution Slider

Nu hvor du ved, hvordan du bruger Revolution Slider, vil jeg give dig nogle Tricks som vil hjælpe dig med at være mere produktiv ved at bruge dette plugin.

Brug tastaturgenveje

Revolution Slider ønsker at være en komplet redigeringsprogram for slideshow. Som et resultat giver det dig mulighed for at bruge nogle tastaturgenveje, der giver dig mulighed for at arbejde hurtigere.

  • CTRL + S : At gemme dit arbejde
  • Retningspile : at flytte en artikel på din scene
  • Skift + Retningspile : giver dig mulighed for at flytte emner hurtigere
  • Skift + Ændre størrelse : udfør proportional skalering
  • Dobbeltklik : Åbn ændring af et element

Beher værktøjerne i diaseditoren

Diaset tilbyder værktøjer, der giver dig mulighed for nemt at flytte dine elementer. Vi har allerede talt om et gitter, men også du kan bruge justeringsknappen foreslået af Revolution Slider.

alignment-of-elementer-omdrejninger-skyderen

Disse justeringsknapper giver dig mulighed for at placere elementet, for den første linje fra venstre til højre, i den venstre ende af scenen, i midten af ​​scenen og helt til højre for scenen. For den anden linje, i den høje ende af scenen, i midten af ​​scenen og ved den basale ende af scenen. Ved at bruge disse knapper korrekt, kan du nemt centrere elementer i to klik.

element center-revolution-skyderen

Brug navigationsværktøjet mellem elementer i en scene

For let at finde elementer, der er tilgængelige i en scene, kan du bruge " tidslinje Eller den grundlæggende opdagelsesrejsende i en scene. Sidstnævnte er helt øverst på sceneredaktøren.

explorer-i-slide-revolution-skyderen

Ved at klikke på listen over opdagelsesrejsende vil du være i stand til at udføre forskellige operationer på emnerne, herunder:

  • Rediger et element: blyantikon
  • Ændr størrelsen på elementets proportioner: ikon med retningspile
  • Slet element: skraldespandikon
  • Duplikatelement: ikon med dobbelt side
  • Skjul et element: øjeikon
  • Lås et emne: hængelåsikon

Hvis du er opmærksom på dette samme område, vil du bemærke skyderens udvidelighedstestknapper. Dette giver dig mulighed for at få vist forhåndsvisning af din skyder på mobile enheder.

mode-revolution-responsiv-skyderen

Det er det til denne tutorial. Du er nu bevæbnet til at oprette en fantastisk skyder. Hvis du har spørgsmål, tøv ikke med at stille dem.