Sada možemo započeti ozbiljne stvari. Izrada klizača na Slider Revolution može u početku biti prilično mučno. Izgubit ćete svoje ležajeve, jer ćete htjeti znati gdje je ovaj ili onaj element.

Oslobađate se od klizačke revolucije tako što ćete vježbati s navikom i čitajući ovaj vodič.

Tijekom naših prethodnih vodiča otkrili smo kako:

• Preuzmite i instalirajte Slider Revolution
• Kako razumjeti korisničko sučelje Slider Revolution Home
• Kako postaviti dijaprojekciju na Slider Revolution

A sada kada smo postavili svoj klizač, kreiraćemo slajdovi Od " klizač ".

Kako započeti s uređivačem "Slajdovi"

U principu, nakon što spremite konfiguracije klizača, pristupate u novo sučelje koje vas uvodi u uređivač " slajdovi ".

Na samom vrhu primijetit ćete istu alatnu traku koja vam omogućuje da se vratite na popis "klizača ili klizača", na parametre klizača i na pregled klizača, među ostalim.

Otkrijte i naše 10 WordPress dodataka koji vam omogućavaju da ocjenjujete postove na blogu

Na dnu imamo novi odjeljak koji nam omogućava da vidimo, globalne slojeve, različite "slajdove" i dugme za dodavanje novog " klizanje ".

Klikom miša iznad gumba dijapozitiva primijetit ćete da se prikazuju nove mogućnosti. Ove su opcije prilično jasne i lako razumljive (duplikat, dodajte u predložak kako biste ga kasnije ponovo iskoristili i izbrisali slajd).

Klikom miša iznad gumba za dodavanje slajda primijetit ćete druge mogućnosti koje omogućuju dodavanje praznog slajda, dodavanje više slajdova, dodavanje slajda iz predloška (modèle).

Trenutno se nalazite na slajdu 1, zbog čega je isti istaknut na dijapozitivu. Ako napravite novi slajd, on će biti označen umjesto prvog slajda.

Pomicanje revolucije na ovom nivou je prava nadzorna ploča. Ako vam objasnim sve, nećete puno razumjeti, pa ću izbjeći da pričam o značajkama koje mogu biti zbunjujuće i nisu bitne.

Pročitajte naš članak o 6 WordPress plugins za kompresiju slika za vaš blog

Kad ste odabrali slajd, možete započeti s uređivanjem u sljedećem odjeljku. Ovaj se odjeljak sastoji od nekoliko kartica (7) koji vam omogućavaju pristup raznim funkcijama.

Kako dodati pozadinsku sliku na scenu

Prva stvar koju ćete prvo htjeti učiniti je dodati pozadinu našem slajdu. Ovdje imate izbor između: pozadinske slike (iz vaše medijske biblioteke), vanjskog URL-a koji upućuje na sliku, prozirne pozadine koja će koristiti boju koju je predložio WordPress tema, fiksna boja, Youtube, Vimeo ili HTML5 video. Mi ćemo izabrati pozadinu" slika ".

Na internetu možete pronaći mnogo besplatnih slika. Samo pretražite Google. 

Kada dodate sliku, to se odmah primjenjuje u pregledu slajda i u "sceni".

Kako dodati element u scenu

Sad kad imamo dobro uređenu scenu, dodaćemo element. Svaki element koji dodate sceni smatra se slojem ili slojem. Ova značajka sloja pomoći će vam da mi vjerujete.

Da biste dodali predmet na scenu, zadržite pokazivač miša iznad Dodaj sloj ".

Primijetit ćete da možete dodati nekoliko različitih elemenata, uključujući: tekst / HTML, slike, audio, video, dugme, oblik, objekt i uvesti element.

Započet ćemo dodavanjem prozirne slike Snoopy-a.

Zatim dodajte ovu sliku u scenu i imat ćete ovako nešto:

Primjetit ćete da su u četiri ugla slike mali kvadrati. Ovi kvadrati nam omogućuju promjenu veličine slike, jer u ovom slučaju Snoopy zauzima puno prostora.

