WordPress

„Slider Revolution“ „WordPress“ papildinio apžvalga ir vadovas

Slider Revolution yra aukščiausios kokybės slankiklis, kurį galima įsigyti kaip „WordPress“ papildinį ir „Magento“ plėtinį. Jis įgijo didžiulį populiarumą „WordPress“ bendruomenėje dėl daugybės funkcijų ir paprasto naudojimo.

Šioje apžvalgoje apžvelgsime pagrindines jo savybes Slider Revolution WordPress papildinys, tada parodysime, kaip lengva nuo nulio sukurti savo slankiklius.

Gaukite „Slider Revolution“ naudodami savo temą! Įskiepis „Slider Revolution“ yra nemokamas, kai įsigyjame „Total WordPress“ temą kaip susietą papildinį. Taigi ne tik gausite nuostabų papildinį, bet ir „Total“ temą bei WPBakery puslapio kūrimo priedą! (Žr. toliau pateiktas pastabas apie susietų papildinių diegimą ir naudojimą).

Gaukite Slider Revolution

Slankiklio revoliucija: kuo šis papildinys toks puikus

„Slider Revolution“ yra daugybė puikių funkcijų, kad būtų lengva sukurti tinkintus slankiklius jūsų svetainėje. Štai keletas mūsų mėgstamiausių.

Išdėstymas ir reagavimas

Slider Revolution šiek tiek pakeitė savo dėmesį, kad būtų daugiau nei tik slankiklis. Nuo 6 versijos atnaujinimo, žinoma, galite sukurti nuostabius animuotus slankiklius, taip pat karuseles ir scenas (viena skaidrė naudojama kaip puslapio kūrimo priemonės eilutė). Papildinys taip pat yra pasirengęs reaguoti su nauja išmaniąja paveldėjimo parinktimi. Taigi, o ne slankiklį paprasčiausiai sumažinus mobiliuosiuose įrenginiuose, elementų dydis bus pakeistas arba sumažėjęs taip, kad slankiklis ar modulis būtų įskaitomas ir optimizuojamas pagal įrenginį.

Keli turinio šaltiniai

Norite sukurti savo įrašų slankiklį? Ar jūsų „WooCommerce“ produktams? Ne bėda – rinkitės iš 9 skirtingi turinio šaltiniai kurdami slankiklį.

Rašant šį įrašą „Slider Revolution“ palaiko turinį, pagrįstą:

  • Numatytasis / tinkintas: įkelkite savo vaizdus / vaizdo įrašus
  • Pranešimai: pasirinkite iš savo tinklaraščio įrašų, tinkintų įrašų tipų, konkrečių įrašų ID arba naudokite dabartinį įrašą / puslapį (puiku, jei prie tinklaraščio įrašo ar aplanko elemento norite pridėti slankiklį).
  • WooCommerce: parodykite savo produktus
  • socialinės žiniasklaidos: konkrečiai Flickr, Instagram, Twitter, Facebook, YouTube ar Vimeo

Lengvos parinktys

Slider Revolution leidžia lengvai kurti pasirinktinius slankiklius, pridedant beveik visko parinkčių. Pasirinkite skaidrės delsą, naršymo rodykles, tinkintus šriftus, pridėkite paralakso fonus, slankiklio vietą (pridėkite paraštes), pridėkite medijos sluoksnius, įterpkite mygtukus, pasirinkite skaidrių perėjimus ir dar daugiau, naudodami išskleidžiamuosius meniu visame papildinyje.

Be to, galite tinkinti beveik viską ir net išsaugoti savo išankstinius nustatymus, kad pakartotinai panaudotumėte šriftų stilius, skaidrių perėjimus, sluoksnių animaciją ir dar daugiau.

Žiniasklaidos palaikymas

Pridėkite teksto, nuorodų, vaizdų, vaizdo įrašų ir garso keliais pelės paspaudimais. Tai suteikia galimybę kurti daug informacijos turinčias skaidres, kurias skaitytojai ir klientai galės atpažinti. Be to, kiekvienas iš šių medijos tipų pridedamas kaip atskiras sluoksnis su unikalia animacija, laiku ir stiliais, kuriuos nustatote naudodami „Slider Revolution“ super parinktis.

Slider Revolution diegimas

Pirmiausia turėsite gauti „Slider Revolution WordPress“ papildinio kopiją. Yra keli skirtingi papildinio įdiegimo būdai, atsižvelgiant į tai, ar įsigijote savo papildinio kopiją, ar ji buvo įtraukta į jūsų aukščiausios kokybės temą.

1. Įdiekite savo „Slider Revolution“ kopiją

Slider Revolution parsisiųsti

Jei įsigijote savo Slider Revolution kopiją iš CodeCanyon, turėsite patys įdiegti papildinį. Norėdami atsisiųsti papildinio failus, prisijunkite prie savo Envato paskyros ir eikite į atsisiuntimų puslapį (į šį puslapį galite patekti užvesdami pelės žymeklį ant savo vartotojo vardo). Tada suraskite savo „Slider Revolution“ kopiją ir pasirinkite atsisiuntimo parinktį „Tik įdiegiamas WordPress failas“.

Slider Revolution Pridėti naują įskiepį

Tada prisijunkite prie savo „WordPress“ svetainės ir eikite į Papildiniai > Pridėti naują.

Slider Revolution Select Plugin Zip

Tada spustelėkite mygtuką „Įkelti papildinį“, esantį viršutiniame kairiajame ekrano kampe.

Iš čia naudokite mygtuką „Pasirinkti failą“, kad pasirinktumėte papildinio failą, kurį ką tik atsisiuntėte iš „CodeCanyon“, ir spustelėkite mygtuką „Įdiegti dabar“.

