Acest plugin folosește un script carusel orizontal Jquery ușor.
A fost descărcat de peste 5 mii de ori, deși ratingul nu este foarte mare (3,5). Cu toate acestea, modulul este foarte actualizat, acceptă cea mai recentă versiune de WordPress 4.2.2. Puteți seta directorul de pe site în care sunt stocate imaginile pentru glisor. Din păcate, nu există posibilitatea de a adăuga descrieri la imagini și link-uri.
Caracteristici ale glisorului orizontal Tiny Carusel:
- Personalizare ușoară.
- Suportat de toate browserele + capacitate de răspuns.
- Shortcodes pentru inserarea în postări / pagini de blog.
- Suport pentru navigare prin taste, pauză la trecerea mouse-ului.
- Setarea numărului de imagini și a intervalului de comutare a acestora.
In general, pluginul este cat se poate de simplu, potrivit pentru afisarea siglelor clientilor, unde nu este nevoie de un link pentru a ajunge pe site. Sau poate fi folosit și pentru o funcție decorativă - afișarea operei de artă, de exemplu.
Am ajuns să aleg acest plugin pentru că vă permite să adăugați link-uri pentru logo-uri. În caz contrar, acesta este un glisor orizontal tradițional.
Modulul a fost descărcat de peste 20 de mii de ori, versiunea este suportată oficial până la 4.1.5 (am testat-o normal pe 4.2.2). Evaluarea generală a modulului este foarte mare - 4,7 puncte. Este construit pe bibliotecile bxSlider și Simple Page Ordering. Funcționează prin analogie cu postările de blog obișnuite, folosind taxonomia: într-o secțiune separată creați elemente de logo și le atribuiți unui anumit glisor (cum ar fi postări și categorii).
Avantajele cheie ale Caruselului cu logo Kiwi:
- Acceptă crearea mai multor glisoare diferite pe pagină, fiecare cu propriile imagini și setări.
- Are efectul de logo-uri alb-negru care devin colorate la hover.
- Posibilitatea de a insera carusel orizontal prin funcția PHP sau shortcode (pentru postări / articole).
- Setarea ordinii logo-urilor în glisor prin glisare și plasare elemente în panoul de administrare WordPress.
Unul dintre avantajele modulului este adaptabilitatea acestuia. Din păcate, au existat câteva probleme cu asta. Am marcat opțiunile corespunzătoare în setări, dar glisorul a funcționat ciudat: de obicei pozele sau numărul de elemente carusel sunt reduse, dar aici s-a schimbat pur și simplu zona de afișare.
Glisor ușor pentru logo
Plugin-ul nu este foarte nou, dar conform descrierii a fost destul de potrivit pentru rezolvarea problemei mele - există logo-uri cu link-uri și un glisor orizontal.
Sunt peste 8 mii de descărcări, deși estimarea este de doar 3,8. Cea mai recentă versiune acceptată este listată ca WordPress 3.9.6. Lucrul cu modulul este destul de simplu, principalele sale caracteristici:
- Ușurință în utilizare și greutate redusă a scriptului.
- Receptivitatea.
- Glisare automată și pauză la hover.
- Posibilitatea de a adăuga link-uri și descrieri pentru logo-uri.
- Creați mai mult de un glisor orizontal cu opțiuni diferite.
„Problema” cu Easy Logo Slider este că nu puteți dezactiva derularea automată a imaginilor - adică caruselul rulează tot timpul. Cel puțin nu am găsit asta în setări. Deși totul în rest (în special interfața) arată destul de bine.
Pluginul folosește jQuery și biblioteca carouFredsel. Caracteristica sa distinctivă este afișarea automată a celor mai recente postări din categoria WordPress de care aveți nevoie. Adică poți face un carusel orizontal cu cele mai bune articole (selectate).
Pe site-ul meu, modulul a fost folosit pentru a afișa din secțiunea „evenimente importante”. Configurarea glisorului de conținut pentru postări orizontale Carusel este ușoară, dar îl puteți folosi o singură dată. Pluginul a fost descărcat de peste 10 mii de ori, evaluarea este 4 din 5. Actualizat anul acesta și acceptă versiunea 4.1.5 (am testat pe 4.2.2).
Principalele caracteristici ale pluginului:
- Reactivitate, suport pentru toate browserele.
- Prezența săgeților de navigare sau paginare (+ setări).
- Există un cod scurt pentru inserarea în postări și pagini.
- Capacitate de localizare.
- Suport pentru multisite și SEO, deși, sincer, nu este clar cum se manifestă acest lucru.
- Setarea dimensiunii elementelor carusel (aici, spre deosebire de Kiwi Logo Carousel, adaptabilitatea funcționează excelent chiar și cu dimensiuni de bloc fixe).
- Prezența efectelor pentru glisor.
Există și o versiune Pro plătită pentru modul cu un număr mult mai mare de setări, dar nu am lucrat cu ea. Pentru a rezuma capacitățile Carusel Horizontal Posts Content Slider, mi-a plăcut adaptabilitatea, dar dezavantajul este incapacitatea de a crea mai multe carusele orizontale. De asemenea, nu mi-a plăcut faptul că indentările dintre unele elemente din șablon au fost setate cu eticheta BR, așa că a trebuit să le elimin din fișierul PHP în sine (ceea ce nu este bine).
Glisor pentru logo
Aproape că am uitat de modulul de la care a început totul. Pluginul Logo Slider este destul de popular (10k descărcări) și actualizat (potrivit pentru WP 4.2.2) cu un scor mare de 4,3 puncte.
În principiu, din punct de vedere al funcționalității, totul mi s-a potrivit aici:
- Script carusel orizontal simplu și ușor.
- Sprijin de receptivitate.
- Trageți și plasați elementele glisorului.
- Selectarea diferitelor tipuri de săgeți de navigare.
- Opțiuni pentru reglarea înălțimii, lățimii, efectelor carusel.
- Abilitatea de a furniza link-uri pentru logo-uri.
- Activați/dezactivați glisorul automat.
Puteți adăuga un plugin la postările de blog folosind un shortcode și la un șablon folosind o funcție PHP. Ei bine, tot ce ai nevoie este chiar aici.
Și modulul nu mi s-a potrivit, pentru că pentru un carusel orizontal de logo-uri trebuia să „întoarcem” exact 1 logo la stânga, dar aici (din câte îmi amintesc) mai multe au fost înlocuite deodată. Teoretic, a fost posibil să sapă în codul pluginului și să corectez acest punct, dar am ales să caut o altă soluție. Apropo, în versiunea gratuită poți crea doar un singur cursor de logo.
Slick
În cele din urmă, aș dori să spun despre diferite scripturi și biblioteci.
Unele dintre pluginurile de mai sus (și majoritatea celorlalte din depozitul WordPress) folosesc scripturi și biblioteci prefabricate. Slick este o astfel de soluție. Dacă sunteți bine versat în dezvoltarea web, atunci puteți încerca să conectați acest script direct la WordPress printr-un șablon. Dacă știți cum să creați pluginuri WordPress, atunci puteți chiar să vă dezvoltați propria soluție unică. Practic, am găsit câteva plugin-uri folosind biblioteca Slick, dar 50-100 de descărcări nu sunt cel puțin impresionante. O astfel de soluție poate avea erori, probleme de actualizare sau găuri de securitate.
Total. Pentru site-ul in curs de dezvoltare am folosit 2 module. Glisorul pentru logo a fost implementat folosind pluginul Kiwi Logo Carousel, deși a existat o problemă cu capacitatea de răspuns. Tot în acest scop, puteți utiliza în siguranță și Logo Slider. Modulul Slider de conținut pentru postări orizontale de carusel a făcut față sarcinii de a afișa un carusel orizontal din postările de blog selectate. A trebuit să modific ușor afișarea elementelor sale pe site, dar nu există probleme cu adaptabilitatea.
Dacă cunoașteți alte pluginuri funcționale și sensibile, glisoare de logo sau carusele orizontale, scrieți în comentarii.
11.01.15 310,6KÎn prezent, un slider - un carusel - funcționalitate pe care trebuie doar să o ai pe un site web pentru o afacere, un site web - un portofoliu sau orice altă resursă. Împreună cu glisoarele pentru imagini pe ecran complet, glisoarele orizontale carusel se potrivesc bine în orice design web.
Uneori, glisorul ar trebui să ocupe o treime din pagina site-ului. Aici glisorul carusel este folosit cu efecte de tranziție și machete receptive. Site-urile de comerț electronic folosesc un glisor carusel pentru a prezenta mai multe fotografii în postări sau pagini individuale. Codul glisor poate fi folosit liber și modificat în funcție de nevoile dvs.
Folosind jQuery împreună cu HTML5 și CSS3, vă puteți face paginile mai interesante, oferindu-le efecte unice și atrageți atenția vizitatorilor asupra unei anumite zone a site-ului.
Slick - plugin glisor modern - carusel
Slick este un plugin jquery gratuit ai cărui dezvoltatori susțin că soluția lor va satisface toate cerințele dvs. de glisare. Glisorul carusel receptiv poate funcționa în modul tile pentru dispozitivele mobile și în modul glisare și plasare pentru versiunea desktop.
Conține un efect de tranziție „fade”, o caracteristică interesantă „mod în centru”, încărcare leneșă a imaginilor cu defilare automată. Funcționalitatea actualizată include adăugarea de diapozitive și a unui filtru de diapozitive. Totul, astfel încât să puteți personaliza pluginul în funcție de cerințele dvs.
Modul Demo | Descarca
Owl Carousel 2.0 - jQuery - plugin pentru atingere
Acest plugin are o gamă largă de funcții în arsenalul său, potrivite atât pentru începători, cât și pentru dezvoltatorii experimentați. Aceasta este o versiune actualizată a glisorului carusel. Predecesorul său a fost numit exact la fel.
Glisorul conține câteva plugin-uri încorporate pentru a îmbunătăți funcționalitatea generală. Animația, redarea video, redarea automată cu glisare, încărcarea leneșă, reglarea automată a înălțimii sunt principalele caracteristici ale Owl Carousel 2.0.
Suportul de glisare și plasare este inclus pentru o utilizare mai convenabilă a pluginului pe dispozitivele mobile.
Pluginul este perfect pentru afișarea imaginilor mari chiar și pe ecrane mici ale dispozitivelor mobile.
Exemple | Descarca
Pluginul jQuery Silver Track
Destul de mic, dar bogat în funcționalități plugin jquery care vă permite să plasați un glisor pe pagină - un carusel care are un nucleu mic și nu consumă multe resurse ale site-ului. Pluginul poate fi folosit pentru a afișa glisoare verticale și orizontale, animații și pentru a crea seturi de imagini din galerie.
Exemple | Descarca
AnoSlide - Slider jQuery ultra compact, receptiv
Un slider jQuery ultra compact - un carusel cu mult mai multe funcționalități decât un slider obișnuit. Include previzualizarea unei singure imagini, afișarea carusel cu mai multe imagini și glisor bazat pe titlu.
Exemple | Descarca
Owl Carusel - Slider Jquery - Carusel
Owl Carusel este un glisor cu ecrane tactile, ușor de încorporat în codul HTML. Pluginul este unul dintre cele mai bune glisoare care vă permite să creați carusele frumoase fără nici un marcaj special pregătit.
Exemple | Descarca
Galerie 3D - carusel
Utilizează tranziții 3D bazate pe stiluri CSS și ceva cod Javascript.
Exemple | Descarca
Carusel 3D folosind TweenMax.js și jQuery
Excelent carusel 3D. Se pare că aceasta este încă o versiune beta, deoarece am descoperit câteva probleme cu ea chiar acum. Dacă sunteți interesat să testați și să vă creați propriile glisoare, acest carusel vă va fi de mare ajutor.
Exemple | Descarca
Carusel folosind bootstrap
Glisor carusel receptiv folosind tehnologia bootstrap, potrivit pentru noul dvs. site web.
Exemple | Descarca
Bazat pe Bootstrap - cadrul glisor carusel Moving Box
Cele mai solicitate pe site-uri de portofoliu și afaceri. Acest tip de glisor carusel se găsește adesea pe orice tip de site.
Exemple | Descarca
Tiny Circleslider
Acest mic glisor este gata să funcționeze pe dispozitive cu orice rezoluție de ecran. Glisorul poate funcționa atât în modul circular, cât și în modul carusel. Cercul mic este prezentat ca o alternativă la alte tipuri similare de glisoare. Există suport încorporat pentru sistemele de operare IOS și Android.
Glisorul arată destul de interesant în modul circular. Suportul de glisare și plasare și sistemul automat de defilare a diapozitivelor sunt implementate excelent.
Exemple | Descarca
Slider de conținut Thumbelina
Glisorul carusel puternic, receptiv, este perfect pentru un site web modern. Funcționează corect pe orice dispozitiv. Are moduri orizontale și verticale. Dimensiunea sa este redusă la doar 1 KB. Pluginul ultra compact are, de asemenea, tranziții excelente excelente.
Exemple | Descarca
Wow - glisor - carusel
Conține peste 50 de efecte care vă pot ajuta să creați un glisor original pentru site-ul dvs. web.
Exemple | Descarca
Slider de conținut jQuery receptiv bxSlider
Redimensionați fereastra browserului pentru a vedea cum se adaptează glisorul. Bxslider vine cu peste 50 de opțiuni de personalizare și își prezintă caracteristicile cu diverse efecte de tranziție.
Exemple | Descarca
jCarusel
jCarousel este un plugin jQuery care vă va ajuta să vă organizați previzualizarea imaginii. Puteți crea cu ușurință imagini de carusel personalizate din cadrul prezentat în exemplu. Glisorul este receptiv și optimizat pentru a funcționa pe platforme mobile.
Exemple | Descarca
Scrollbox - plugin jQuery
Scrollbox este un plugin compact pentru crearea unui glisor - carusel sau linie de defilare a textului. Caracteristicile cheie includ defilarea verticală și orizontală cu pauză pe mouse-ul deasupra.
Exemple | Descarca
dbpasCarusel
Glisor simplu - carusel. Dacă doriți un plugin rapid, acesta este 100% bun. Vine doar cu funcțiile de bază necesare pentru ca glisorul să funcționeze.
Exemple | Descarca
Flexisel: Plugin JQuery Slider receptiv - Carusel
Creatorii Flexisel s-au inspirat din pluginul jCarousel de școală veche, făcând o copie a acestuia axată pe funcționarea corectă a glisorului pe dispozitivele mobile și tablete.
Aspectul receptiv al Flexisel, atunci când lucrați pe dispozitive mobile, diferă de aspectul orientat la dimensiunea ferestrei browserului. Flexisel este perfect adaptat pentru a lucra pe ecrane, atât de joasă, cât și de înaltă rezoluție.
Exemple | Descarca
Elastislide - glisor receptiv - carusel
Elastislide se adaptează perfect la dimensiunea ecranului dispozitivului. Puteți seta numărul minim de imagini de afișat la o anumită rezoluție. Funcționează bine ca glisor de carusel pentru galerie de imagini, folosind un înveliș fix împreună cu un efect de defilare verticală.
Exemplu | Descarca
FlexSlider 2
Glisor redistribuibil de la Woothemes. Este considerat unul dintre cele mai bune glisante receptive. Pluginul conține mai multe șabloane și va fi util atât pentru utilizatorii începători, cât și pentru experți.
Exemplu | Descarca
Carusel uimitor
Amazing Carousel este un slider de imagine jQuery receptiv. Suportă multe sisteme de gestionare a site-urilor, cum ar fi WordPress, Drupal și Joomla. De asemenea, acceptă versiunile Android și IOS și desktop ale sistemelor de operare fără nicio problemă de compatibilitate. Șabloanele uimitoare de carusel încorporate vă permit să utilizați glisorul în modurile vertical, orizontal și circular.
Bună prieteni!
Recent, de mai multe ori am fost contactat cu întrebarea ce plugin vă permite să faceți un rotator de imagini pe site (pentru WordPress).
Eu nu folosesc un rotator, dar oamenii au nevoie de ajutor. De ce altceva am făcut acest site atunci.
Pe scurt, am făcut o mică analiză a diverselor plugin-uri și am găsit ceea ce aveam nevoie.
Acesta este un plugin WordPress - „Merry Carousel”.
Nu numai că răstoarnă frumos pozele de pe site-ul tău, dar oferă și o scurtă descriere a articolului căruia îi aparține poza, iar dacă dai clic pe poză, vei merge la articolul în sine.
Un exemplu de plugin poate fi vizualizat.
Este foarte confortabil.
Acum să ne dăm seama de unde să-l obținem și cum să îl instalăm și să îl configuram.
1. Instalarea pluginului.
Plugin-ul este instalat standard prin mutarea folderului cu fișiere în plugin-uri / folderul site-ului dvs. Puteți citi mai multe despre cum să instalați pluginuri pe motorul WordPress în.
2. Configurarea pluginului.
Deci, am descărcat și instalat pluginul pe site-ul nostru. Și nu ai uitat să-l activezi !!!
Acum mergem la panoul de administrare al site-ului nostru. În partea de jos a barei de instrumente principale, a apărut elementul „RC Plugins” (există și o pictogramă hamburger amuzantă). Aici mergem acolo.
Ajungem la panoul de setări plugin.
Și acum, în ordine.
Primul câmp: „Căutare imagini în folder”. Conține calea către folderul în care vor fi stocate imaginile. Implicit, el ne oferă numele folderului, dar imediat scrie că acesta nu există. Trebuie să-l creăm.
Cred că toată lumea știe deja cum să folosească FileZilla. Accesați site-ul și creați un folder în locația indicată în câmpul de setări plugin.
Următorul câmp este dimensiunea imaginii. Setăm dimensiunea imaginii în pixeli. Si acum un punct important.
Dacă doriți ca imaginile dvs. să arate bine (nu să se întindă sau să se micșoreze), atunci va trebui să creați imagini pentru rotator exact de dimensiunea pe care ați specificat-o aici.
Următoarea setare este numele imaginii. Există mai multe opțiuni pentru denumirea unei imagini, astfel încât aceasta să fie legată de o anumită postare.
Următoarea setare este „Adăugați la. Aici puteți adăuga stil pentru rotator. Pentru a nu săpa în fișierele de stil. Puteți adăuga toate stilurile direct în acest câmp.
Ei bine, ultimele setări sunt setările de afișare. Acolo indicăm ce imagini să folosiți în rotator și câte să le folosiți. Nu este nimic complicat - vă puteți da seama singur.
După modificarea setărilor, nu uitați să le salvați.
3. Introducerea codului rotator în site.
După ce am instalat pluginul și l-am configurat, trebuie doar să spunem motorului unde să arate în mod specific rotatorul.
Pentru a face acest lucru, în locul potrivit în codul site-ului nostru, introduceți următorul cod:
Asta e tot. Acum aveți un rotator elegant pe site-ul dvs.
Indiferent dacă doriți să afișați mărturiile clienților, cele mai recente postări de blog, cele mai bune imagini sau să prezentați membrii echipei dvs., există anumite pluginuri pentru slider și carusel WordPress pentru asta.
Dar înainte de a dezvălui cele 8 cele mai populare plugin-uri de pe piața Envato în acest an, ar putea merita să clarificăm diferența (sau lipsa acesteia) dintre un plugin slider și un plugin carusel. Unii spun că există o mică diferență între cele două, deoarece ambele implementează aceeași funcționalitate: afișați mai multe imagini într-un format de prezentare de diapozitive, oferind unele comenzi, cum ar fi săgeți pentru imaginile anterioare/următoarele, miniaturi și, uneori, tranziții de diapozitive.
Alții insistă că diferența importantă dintre cele două este că glisorul alunecă orizontal sau vertical, în timp ce caruselul rotește imaginile pe o axă, cu imaginea mereu îndreptată spre privitor. În timp ce controversa continuă, vom lua în considerare ambele opțiuni în mod interschimbabil și vom trece la descrierea celor mai bune 8 plugin-uri slider și carusel din 2018 pe CodeCanyon.
1. Foxy - Galeria de imagini pentru produse WooCommerce Slider Carusel
Pluginul este ușor de utilizat, rapid de configurat și rezultatul arată grozav - glisorul perfect pentru afișarea produselor WooCommerce.
Caracteristicile includ:
- peste 150 de opțiuni diferite
- pe deplin receptiv
- modul de previzualizare
- 8 șabloane
- și alte funcții.
2. WP Slick Slider și Image Carousel Pro
Utilizatorii Visual Composer vor dori să ia în considerare în mod serios pluginul WP Slick Slider. Cu aproape 100 de aspecte predefinite, puteți găsi orice doriți fără codare.
Caracteristicile includ:
- reacție și defilare
- drag and drop și buclă nesfârșită
- un instrument puternic pentru generarea de coduri scurte.
Unele dintre stilurile de design includ:
- latime variabila
- modul de centrare.
3. Master Slider - Touch Layer Slider WordPress Plugin
Nu este o surpriză de ce Master Slider este un favorit peren pe CodeCanyon. Glisorul tactil receptiv oferă peste 70 de șabloane care sunt extrem de personalizabile și ușor de utilizat.
O caracteristică interesantă a acestui plugin este capacitatea de a încorpora text bogat în HTML, link-uri, imagini sau videoclipuri direct în fiecare diapozitiv, apoi animați fiecare strat în mod independent.
Alte caracteristici grozave:
- constructor vizual drag-and-drop
- ușor de afișat galeria de imagini ca glisor
- capacitatea de a încărca și afișa galerii de la servicii precum Flickr și WooCommerce
- și chiar mai multe caracteristici.
4. Slider Pro - Plugin WordPress Slider receptiv
Slider Pro oferă o interfață de utilizator curată și intuitivă în zona de administrare și navigare lină pentru utilizatorii finali.
O caracteristică interesantă este caracteristica de legare profundă, în care fiecare modificare de diapozitiv va actualiza adresa URL din bara de navigare a browserului cu adresa URL corespunzătoare.
Alte caracteristici grozave:
5. RoyalSlider - Touch Slider de conținut pentru WordPress
Cel mai descărcat slider din CodeCanyon, Royal Slider pentru WordPress este plin de funcții convingătoare. Folosit de nume mari precum Coca Cola și Land Rover, acest plugin face aproape orice doriți ca un slider să facă.
Cea mai atractivă caracteristică este funcția de ecran complet cu suport HTML5 pentru ecran complet. Ideal pentru afișarea fotografiilor de înaltă definiție.
Alte caracteristici grozave:
- mai multe glisoare sunt permise pe pagină, chiar și cu skin-uri diferite
- suport pentru navigarea pe ecranul tactil
- design adaptiv
- miniaturi verticale sau orizontale, marcatori sau file pentru navigare
- și alte funcții.
6. Logos Showcase - Plugin WP adaptabil cu mai multe utilizări
Pluginul Logos Showcase este special conceput pentru utilizatorii care doresc să creeze o grilă de imagini cu link-uri externe sau interne sau care au nevoie să afișeze o listă de logo-uri ale clienților sau sponsorilor.
O caracteristică excelentă a Logos Showcase este abilitatea de a afișa logo-uri în alb și negru, cu posibilitatea de a afișa în culoarea originală, dacă este necesar.
Alte functii:
- alegerea a trei moduri diferite de afișare a imaginilor
- controlul vitezei de navigare și derularea automată sunt activate
- controlați dimensiunea implicită a logo-ului
- posibilitatea de a seta adrese URL pentru fiecare logo, care se poate deschide pe aceeași pagină sau pe una nouă
- și încă mai mult.
7. All Around - Slider/carusel de conținut WordPress receptiv, plugin glisant creativ și distractiv
All Around, după cum sugerează și numele, este un glisor cu adevărat bine rotunjit. Vă oferă un design curat, receptiv, o serie de opțiuni de stil predefinite și suport pentru gesturi de schimbare pentru ecranele tactile.
Acceptă chiar și videoclipuri!
Caracteristici plugin:
- pe deplin adaptabil
- 6 stiluri gata făcute
- suportă video
- verticală sau orizontală
- acceptă mai multe glisoare pe o singură pagină
- modul de redare automată
- alte.
8. Ultra Portofoliu - WordPress
Ultra Portfolio va atrage în primul rând utilizatorii care sunt interesați să construiască un portofoliu cu funcțiile glisante activate. Oferă un număr mare de opțiuni de aspect și oferă flexibilitate și funcționalitate.
Cea mai atractivă caracteristică a acestui glisor este capacitatea de a controla efectele de animație și viteza acestora.
Alte caracteristici grozave:
- machete nelimitate
- Integrare WooCommerce
- Integrare Google Font
- capacitatea de a controla numărul de coloane pentru diferite rezoluții și lățimi ale ecranului. (2, 3, 4, 5 sau 6 coloane)
- și alte funcții.