Promjena veličine radi " kočnica ". Da biste promijenili veličinu i zadržali proporcije, držite " Maj S vaše tastature dok mijenjate veličinu.

Pogledajte i naše 10 WordPress plugins koji će vas učiniti boljim Bloggerom

Sada Snoopy izgleda ovako, prikladnije je. Sliku možete i preokrenuti pomoću indikatora koji se nalazi u gornjem desnom uglu svake slike, poput ovog:

Kako pozicionirati elemente pomoću rešetke pomoći

Rešetka pomoći je vrijedan element koji pomaže da se elementi bolje pozicioniraju. Možete aktivirati rešetku za pomoć u donjem lijevom dijelu pozornice.

Ova rešetka ima pločice različitih veličina, što je manja veličina, točniji ćete biti u postavljanju elementa.

Kako dodati animacije

Postoje 3 vrste animacija na Slider Revolution: ulazne animacije, animacije za vrijeme (postojanje elementa u sceni) i završiti animacije.

Pogledajte i naše 6 WordPress plugins za kompresiju slika za vaš blog

Da biste dodali animaciju elementu, prvo je morate odabrati klikom na nju (kad je element odabran, uokviruje ga isprekidana linija sa promjenjivim uglovima).

Dakle, kliknite na Snoopy, idite na stranicu i kliknite na karticu « animacija ".

Na prethodnoj slici imam ulazne animacije plavom bojom, a izlazne animacije crvenom bojom.

Da biste promijenili animaciju, kliknite padajuću listu nakon ikone tekućeg čovjeka.

Tada vam stoji na raspolaganju širok izbor animacija. Prepuštam vam da odaberete animaciju koju želite definirati za unos elementa. Sa svoje strane izabrao sam " easeOutElastic », Da biste dobili ovaj rezultat:

Evo za vas naše 4 WordPress dodaci za poboljšanje podnožja vašeg bloga

Dalje lijevo možete odrediti trajanje animacije i način animacije koji trebate ostaviti na " Nema podele Jer se ostale mogućnosti odnose samo na tekst, a ne na slike.

Pročitajte takođe Kako sakriti naslove članaka i WordPress stranica

Sada bih želio plutati Snoopy, radi toga idite na " petlja A na padajućoj opciji odaberite " talas ". Sada Snoopy pluta:

Kako konfigurirati vidljivost elemenata

Moj Snoopy pluta, ali ne želim da bude vidljiv na mobilnom. Dakle, kliknite na " vidljivost »A na ikoni pametnog telefona provjerite je li deaktivirana:

Kako prilagoditi ponašanje elemenata

Da biste optimizirali učitavanje klizača, možda ćete htjeti odgoditi učitavanje slika. To se radi u kartici " ponašanje Sa opcijom " Lazy Loading ". Možete čak primorati reaktivnost elemenata.

Kako stvoriti prilagođene okidače na elementu

Radnje omogućuju povezivanje okidača sa određenim radnjama. Da biste dodali okidač, kliknite na karticu Akcije »Zatim na dugme« + ».

Postoje 3 tipovi okidača:

• Klik, koji klikne mišem
• Ulaz miša preko elementa
• Izlaz miša iznad elementa

Lista akcija je prilično dugačka. Na primjer, možete preusmjeriti korisnika koji klikne na Snoopy na drugu stranicu odabirom akcije " Jednostavna veza Što će donijeti nove mogućnosti.

Otkrijte i naše 10 premium WordPress dodaci iz rezervacije i rezervacije

Kako se koristi Slider Revolution TimeLine

Slider Revolution nudi sučelje za upravljanje vremenom na dnu. Ovo sučelje vam omogućuje da vidite gdje animacija elementa započinje i gdje završava.

Na prethodnoj slici primijetit ćete dvije plave strelice. Prvo s lijeve strane označava početak animacije unosa elementa, a drugo označava kraj animacije unosa. Tamnocrvena boja označava život stavke u sceni.