Slider Revolution Activate Plugin

Po to tiesiog suaktyvinkite papildinį ir būsite pasiruošę pradėti kurti slankiklius!

Išpakuokite papildinio aplanką, kad galėtumėte įkelti per FTP

Pastaba: Taip pat galite įdiegti papildinį per FTP, prisijungę prie savo serverio ir įkeldami išpakuotą (išpakuotą) papildinį į aplanką, esantį adresu wp-content/plugins.

2. Įdiekite „Slider Revolution“, įtrauktą į „Premium“ temą

Daugelis aukščiausios kokybės temų apima aukščiausios kokybės papildinių kopijas su temos atsisiuntimu. Jei taip norite įdiegti „Slider Revolution“ kopiją, turėsite remtis savo temos dokumentacija.

Dauguma temų kūrėjų daro viską, kad supaprastintų įskiepių diegimo procesą. Pavyzdžiui, įtraukiant pranešimų juostą arba aktyvinimo skydelį.

Iš viso temų diegimo papildinių

Mūsų vadove naudojame „Total WordPress“ temą. Įdiegę ir suaktyvinę Total, ekrane turėtumėte pamatyti raginimą, kuriame rekomenduojama įdiegti „Slider Revolution“ (ir kitus priedus, įtrauktus į temą).

Iš viso temos aktyvinimo papildinių

Tiesiog spustelėkite nuorodą, kad patektumėte į rekomenduojamų / susietų papildinių puslapį, tada spustelėkite, kad įdiegtumėte ir suaktyvintumėte papildinius.

Įdiekite Slider Revolution su Total

„Total“ taip pat apima pasirinktinę demonstracinės programos importuotojo parinktį, skirtą įdiegti ir suaktyvinti „Slider Revolution“, kai importuojami duomenų pavyzdžiai. Jei kuriant demonstracinę versiją, kurią importuojate, buvo naudojama Slider Revolution, turėtumėte būti paraginti įdiegti papildinį, kaip parodyta aukščiau.

Importuokite Slider Revolution slankiklius naudodami Total

Tada tiesiog įsitikinkite, kad pasirinkta parinktis „Importuoti slankiklius“, o tema automatiškai importuos visus pasirinktinius slankiklius iš demonstracinės versijos. Lengva!

Slider Revolution vartotojo vadovas

Įdiegę papildinį, jis turėtų pridėti meniu elementą prie pagrindinės „WordPress“ informacijos suvestinės. Spustelėkite tai, kad patektumėte į pagrindinį Slider Revolution slankiklio valdymo puslapį.

Slider Revolution pagrindinis papildinio puslapis

Čia galite kurti arba redaguoti slankiklius, importuoti šablonus, suaktyvinti licenciją, jei įsigijote savo papildinio kopiją.

„Slider Revolution“ papildinio licencijos aktyvinimas

Jei patys įsigijote Slider Revolution, galite jį suaktyvinti, kad atrakintumėte visas slankiklio funkcijas. Norėdami rasti savo licenciją, turėsite grįžti į CodeCanyon ir apsilankyti Slider Revolution papildinio puslapyje.

Slider Revolution įskiepio licencija

Iš čia spustelėkite skirtuką „Palaikymas“, kad peržiūrėtumėte visas įsigytas licencijas. Nukopijuokite licencijos raktą ir grįžkite į „WordPress“ prietaisų skydelį.

Slankiklio revoliucijos varpelio piktograma

Spustelėjus varpelio piktogramą.

„Slider Revolution“ aktyvinimas

Tada įveskite savo licencijos raktą. Norėdami gauti palaikymą iš papildinio autoriaus ir atrakinti aukščiausios kokybės Slider Revolution Module šablonus ir priedus, turėsite įsigyti savo licenciją.

SVARBU, sukomplektuotas papildinys: Jei jūsų „Slider Revolution“ kopija buvo įtraukta į jūsų temą, galite nepaisyti šio skyriaus. Nereikia aktyvuoti papildinio licencijos, nes susietuose papildiniuose jos nėra. Vietoj to, temos autorius turi užtikrinti, kad jūsų papildinio kopija būtų atnaujinta temos atnaujinimuose. Nors kartais tai reiškia, kad gali tekti šiek tiek palaukti, kol bus atnaujintas slankiklis, tai užtikrina, kad papildinys visiškai suderinamas su jūsų tema.

„Slider Revolution“ pasauliniai nustatymai

Prieš pradedant statyti rekomenduojame apsilankyti Bendrosios nuostatos parinktis (tai yra pomeniu, esantis po Slider Revolution).

„Slider Revolution“ pasauliniai nustatymai

Čia yra daug svarbių numatytųjų reaguojančių tinklelio nustatymų (kurie taikomi kuriant naujus slankiklius), pasirinktinio šrifto įkėlimo URL, papildinio duomenų bazės kūrimo ir kt. Tačiau yra dvi galimybės, kurias rekomenduojame pakoreguoti.

Pirmas variantas, kurį turėtumėte apsvarstyti, yra redaguoti Leidimas kurį galite naudoti norėdami apriboti priedų prieigą tik administratoriams. Tai paprastas būdas užtikrinti, kad jūs, jūsų žiniatinklio dizaineris ar kiti administratoriai būtų vieninteliai, kurie jūsų svetainėje kuria slankiklius (ypač naudinga, jei jūsų tinklaraštyje yra kviestinių autorių).

Antroji parinktis, kurią galbūt norėsite redaguoti, yra Numatytasis išdėstymo tinklelio lūžio taškai variantas. Tai pikselių pločiai pagal jūsų reagavimo nustatymus.

