Les klizači su elementi koji se mogu naći na gotovo svim početnim stranicama web stranica. Smart Slider 3 je moćan dodatak dostupan u besplatnoj i premium verziji.

Glavne značajke ovog dodatka

Kao svojstvo, on nudi između ostalog:

  • Intuitivno korisničko sučelje
  • Prevlačenje i povlačenje graditelja video stranica sa Preview Live / 8
  • Dinamični dijapozitivi koji se mogu stvoriti pomoću članaka i filtrirani prema ID-u ili prilagođenim stranicama
  • Stvaranje klizača (Dinamički) s raznih društvenih mreža (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube i više).
  • Prilagodljivi klizači za upravljanje 
  • Klizne animacije u pozadini (Ken Burns)

Besplatno vs Premium

Ako je sve što tražite osnovni klizač, Smart Slider 3 dostupan je na WordPress.org u direktoriju dodataka. Čak je i besplatna verzija impresivna i posebna u usporedbi s nekim drugim klizačima.

Osobna licenca za jednu web lokaciju košta samo 25 USD (obnavljanje je na 15 $).

Smart-klizač-Predlošci

Postoje neke ključne razlike između besplatne i premium verzije u pogledu sadržaja i značajki. Evo što ćete dobiti s premium verzijom:

  • Neograničen generator dinamičkih dijapozitiva
  • Napredne naredbe
  • Stručni način rada
  • Animacije u pozadini
  • Preglednik i urednik slika
  • Demonstracije klizača 43

Vodič: Izrada osnovnog klizača

Ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog.

Nakon što se aktivira, WordPress plugin Slider Smart postavlja vlastiti izbornik na dno WordPress administratorske ploče.

Ako nikada niste instalirali a WordPress plugin otkriti Kako instalirati dodatak u WordPress

Kliknite na izbornik Smart Slider, glavno sučelje se otvara gdje je prva opcija koju ćete vidjeti veliki zeleni gumb: " Stvaranje Slider » koji otvara početni prozor konfiguracije kao što vidite dolje.

Smart-Slider-Stvaranje-Slider

Odatle možete imenovati svoj klizač i odabrati općeniti stil. Postoji mnogo stilova koje možete odabrati (poput pune širine, cijele stranice, vrtuljka, sličice i još mnogo toga), ali idemo s klizačem za blok na temelju izgleda naše postojeće web stranice.

Kliknite "Stvoriti" i Slider Smart započet će s dizajniranjem vašeg osnovnog modela klizača. Nakon nekoliko sekundi naći ćete se na stranici koja sadrži sve osnovne detalje o dodatku.

Otkrijte Kako izraditi politiku privatnosti na WordPressu

Prvo što ovdje treba napomenuti je odjeljak " Objavi Slider". Morat ćete koristiti jednu od ove tri metode (Uređivač kratkog koda, uređivač stranica ili pošte ili PHP kôd) kada dođe vrijeme za objavu slajda (n ° 1 ispod). Prije nego što to možemo učiniti, moramo napraviti slajdove.

Tu dodatak doista pokazuje jednostavnost upotrebe.

Sve što trebate je kliknuti zeleni gumb " Dodaj slike slajd '(n ° 2 ispod) i otvorit će se vaša knjižnica medija. Odatle možete odabrati koliko god želite slika ili započeti sa samo jednom, a zatim kliknite " odabrati U prozoru biblioteke medija.

Smart-Slider-Novi Slajdovi

Remarque: Pri odabiru slajda niste ograničeni na slike. Također možete koristiti videozapise ili članke, kao i izrađivati ​​prazne, statične ili čak dinamične slajdove.

savjetovati Kako duplicirati (kopirati) stranice na WordPressu: Vodič

Smart Slider učitava vaš slajd u sučelje i spremni ste za spremanje i objavljivanje ili započinjanje prilagođavanja. Međutim, ako objavim prezentaciju, to će dobro funkcionirati, ali nije baš ono što sam tražio, kao što možete vidjeti na donjoj slici.

Pametni klizač izvan središta 1

Da bih to ispravio otišao sam na jelovnik "Veličina" i spustio sam se do odjeljka osjetljiv način rada, Izbor je bio "Puna širina", pa sam izabrao "Auto" i spasio moj napredak. Odatle sam se vratio na " Opći „i odabran centar poravnanje.

Smart-Slider-veličina-promjena

Kad ovdje govorim o jednostavnosti upotrebe, imajte na umu cijeli ovaj postupak trajao je manje od 5 minuta za moj prvi pokušaj.