Pročitajte takođe Kako dodati odbrojavanje na svoj WordPress blog

Naći ćete i kraj sličan drugom kraju trajanja (animacija unosa, životni vijek i krajnja animacija).

Sa " Timeline Vi ćete moći kontrolirati koji se element prikazuje prije, a koji prvi prvo nestaje. To je vrlo praktično sredstvo koje trebate savladati da biste napravili dobru animaciju.

Vremenska linija takođe ima uređaj koji možete aktivirati za pregled slajda.

Do tada sam vam dao osnove za kreiranje slajda. Sada spremite klizač i započnite pregled.

To je sve za ovaj tutorial, u sljedećem ćemo govoriti o prikazivanju klizača na članku i nekim naprednim operacijama.

Otkrijte i neke teme i premium WordPress dodatke  

Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. Disk Audio

Disk Audio je drugi WordPress dodatak koji će vam pomoći da prikažete audio plejer direktno na vašoj web stranici samo pritiskom na dugme. Raspored audio plejera je potpuno prilagodljiv, tako da će mobilni korisnici moći da uživaju u njegovim karakteristikama bez ikakvih problema.

Pored toga, nudi brojne mogućnosti prilagodbe, uključujući sheme boja, izgled, pozadinske slike i neprozirnost. Ima nekoliko opcija za upravljanje tipkovnicom i njime takođe vam omogućava da vidite svoju listu pjesama sa podesivom trakom za pomicanje.

Pročitajte takođe: 10 WordPress plugin za poboljšanje istraživanja na svom sajtu

Također ćete moći umetnuti veze za preuzimanje na muzički uređaj kako biste pokazali korisnicima kuda mogu kupiti pjesmu koja se reproducira na vašoj web lokaciji. 

download | Demo | web hosting

2. Event Booking Pro

Ovo je drugo WordPress dodatak 100% prilagodljiv, jednostavan za prilagođavanje i posvećen upravljanju rezervacijama na bilo kojoj web stranici koja nudi svoje usluge u područjima događanja.

Njegove glavne karakteristike uključuju: prilagođavanje teksta, boje, obruba i drugo, podrška za PayPal, upravljanje kodovima kupona i kupona, podrška za Google Maps, podrška za upravljanje e-mailovima,  podršku prečica, intuitivna kontrolna ploča, lako kreiranje događaja, potpuna kontrola izgleda itd.

download | Demo | web hosting 

3. Social Share & Locker Pro

Proširenje Social Share & Locker Pro osmišljeno je da pomogne vašoj web lokaciji da bude vidljivija na društvenim mrežama. Sa samo nekoliko klikova možete postaviti položaj ikona na društvenim mrežama ili zaključati sadržaj zahtijevajući dijeljenje na jednoj od društvenih mreža koje vam nude.

Imate 10 unaprijed definirane teme i to bi trebalo pokriti najčešće želje. Sve su joj teme Retina i radna čuda. 

30 stvari koje treba uraditi o objavama u blogu nakon objavljivanja Otkrijte ih savjetujući ovaj članak.

Takođe, sa Social Share & Locker Pro moći ćete prikazati puno ime društvenih mreža ili samo ikonu. Ovisit će o vašem dizajnu, raspoloživom prostoru ili vašim željama.

download | Demo | web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći da izgradite i upravljate svojom web stranicom.

• Kako postati uspješan bloger i zaraditi novac WordPressom
• Kako integrirati Google obrasce na WordPress
• Kako kreirati politiku privatnosti na WordPressu
• 6 WordPress dodaci za osiguranje RGPD sukladnosti bloga

zaključak

Ovdje je ! To je sve za ovaj vodič. Nadamo se da vam je ovaj vodič dao osnove stvaranja prezentacije s Slider Revolution na WordPress blogu ili web lokaciji. Ako imate bilo kakva pitanja, prijedloge ili primjedbe, ostavite ih u našem odjeljku komentari.

Međutim, takođe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada WordPress bloga

Ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama. 

...