Čia taip pat galite įgalinti pasirinktinius šriftus, trečiosios šalies tingų įkėlimą ir priverstinai kurti duomenų bazę (jei kyla problemų „Slider Revolution Table“). Baigę būtinai išsaugokite nustatymus.

Dabar galite pradėti kurti slankiklius! Turite tris parinktis – pradėti nuo nulio, paimti nemokamą eksporto failą iš „Slider Revolution“ „naudojimo pavyzdžių“ arba importuoti pavyzdinius slankiklius, įtrauktus į temą.

Rankinis slankiklio importavimas

Slider Revolution Manual Import

Norėdami importuoti slankiklį, kurį atsisiuntėte iš kitos svetainės iš „Slider Revolution“ naudojimo pavyzdžių, pirmiausia atsisiųskite slankiklio failą iš jų svetainės, tada grįžkite į „WordPress“ ir spustelėkite Importuoti slankiklį variantas. Iš čia suraskite atsisiųsto failo pavyzdį ir spustelėkite Įkelti. Tai turėtų pridėti pavyzdinį slankiklį ir visus jo nustatymus, kad galėtumėte naudoti jį kaip naujo slankiklio pagrindą.

Naujas modulis iš šablono

Slider Revolution importavimo šablonas

Jei įsigijote savo „Slider Revolution“ licenciją, turėsite prieigą prie visų iš anksto sukurtų maketų (galima rinktis iš daugiau nei 180). Norėdami naudoti šabloną, tiesiog užveskite pelės žymeklį ant jums patinkančio, spustelėkite akių piktogramą, kad peržiūrėtumėte, arba pliuso piktogramą, kad įdiegtumėte šabloną.

pastabos: jei jūsų „Slider Revolution“ kopija buvo susieta su jūsų tema, jūs neturėsite prieigos prie šių šablonų. Tačiau daugelis temų autorių įtraukia savo slankiklio šablonus, kuriuos jie sukūrė kartu su temų demonstracinėmis versijomis, kurias galite importuoti rankiniu būdu.

Sukurkite naują slankiklį

Jei kuriate slankiklį nuo nulio, spustelėkite Naujas tuščias modulis variantas. Dabar kimbame į darbą!

Slider Revolution sveikinimo pranešimas

Pirmiausia pamatysite pasveikinimo pranešimą su galimybe naudoti greitosios pradžios vadovą. Spustelėkite, kad pradėtumėte, ir vadovaukitės toliau pateiktais nurodymais.

Slankiklio revoliucijos slankiklio tipas

Pasirinkite slankiklio tipą – turite galimybę pasirinkti savo modulį:

  • Slankiklį: kaip tai skamba, kelios animuotos skaidrės, kurios sukasi ir rodo vieną skaidrę po kitos
  • Scena: viena skaidrė, kurią galima naudoti kaip turinio modulį (pvz., eilutę naudojant puslapio kūrimo priemonę)
  • karuselė: daug skaidrių, kurių kelios matomos vienu metu

Slankiklio revoliucijos išdėstymas

Tada pasirinkite išdėstymą:

  • Automatinis: tai yra numatytasis nustatymas, kuris ištemps jūsų slankiklį iki pagrindinio konteinerio pločio, kaip nustatyta jūsų „WordPress“ temoje, bet jūs vis tiek nustatysite aukštį.
  • Visas plotis: tiksliai taip, kaip tai skamba – viso pločio slankiklio parinktis, kuri bus visiškai ištempta iš kairės į dešinę. Vis tiek turėsite nustatyti slankiklio aukštį.
  • Per visą ekraną: naudokite tai norėdami sukurti didelius slankiklius, kurie tiesiogine prasme užpildo visą ekraną, neatsižvelgiant į naršyklės ar įrenginio dydį (šią parinktį netgi galite pridėti viso ekrano slankiklius su vaizdo įrašais, kad padidintumėte poveikį).

„Slider Revolution“ reagavimas

Ir kaip paskutinį veiksmą turėsite pasirinkti ir tinkinti savo reagavimo arba „pakeisti“ dydį:

  • Klasikinis (linijinis) dydžio keitimas: sukonfigūravus pagrindinio ekrano dydžio nustatymus, jūsų slankiklis bus atitinkamai suspaustas (taigi 1000x400 pikselių slankiklis bus suspaustas į 500x200 pikselių slankiklį, o šriftai, vaizdai ir kiti slankiklio elementai taip pat proporcingai mažės).
  • Protingas paveldėjimas: automatiškai sukuriami keturi įrenginių dydžiai, atsižvelgiant į jūsų pasirinktus darbalaukio nustatymus, su galimybe koreguoti pagal poreikį.
  • Pasirinktinis (rankinis): leidžia nustatyti slankiklio dydį naudojant tikslius pikselius, su papildomomis parinktimis, leidžiančiomis nustatyti slankiklio dydžius įvairiuose ekrano pločiuose (staliniame kompiuteryje, nešiojamajame kompiuteryje, planšetiniame kompiuteryje ir telefone).

„Slider Revolution“ pagrindinis kūrėjas

Pasirinkę pagrindinius slankiklio nustatymus būsite nukreipti į Slider Revolution kūrimo priemonę. Čia iš tikrųjų sukursite visas skaidres.

„Slider Revolution“ bendrosios parinktys

Prieš statydami turėtumėte pasirūpinti kai kuriais pagrindiniais dalykais. Dešinėje pusėje yra visi jūsų slankiklio nustatymai. Pradedant nuo įranga Bendrųjų nustatymų piktogramą, trumpai apžvelkite, ką rasite.