Sada je vrijeme za rad na samom slajdu. Kad u pokazivaču zadržite pokazivač iznad slajdova, primijetit ćete da se u gornjem lijevom kutu pojavljuje zeleni okvir. Kao što ste mogli pretpostaviti, klikom ćete označiti ovaj slajd kao prvi u nizu.

Vidi također 5 izvrsna premija WordPress dodataka za dodavanje klizača

S mojim klizačem stvorenim i pozadinom na mjestu, bilo je vrijeme da dodam malo sadržaja i prijelaza. Da bih izveo ovaj korak, jednostavno sam kliknuo na slajd koji sam želio urediti i koji ide u odjeljak slojeva.

Na desnoj ploči ima puno pojedinačnih postavki, ali ako se pomaknete prema dolje, pronaći ćete sliku slajda. Zatim možete kliknuti na jednu od stavki na lijevoj ploči da biste ih postavili na slajd.

Smart-Slider-Elementi

Stvaranje ovih dijapozitiva je druga škola. Dostupno je toliko mnogo mogućnosti. Da biste dobili ideju o fleksibilnosti ovog dodatka, pogledajte što svaki element može učiniti za vaš klizač putem:

  • Izbornik stavki
  • animacije
  • Postavke sloja

U svakom od tih izbornika postoji više podizbornika. Na primjer, kada stvorite tekstualni element, možete prilagoditi postavke fonta kao što su: 

  • Obitelji font
  • Boja teksta
  • veličina slova
  • Visina linije
  • Dekoracija teksta
  • Poravnanje
  • Razmak između slova i riječi
  • Postavke za uređivanje teksta
  • Sjena teksta

Svaki tekstualni element na vašem klizaču može imati jedinstvene postavke, jedinstvene animacije i vlastite postavke sinkronizacije. Postoji čak i odjeljak za Prilagođeni CSS.

Dok dodajete elemente i animacije na svoj dijapozitiv, na pro verziji ćete primijetiti i funkciju kalendara koja vam omogućava kontrolirati vrijeme prikaza pojedinih elemenata i trajanje njihovih animacija pomoću jednostavnih klizača.

Oslanjao sam se na ovu značajku prilikom dodavanja različitih slojeva za ovaj slajd nešto kasnije.

Smart-Slider-Timeline

Dodavanje slojeva i animacija

S našim klizačem na mjestu i instaliranom pozadinom, vrijeme je da predstavimo neke drugačiji elementi i slojevi. Za početak ćemo dodati sliku snjegovića na tobogan. Da bih to učinio idem na izbornik "Slojevi" i kliknite na "Slika". Ovo će postaviti izmišljenu sliku na dijapozitiv.

Otkrijte i vi Kako konfigurirati dodatak WordPress Slider Revolution

Odatle možete kliknuti na lažnu sliku dolje lijevo, a zatim odabrati i promijeniti joj veličinu u biblioteci medija.

Smart-Slider-slika-Element-promjena veličine

Nakon što odaberem, umetnem i promijenim veličinu slike, vrijeme je da dodam osnovnu animaciju koja se može izvesti u samo nekoliko koraka.

Prvo je odabrati karticu "Animacije" kao što se vidi dolje. Kada završimo, kliknuti ćemo na zeleni gumb za animaciju "U".

Smart-Slider-animacija

Sljedeći je zaslon na kojem mogu odabrati svoju animaciju, kao i prilagoditi raspored. Za ovaj određeni slajd uvodim animaciju "DESNO" i povećavam trajanje na 2200 ms.

Tražite li ftp za upravljanje WordPress datotekama i mapama, otkrijte Kako koristiti FTP na Windows 10

Također ću dodati odgodu od 300ms. Na dnu ovog zaslona postoji opcija za određeni događaj i okidač za tu animaciju, poput lebdenja miša ili klika na slajdu. Neću komplicirati s ovim postavkama za ovaj primjer.

Smart-Slider-In-animacije-postavke

Tada ću dodati malo teksta. Slijedom istog postupka kao gore, kliknite stavku " dodavanje teksta I izvršite potrebne prilagodbe. Upisao sam tekst, a zatim otišao do postavki fonta gdje sam promijenio veličinu i boju.

Dodam animaciju " Fade In I prilagodio kalendar tako da započinje odmah nakon animacije snjegovića.

Također ćete primijetiti na ovom izborniku da postoji mogućnost da imate određeni tekst za tablete i uređaje mobilni. Ovo je sjajan primjer vrsta značajki koje ovaj dodatak čine tako fleksibilnim i jednostavnim za upotrebu.