pavadinimas: suteikite slankikliui pavadinimą. Žinoma, galite tiesiog palikti numatytąjį Slankiklis 1 pavadinimą ir slapyvardį, bet rekomenduojame pakeisti tai į unikalų pavadinimų suteikimo būdą, atsižvelgiant į slankiklio paskirtį. Pasirinkite slankiklio pavadinimą, kuris padėtų atsiminti, kas jame yra arba kuriame puslapyje jį naudojate. Pavyzdžiui home jei pagrindiniame puslapyje naudosite slankiklį. Čia taip pat rasite paprastą trumpąjį kodą, skirtą slankikliui įterpti į įrašus ir puslapius.

maketavimas: pasirinkite slankiklio tipą (slankiklis, scena arba karuselė) ir dydį (automatinis, viso pločio arba viso ekrano). Jei naudojote greitosios pradžios vadovą, jį jau pasirinkote. Tačiau čia taip pat galite redaguoti sluoksnio srities plotį ir aukštį (kur pridėsite slankiklio elementus), modulio padėtį (numatytasis centras), numatytąją slankiklio fono spalvą arba vaizdą (pastaba – tai atskira nuo atskirų skaidrės fonų), tinkintos kraštinės, krentantis šešėlis ir keletas išplėstinių parinkčių (maksimalaus apvyniojimo aukščio, perpildymo, sluoksnio perspektyvos ir kt.).

Turinys: pasirinkite, kaip norite įtraukti turinį į slankiklį. Galima rinktis iš 9 turinio šaltinių, bet dažniausiai norėsite pasirinkti Paprotys galimybė patiems susikurti slankiklį (nors Post-based ir WooCommerce parinktys taip pat yra labai patogios).

Pagal nutylėjimą: Svarbiausia parinktis šioje skiltyje yra numatytoji skaidrės trukmė – tai yra, kiek laiko truks kiekviena skaidrė pagal numatytuosius nustatymus (pastaba – vėliau galėsite ją tinkinti kiekvienai skaidrei, bet puiku turėti numatytąją). Taip pat galite nustatyti inicijavimo delsą, kuri privers jūsų slankiklį laukti tam tikrą laiką prieš animuojant. Yra ir kitų numatytųjų pasirinktinio modulio ID, klasių, reagavimo ir kitų nustatymų, tačiau daugumai vartotojų jų keisti nereikės.

bendras: Kai kurios parinktys, kurias galbūt norėsite naudoti šiame skyriuje, apima skaidrių demonstravimo nustatymus, skirtus automatiniam pasukimui, sustojimui užvedus pelės žymeklį, skaidrių perjungimui ir nurodytos pirmosios skaidrės pasirinkimui (jei skiriasi nuo skaidrės, kurią pirmiausia pridėjote kurdami slankiklį). Čia taip pat rasite parinkčių, kaip paslėpti arba išjungti slankiklį mobiliajame telefone arba esant nurodytam pikselių pločiui.

„Slinkti“: Slider Revolution apima daugybę pažangių slinkties efektų, tokių kaip paralaksas, 3D gylis, laiko juosta, blukimas, suliejimas, pilkos spalvos tonai ir kt. Visi su tinkinamais slinkties greičio, poslinkio / pakreipimo ir tt nustatymais. Nesigilinsime į juos, nes gali užtrukti nemažai laiko, kol juos įvaldysite, bet jei įsigijote savo slankiklio licenciją, rekomenduojame žaisti su kai kuriais paruoštų parinkčių iš šablonų bibliotekos, kad sužinotumėte, kaip veikia šie skirtingi slinkties efektai.

Verpėjas: Tai yra jūsų išankstinis įkėliklis – taigi, kai jūsų vaizdai ir animacija įkeliami į jūsų serverį, jūsų puslapio lankytojai matys jūsų pasirinktą slankiklio foną ir pasirinktą suktuką. Šiuo metu galima rinktis iš 15 unikalių suktukų su tinkinamomis spalvomis.

pažangus: Jei norite įjungti tingų įkėlimą, galite tai padaryti čia, taip pat pasirinkti atsarginį vaizdą arba supaprastinti slankiklį senose naršyklėse (ypač iOS4 ir IE8).

CSS/jQuery: prie slankiklių galite pridėti savo pasirinktinį kodą, tačiau tai yra viliojanti, todėl rekomenduojame palikti šią parinktį vieną, nebent esate patenkinti kodavimo kalbomis.

Kaip Modal: jei kuriate slankiklį, kurį norite matyti kaip iššokantįjį langą arba šviesdėžę, čia rasite slankiklio padėties parinktis, jei norite naudoti viršelio spalvą ir trumpąjį kodą, kurį naudosite įdėdami modalinį slankiklį puslapiuose (pastaba – tai skiriasi nuo pagrindinio slankiklio trumpojo kodo, nes prideda naudojimo atributą).

Oda: „Skin“ parinktis iš esmės yra išankstinis nustatymas, kurį galite sukurti ir priskirti teksto sluoksniams kurdami skaidres. Tai puikus įrankis, jei norite, kad jūsų prekės ženklas visuose sluoksniuose būtų vienodas.

Komplektacija: Šioje skiltyje galite įjungti ir pasiekti priedus (pastaba – priedai galimi tik įsigijus savo slankiklio licenciją, jie nėra įtraukti į Slider Revolution versijas, kurios yra komplektuojamos su temomis).

„Slider Revolution“ naršymo parinktys

Kitas yra nuspręsti, ką norite naudoti naršymui po klaviatūra piktogramą. Yra daug parinkčių, kurias galite naudoti savo slankikliui. Visos toliau pateiktos parinktys apima lengvai tinkinamus padėties / lygiavimo, dydžio, matomumo ir visuotinio stiliaus / išankstinių nustatymų nustatymus.

  • Pažanga: pridėkite eigos juostą arba apskritimą, kuris vizualizuoja dabartinę skaidrės eigą (arba visą slankiklio / modulio eigą).
  • Rodyklės: pridėkite rodyklių, kad lankytojai galėtų lengvai spustelėti skaidres, pasirinkę 13 skirtingų stilių (pastaba – tinkinti paprastai priklauso nuo jūsų temos).
  • Bullets ": norėdami pridėti naršymo taškų skaidrėse, įgalinkite ženklelius ir pasirinkite iš 14 stilių.
  • Skirtukai: jei kuriate turinio slankiklį pagal savo tinklaraščio įrašus, galbūt norėsite peržiūrėti skirtukų naršymą. Rodoma miniatiūra, pavadinimas ir bet kokie parametrai (kaip apibrėžta skaidrės parinktyse) – labai panašu į, pavyzdžiui, naujausių įrašų valdiklį.
  • Thumbs: norėdami rodyti miniatiūrą kaip naršymo parinktį, pasirinkite miniatiūras ir pasirinkite iš 5 stilių.
  • Ankstesnis dydis: apibrėžkite naršymui naudojamų peržiūros vaizdų dydį.
  • Palieskite: įgalinkite ir tinkinkite naršymą lietimu, įskaitant bloko slinkimo, greičio ir krypties parinktis.
  • klaviatūra: įgalinti klaviatūros naršymą (rekomenduojama dėl pritaikymo neįgaliesiems).
  • pelė: redaguokite pele valdomą naršymą, kad galėtumėte naudoti karuselės funkciją arba slinkti atgal.
  • Navigacijos redaktorius: ši skiltis skirta rodyklėms, ženkleliams, skirtukams ar nykščiams tinkinti naudojant savo tinkintą kodą. Kaip minėta anksčiau, jei nesate patenkinti kodavimu, rekomenduojame naudoti slankiklio integruotas parinktis.

„Slider Revolution“ skaidrės parinktys

Ir galiausiai, jūsų skaidrės parinktys.

  • fonas: pasirinkite skaidrės foną. Pasirinkite skaidrų, spalvotą (galite pridėti gradientą), vaizdą, išorinį vaizdą arba vaizdo įrašą („YouTube“, vaizdo įrašą arba HTML5).
  • Miniatiūra: apibrėžkite miniatiūrą, kurią mato administratorius, ir miniatiūrą, naudojamą naršymui.
  • multiplikacija: pasirinkite skaidrių perėjimo animaciją.
  • Filtrai: prie slankiklio galite pridėti filtrų. Mano nuomone, tai yra prasmingesnė skaidrėms su vaizdo fonu, bet tai priklauso nuo jūsų. Šiuo metu galima rinktis iš 22 išankstinių nustatymų.
  • Pažanga: galite tinkinti skaidrės ilgį (laiką ms), pristabdyti ir matomumą skaidrėje po skaidrės.
  • Paskelbti taisykles: nustatykite, ar jūsų skaidrė paskelbta, ar nepaskelbta. Tai puiku, jei dirbate su sezoninėmis arba riboto laiko skaidrėmis, kurias norite lėtai kurti, paskelbti ir vėliau pašalinti.
  • Žymos ir nuoroda: Šioje skiltyje galite pridėti savo skaidrės tinkintus klasės, ID ir HTML duomenis, taip pat įjungti nuorodą (jei norite pridėti nuorodą į visą skaidrę).
  • Parametrai: pridėkite iki 10 tinkintų parametrų, kuriuos naudosite skaidrėse ir naršydami.
  • Kilpos sluoksniai: kurkite ir tinkinkite skaidrės ciklo nustatymus, jei jūsų slankiklis turi tik vieną skaidrę (ypač naudinga, jei slankiklį naudojate kaip pasveikinimo kilimėlį arba puslapio skyrių).
  • „Slinkti“: Taip pat galite tinkinti savo paralakso ir slinkties efektus (išblukimą, suliejimą arba pilkos spalvos tonus) kiekvienai skaidrei.

Kaip padaryti slankiklį naudojant „Slider Revolution“.

Dabar, kai pamatėte funkcijas (oho, jų yra daug!), pateiksiu jums trumpą, mūsų nuomone, svarbiausių parinkčių santrauką. Tiksliau, parodydamas, kaip sukurti paprastą slankiklį.

Bendrosios sąlygos

Slankiklio pavyzdys: Bendrosios parinktys

Pirmiausia pasirinkome keletą bendrųjų parinkčių:

  • Pridėkite tinkintą pavadinimą ir slapyvardį pavadinimas skyrius
  • Tinkinkite darbalaukio sluoksnio srities aukštį ir plotį po juo maketavimas (savo plotį nustatėme į 1000 piks., kad atitiktų mūsų svetainės plotį ir 500 piks. aukštį)
  • Pasirinkite numatytąją skaidrės trukmę (naudojome 5000 ms, tai yra 5 sekundės). Pagal nutylėjimą
  • Pasirinkite Verpėjas naudoti savo išankstiniam įkrovikliui (mes iš dalies pasirenkame 7 variantą)

Slankiklio navigacija

Slankiklio pavyzdys: rodyklės

Tada pasirenkame naršymo parinktis. Mūsų pavyzdyje pasirinkome „Urano“ stilių, kuris yra paprastos rodyklės.

Skaidrių pridėjimas