U nekim "drugim" klizačima bio bih prisiljen koristiti medijski upit i prilagođeni CSS.

Smart-Slider-text-Layer-Opcije

Na kraju dodam još dva sloja. Prvi je sloj teksta, a drugi sloj slike. Opet, prolazim kroz potpuno isti postupak kao gore, ali uzeo sam malo dodatka u vremenu animacije. Konačne rezultate možete vidjeti u nastavku.

Sve u svemu, kreiranje ovog slajda bio je proces u trajanju od 20 minuta.

Napomena: Pretvorite ovaj slajd u GIF izmijenit će određene rokove prekrasnih odabranih animacija koje sam pažljivo sastavio.

Voila! Nakon isprobavanja puno dodataka WordPress klizača, i besplatnog i premium, iskreno mogu reći da je ovo jedan od najboljih koje sam ikad testirao. Nije samo jedna specifična karakteristika ono što ga čini jedinstvenim. To je kombinacija stvari koja pokazuje koliko je ovaj dodatak sjajan.

Važno je napomenuti da nisam obuhvatio svaku pojedinu značajku.

Otkrijte i vi Kako znati koja se tema koristi na blogu za WordPress

Siguran sam da bih, ako bih proveo malo više vremena radeći s ovim dodatkom, našao nekoliko stvari koje bih želio promijeniti, a možda čak i nekoliko grešaka. Mislim da jednostavnost upotrebe ljude zadržava tamo dovoljno dugo da na kraju mogu u potpunosti iskoristiti mnoštvo ponuđenih značajki. I vjerujte mi, ima ih mnogo.

Preuzmite Smart Slider 3

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

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

1. Graditelj stranica WooCommerce

WooCommerce Page Builder je a WordPress plugin vrlo popularan koji nudi prilično dosljedan broj kratkih kodova i koji vam omogućuje stvaranje nekoliko vrsta personaliziranih stranica (proizvod, košarica, naplata, "moj račun") na vašoj web stranici WooCommerce. To je produžetak Vizualni dodatak Skladatelj koje morate unaprijed instalirati.WooCommerce-stranicu-graditelj

Zahvaljujući ovom dodatku imat ćete mogućnost izraditi web stranice e-trgovine jedinstven korištenjem bilo kojeg WordPress tema, i zaraditi mnogo novca.

Preuzmite | demo | Web hosting

2. Elementor

Izvorno pokrenut 2016. godine, dodatak Elementor WordPress jedan je od najmlađih kreatora stranica na ovom popisu. Unatoč kasnom početku, Elementor je brzo stvorio preko 1 aktivnih instalacija na WordPress.org, čineći ga jednim od Vizualni graditelji najpopularnijih stranica WordPressa.

element ili pro e1544277036401
Njegova reputacija je fluidno vizualno sučelje, različite stilske mogućnosti i druge moćne značajke, poput cjelovitog stvaranja WordPress teme.

Njegovo sučelje podijeljeno je u dva glavna dijela, s trećom zonom za određene parametre. Besplatna verzija Elementor nudi 28 besplatne widgete. Pro verzija donosi 30 ostale widgete, ukupno 58 widgeta u Pro verziji. Besplatna verzija uključuje oko 40 besplatnih predložaka, dok Pro verzija donosi stotine dodatnih predložaka.

 Preuzmite | demo | Web hosting

3. Ninja Popups

S više od 30 000 prodaja i ocjenom od 4,4 zvjezdice, Ninja Popups jedan je od WordPress plugins najpopularniji dostupni na Code Canyonu.

Ninja Popups wordpress dodaci stvaraju skočne iskačuće prozore

Uz širok spektar modela za raznoliku uporabu, također dolazi s nekoliko značajki kao što su: vizualni graditelj Popup, 10 različitih pozicija prikaza za skočne prozore, 74 različita efekta animacije, tehnološka podrška protiv blokiranja za zaobilaženje blokatora oglasa, razne opcije ciljanja, statistika u kontrolna ploča, blokiranje sadržaja za prijavu e-pošte ili dijeljenje na društvenim mrežama, mnoštvo integracija s uslugama marketinga e-pošte i još mnogo toga.

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

Zaključak

Ovdje je ! To je sve za ovaj vodič i nadam se da će vam pomoći da lako napravite klizače ili dijapozitive uz pomoć WordPress dodatak Smart-SliderAko vam se svidjelo, ne oklijevajte dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama

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

Ali, u međuvremenu, recite nam nešto o svom Komentari i prijedloge u posebnom odjeljku.

...