Tai viskas, ką norėjome nustatyti savo slankikliui, todėl kitas žingsnis yra pridėti kelias skaidres. Kurdami naują slankiklį pagal numatytuosius nustatymus jau esate 1 skaidrėje, todėl galite iškart pradėti pridėti nustatymus ir sluoksnius.

Slankiklio pavyzdys: skaidrės spalvos fonas

Galite pridėti fono spalvą, vaizdą ar vaizdo įrašą. Jei pasirinksite pridėti spalvą, taip pat galite pridėti gradientą.

Slankiklio pavyzdys: skaidrių vaizdo įrašo fonas

Vaizdo įrašui tiesiog pridėsite šaltinį ir atlikite keletą pasirinkimų. Aukščiau esančioje ekrano kopijoje nustatėme, kad skaidrė įjungtų viršelio režimą (kad vaizdo įrašas užpildytų visą slankiklį) ir prasidėjus atsuktų atgal (taigi, kiekvieną kartą paleidus skaidrę, ji grojama nuo pradžių).

Slankiklio pavyzdys: skaidrės vaizdo fonas

Savo pavyzdyje pridėjome an vaizdas iš mūsų medijos bibliotekos. Vaizdui palikome numatytąjį viršelio nustatymą (kuris ištempia vaizdą taip, kad jis apimtų visą slankiklį, o ne Contain), kuris sumažina vaizdą, kad jis atitiktų jūsų slankiklio apribojimus.

Sluoksnių pridėjimas

Dabar pridėkite sluoksnius! Ekrano viršuje pamatysite parinktį „+ Pridėti sluoksnį“. Čia rasite daugybę parinkčių, kurias galite pridėti prie skaidrių. Galite rinktis iš 8 skirtingų Pridėti sluoksnį pasirinktis:

  • Tekstas sluoksniai puikiai tinka pridėti antraštes, aprašymus ar net paprastas nuorodas. Pridėkite tai, ką norite pasakyti savo skaidrėje.
  • Vaizdai puikiai tinka įterpti logotipą, pridėti gylio paralakso skaidrėse, įterpti prieš / po rinkinių ir kt.
  • Mygtukas sluoksnio parinktys apima daugybę dydžio ir kraštinės spindulio derinių, kurių spalvą, foną, kraštinės spalvą, šriftą, užvedimo būseną ir tekstą galite redaguoti. Be to, yra daug naudingų išankstinių socialinių nuorodų animuotų pelės slinkties piktogramų, mėsainių meniu ar net paleidimo / pristabdymo nustatymų.
  • Figūros gali būti naudojamas norint pridėti efektų (pvz., pulsuoti arba spinduliuoti spalvą už mygtuko), apibrėžti teksto sluoksnio dalį (naudokite formą, kad paryškintumėte tik vieną žodį ar frazę) arba vizualiai įdomesniam. Pasirinkite foną, kraštinės spalvą / dydį, formos kraštinės spindulį (0 kvadratui, 100 apskritimui), formos dydį pikseliais ir užpildymą.
  • garso ir Video sluoksniai yra gana tiesūs. Pasirinkite mediją, kurią norite įterpti, ir pasirinkite failą iš medijos bibliotekos arba įterpkite nuorodą („YouTube“, „Vimeo“, „SoundCloud“ ir kt.). Tada pridėkite nustatymus, kad įgalintumėte ciklą, automatinį paleidimą, kitą skaidrę pabaigoje, bazinį garsumą, segmento pradžią / pabaigą ir išankstinį įkėlimą. Tai paprastas būdas pridėti tikrų atsiliepimų į slankiklį, įvadinį vaizdo įrašą ar mokymo programą.
  • Piktograma / SVG yra būtent tai, kaip skamba – įtraukite piktogramas arba pridėkite tinkintų SVG vaizdų, kurie gražiai keičiasi naudojant slankiklį visuose įrenginiuose.
  • Eilutės gali būti įterpti ir yra kaip ir bet kuri kita puslapio kūrimo priemonė, su stulpelių nustatymais. Tai puikus būdas tvarkyti sluoksnių elementus arba sukurti vieną skaidrės modulį.
  • Ką reiškia keliauti su grupe? naudojamas sluoksnių grupei sukurti, kad būtų lengviau išdėstyti ir perkelti susijusius sluoksnius.
  • Sluoksnių biblioteka galima tik tuo atveju, jei turite savo Slider Revolution licenciją ir yra paruoštų „ThemePunch“ išteklių rinkinys.
  • importas norėdami nukopijuoti sluoksnį arba skaidrę iš kito bibliotekos slankiklio. Greitai ir paprastai!

Slankiklio pavyzdys: Įterpti teksto sluoksnį

Pirmiausia pridėkime paprastą Tekstas sluoksnis. Turėsite pasirinkti pridėti greitojo stiliaus antraštę arba turinį – abu yra teksto sluoksniai, vienintelis skirtumas yra iš anksto sudarytos parinktys, kurias matysite dešinėje. Galite pasirinkti vieną iš šių stilių arba spustelėkite X viršutiniame dešiniajame kampe, kad pereitumėte į sluoksnio nustatymus.

Slankiklio pavyzdys: teksto sluoksnio nustatymai

Pavyzdžiui, tai yra parinktys, kurias pasirinkome savo antraštei ir skaidrės paantraštei:

  • Pridėjome mūsų tekstą Turinys skyriuje, taip pat centre mūsų tekstas
  • Pasirinktas a PASIRINKITE: šrifto dydžiui, svoriui, eilutės aukščiui ir „Google“ šriftui
  • Mes pritaikėme Dydis ir poz pakeisti sluoksnio vietą slankiklio konteineryje (atminkite – mūsų konteineris yra 1000 x 500 px)
  • Ir paskutinį kartą pridėjo an multiplikacija efektas ir greitis, kad mūsų tekstas išnyktų per 800 ms (IN: Anim To) ir tos pačios animacijos mūsų tekstui išeiti (OUT: Anim To).

Taip pat pridėjome mygtuką. Norėdami tai padaryti, užveskite pelės žymeklį ant nuorodos „+ Pridėti sluoksnį“ ir spustelėkite mygtuko parinktį.

Slankiklio pavyzdys: Įterpti mygtuko sluoksnį

Kaip ir tekste, yra keletas greitųjų stilių, kuriuos galite naudoti norėdami pradėti.

Slankiklio pavyzdys: mygtukų sluoksnio nustatymai

Mygtukui naudojome šiuos dalykus. Vėlgi, labai panašus į teksto parinktis (tačiau su keliais svarbiais skirtumais):

  • Dėl Turinys pridėjome savo mygtuko tekstą.
  • Nuo PASIRINKITE: Galite pridėti teksto ir mygtukų spalvas, šrifto parinktis ir pridėti vietos mygtukui užpildydami (viduje) arba paraštes (išorėje). Mūsų mygtukas naudoja kairįjį ir dešinįjį kamšalus, kad būtų platesnis.
  • Mes vėl panaudojome Dydis ir poz parinktys centruoti mūsų mygtukų sluoksnį skaidrėje.
  • Ir pridėjo an multiplikacija mygtuką, kad įeitumėte ir išeitumėte iš skaidrės.
  • Kadangi tai yra mygtukų sluoksnis, mes taip pat įtraukėme a Užveskite pelę efektą, kad lankytojai intuityviai žinotų, kad yra nuoroda. Taigi pasirinkome animaciją ir užvedus pelės žymeklį mygtukas tapo šiek tiek skaidrus.

Slankiklio pavyzdys: Mygtuko sluoksnio nuoroda

Mygtukui arba bet kuriam sluoksniui, prie kurio norite pridėti nuorodą, turite pridėti Veikla. Pavyzdžiui, pridėjome paprastą nuorodą ir apibrėžėme nustatymus (spustelėjus URL ir tikslą, kurį reikia atidaryti naujame lange). Tačiau yra daugybė kitų parinkčių, išskyrus paprastą nuorodą, pvz., slinkite iki ID (vietinis slinkimas), pereiti prie skaidrės (norėdami praleisti skaidres), paleisti skaidrę (pavyzdžiui, jei pridėjote interaktyvią funkciją), atidarykite slankiklio modalas, paleisti mediją (puikiai tinka vaizdo įrašams) ir kt.

Tai mūsų pirmoji skaidrė! Dabar pridėkime sekundę, kad parodytume dar kelias funkcijas.

Slankiklio pavyzdys: pridėkite antrą skaidrę

Jei užvessite pelės žymeklį ant parinkties „Skaidrės“, pamatysite išskleidžiamąjį meniu:

  • Pridėti skaidrę (-es): spustelėkite, jei norite pridėti naują tuščią skaidrę, masinę skaidrę, kad pridėtumėte kelias skaidres su tuo pačiu fonu, arba importuokite skaidrę.
  • Pasauliniai sluoksniai: jie bus matomi kaip perdanga ant bet kokių sukurtų skaidrių. Tai puikus būdas pridėti logotipą ar vandens ženklą, įtraukti produkto mygtuką „Pirkti dabar“ arba net nuorodą, kad galėtumėte užsiprenumeruoti naujienlaiškį.
  • Visos jūsų dabartinės skaidrės (mūsų baigta skaidrė yra Nr. 1 nauja skaidrė).

Dabar tiesiog pakartokite skaidrės kūrimo procesą tiek kartų, kiek norite!

„Slider Revolution“ yra daug, daug daugiau parinkčių, kurias galite naudoti norėdami toliau tinkinti sluoksnius. Pavyzdžiui, prie sluoksnio galite pridėti kilpą (galite naudoti ją norėdami sukurti mirksintį „išpardavimo“ tekstą), pridėti slinkimo efektų, redaguoti matomumą, kad paslėptumėte mažuose įrenginiuose, ir dar daugiau. Norėdami rasti daugiau informacijos apie galimas funkcijas, rekomenduojame peržiūrėti oficialią „Slider Revolution“ žinių bazę.

Slankiklio pavyzdys: viršutinė juosta

Ir galiausiai tiesiog noriu atkreipti dėmesį į keletą naudingų nuorodų slankiklio kūrimo priemonės viršuje ir apačioje. Pradedant nuo viršaus, rasite šias greitąsias nuorodas (iš eilės):

  • atgal: norėdami grįžti į pagrindinį „Slider Revolution“ puslapį „WordPress“ prietaisų skydelyje
  • skaidrės: norėdami pridėti ir tvarkyti skaidres slankyklėje
  • Pridėti sluoksnį: norėdami pridėti naujų sluoksnių prie dabartinės skaidrės
  • Šis Vardas sluoksnio, kurį pasirinkote
  • dublikatas piktogramą, jei norite kopijuoti arba kopijuoti dabartinį sluoksnį
  • Šiukšledėžę piktogramą, kad ištrintumėte dabartinį pasirinktą sluoksnį
  • spyna piktogramą, kad užrakintumėte sluoksnį, kad išvengtumėte netyčinio redagavimo
  • akis piktogramą, norėdami parodyti arba paslėpti sluoksnius
  • Aukštyn žemyn Rodyklės, skirtos naršyti tarp sluoksnių
  • Šiek tiek nuves jus į Žymeklis norėdami pasirinkti sluoksnius
  • A Atsukti atgal piktogramą, kad anuliuotumėte ir peržiūrėtumėte naujausių pakeitimų sąrašą
  • Šis kompiuteris piktogramą, kad peržiūrėtumėte slankiklio reagavimą į standartinių dydžių įrenginius
  • klausimas žymėti piktogramą pagalbos nuoroda
  • Ir pagaliau a Lašelis piktogramą, kad pasiektumėte greitus išankstinius sluoksnio stiliaus nustatymus

Slankiklio pavyzdys: Tvarkaraštis

Ir po slankiklio peržiūra turėtumėte matyti tvarkaraštį. Čia galite redaguoti delsą, kada jūsų skaidrėje bus animuoti sluoksniai (mūsų pabaigos laikas yra 00:05:00 arba 5 sekundės – tiesiog spustelėkite jį, kad galėtumėte redaguoti skaidrę). Taip pat galite pamatyti vaizdinį tvarkaraštį, kuriame rodomas sluoksnio laikas, palyginti su visu skaidrės trukme. Užblokuotos sekcijos yra jūsų sluoksnio animacijos laikas, kurį galite atlikti tiesiog spustelėkite ir vilkite, kad pakeistumėte.

Pridėję kelis sluoksnius taip pat galite naudoti šį skyrių, norėdami pertvarkyti sluoksnius, vilkdami ir numesdami sluoksnius į eilę. Be to, viršutinėje kairėje pusėje galite rasti naudingą nuorodą, leidžiančią paleisti skaidrę ir peržiūrėti laiką, kai atliekate redagavimus.

Peržiūrėkite ir išsaugokite slankiklį

Slankiklio pavyzdys: Peržiūrėkite slankiklį

Kai dirbate, galite peržiūrėti slankiklį spustelėdami mėlyną Peržiūrėti mygtuką apatiniame dešiniajame kampe.

Slankiklio pavyzdys: Išsaugokite slankiklį

Ir nepamiršk Sutaupote jūsų skaidrės dirbant! Atlikę pakeitimus būtinai išsaugokite skaidrę. Jei nueisite nuo skaidrės (net jei pereisite prie kitos skaidrės), galite prarasti visą sunkų darbą. Tad būtinai taupyk, taupyk, taupyk!

Slider Revolution taip pat siūlo galimybę Optimizuokite failų dydžius išsaugant siūlo tam tikras serverio pusės glaudinimo ir optimizavimo rekomendacijas.

Išsaugoję galite pereiti ir dirbti su kitomis skaidrėmis ar slankikliais arba naudoti gatavą produktą puslapyje.

Slankiklio naudojimas

Norėdami pridėti savo nuostabų slankiklį prie bet kurio įrašo ar puslapio, naudokite anksčiau sukurtą trumpąjį kodą Slider Revolution. Šį trumpąjį kodą galite rasti prietaisų skydelyje spustelėję meniu elementą Slider Revolution.

Slankiklio revoliucija: suraskite trumpąjį kodą

Trumpasis kodas turėtų atrodyti taip [rev_slider alias="title"][/rev_slider] su „pavadinimu“ pagal slapyvardį, kurį suteikėte slankikliui pirmą kartą jį kurdami.

Slankiklio revoliucija: nukopijuokite trumpąjį kodą

Tiesiog įklijuokite trumpąjį kodą į savo įrašą arba puslapio turinį. Arba, jei jūsų tema palaiko papildomas slankiklio vietas, taip pat galite pridėti trumpąjį kodą.

Slankiklio revoliucija: WPBakery puslapio kūrimo modulis

Jei jūsų temoje naudojama „WPBakery“ puslapio kūrimo priemonė (pvz., „Total Multipurpose WordPress“ tema), galite naudoti įtrauktą „Slider Revolution“ puslapio kūrimo priemonės elementą.

Slankiklio revoliucija: WPBakery puslapio kūrimo priemonės modulio peržiūra

Viskas, ką jums reikia padaryti, tai pridėti modulį, pasirinkti slankiklį iš tinklelio (jame bus rodomas visų jau sukurtų slankmačių sąrašas), įterpti ir nuvilkti slankiklį į vietą. Lengva tiesa?

Paskutinės mintys apie Slider Revolution

Manome, kad „Slider Revolution“ yra vienas iš lengviausiai naudojamų aukščiausios kokybės slankiklių įskiepių, ypač dėl to, kad juose yra paprasta naudoti vaizdo rengyklė ir daugybė integruotų funkcijų, todėl jums nereikia žinoti CSS, kad galėtumėte formuoti skaidres (mygtukus, šriftus, spalvų ir daugiau jau yra!). Jis gavo tvirtas 5 žvaigždutes ir, mūsų nuomone, jums bus sunku rasti geresnį slankiklio papildinį.

Tikimės, kad mūsų vadovas padėjo jums pradėti, bet norėdami sužinoti daugiau (arba pasiimti savo kopiją), apsilankykite pagrindiniame „ThemePunch“ puslapyje „Slider Revolution“. Jie rodo puikius savo slankiklio pavyzdžius, taip pat nuorodas į tiesiogines demonstracines versijas, kuriose galite pamatyti, ką gali padaryti „Slider Revolution“.

Daugiau apie Slider Revolution

Bet mes norėtume išgirsti iš jūsų. Praneškite mums, ką manote apie Slider Revolution toliau pateiktuose komentaruose arba nedvejodami užduokite mums bet kokius klausimus. Džiaugiamės galėdami padėti!

Susiję straipsniai

0 komentarai
Inline atsiliepimai
Peržiūrėti visus komentarus
Atgal į viršų mygtukas