Ikaw marahil alam slider Revolution, ito ay isa sa mga pinaka-download na premium na plugin ng WordPress sa CodeCanyon. Ito rin ang pinaka inirerekumenda para sa mga taong nais na magdagdag ng slider (slideshow) sa kanilang website o WordPress blog.

Ito ay isang plugin na magagamit sa CodeCanyon.com. Tandaan, ipinakilala namin sa iyo kung paano mag-download ng isang plugin sa platform na ito.

Kaya ang una ay télécharger, i-install at buhayin ito.

Kung hindi mo pa nai-install ang huli, alamin Paano i-install ang Revolution Slider sa WordPress.Maaari mo ring tuklasin ang iba pang detalyado at ganap na kumpletong tutorial.

Inirerekumenda.

Paano i-configure Slider Rebolusyon

Nag-aalok ang Slider Revolution ng mga pangunahing setting. Dapat mo munang i-access ang home page ng plugin, sa pamamagitan ng menu na " slider Revolution »Magagamit sa menu sa kaliwang bahagi ng iyong dashboard, pagkatapos i-install at buhayin ang plugin.

access rebolusyon slider.jpg

Ito ay magre-redirect sa iyo sa dashboard ng Slider Revolution plugin. Pagkatapos ay i-configure namin ang plugin. Kailangan mong mag-click sa link na " Pangkalahatang Mga Setting Matatagpuan sa Slider Revolution submenu.

pangkalahatang mga resolution ng slider.jpg

Ang pag-click dito ay magdadala sa iyo sa isang bagong pahina. Ang pahinang ito ay naglalaman ng ilang mga pagpipilian, kabilang ang:

  • Ang mga tungkulin na may access pahintulot pagtingin plugin »
  • Naglo-load ng mga mapagkukunan ng plugin kahit saan " on O sa mga pahina lamang na gumagamit nito. Ang paglo-load ng mga mapagkukunan sa lahat ng iyong mga pahina ay maaaring pabagalin ang iyong website.
  • Maaari mo ring isama ang mga mapagkukunan ng plugin sa ilang mga pahina sa pamamagitan ng pagdaragdag ng identifier ng bawat pahina sa " Mga pahina upang RevSlider may kasamang mga aklatan '.
  • Para sa isang mas mahusay na pag-render, maaari kang pumili upang mai-load ang mga mapagkukunan ng plugin pagkatapos maipakita ang pahina na may pagpipiliang " Inset JavaScript sa footer '.
  • Maaari mong buhayin ang mga pagpipilian para sa pag-export ng data ng slider upang magamit sa maraming iba pang mga website.
  • Ang huling pagpipilian ay tungkol sa mga ulat ng aktibidad ng slider.

pagtatakda ng rebolusyon ng slider pangkalahatang mga parameter.jpg

Tinatanggap ang mga default na setting. Ngunit maaari mong ipasadya ang mga ito ayon sa gusto mo. Huwag kalimutang mag-click sa " I-save ang mga setting »Upang mai-save ang iyong mga setting.

Bumalik sa « slider Revolution Sapagkat ngayon ay gagawa kami ng isang bagong slider.

i-configure ang WordPress Slider Revolution plugin

Paano lumikha ng isang slider gamit ang Revolution Slider plugin

Ang Revolution Slider ay napaka-kakayahang umangkop at umaangkop sa halos anumang uri ng slider, mula sa pinakasimpleng hanggang sa pinaka kumplikadong may mga layer (ito ay isang napaka-kagiliw-giliw na tampok).

Sa bagong pahina, mapapansin mo na mayroong dalawang pangunahing mga haligi. Ang pahinang ito ay dapat isaalang-alang bilang pahina ng mga setting para sa bagong slider. Hindi posible mula sa lokasyon na ito upang magdagdag ng mga imahe at teksto. Gayunpaman, babaguhin namin ang ilang mga setting ng slider.

Tuklasin ang aming Ang 10 pinakamahusay na premium WordPress plugin upang lumikha ng mga slider sa iyong blog

Sa seksyong "Param Slider"

Mayroon kaming maraming kinakailangang mga patlang na dapat nakumpleto, kasama ang:

  • Pamagat
  • Ang alias na gagamitin sa shortcode. Kailangan mong magbigay ng isang alias.

pamagat shortcode rebolusyon slider.jpg

Mayroong maraming mga uri ng slider na nakamit Slider Rebolusyon:

  • Maaari kang pumili upang ipakita ang mga artikulo bilang slide, sa partikular sa pamamagitan ng pagtukoy ng isang limitasyon ng mga resulta, sa pamamagitan ng pagbabago ng order ng pagpapakita, sa pamamagitan ng pagpili ng isang template, atbp.
  • Pumili ng mga partikular na artikulo, na tinukoy ang kanilang mga pagkakakilanlan
  • Piliin ang mode ng gallery para sa slider, na magbibigay-daan sa amin upang lumikha ng mas kumplikado at magagandang slide.

slider revolution type selection slider.jpg

Pinapayagan ka ng sumusunod na pagpipilian na baguhin ang layout ng slider: naayos, naisapersonal, awtomatikong tumutugon, buong screen. Bilang karagdagan sa mga pagpipiliang ito, may mga para sa mga laki ng grid at mga sukat ng layout.

laki configuration rebolusyon slider.jpg

Ito ang mga pagpipilian sa unang haligi. Nag-aalok ang pangalawang haligi ng maraming iba pang mga pagpipilian. Bukod sa iba pa mayroon kaming: Ang tagal ng bawat slide, na sa pamamagitan ng default ay 9 segundo.

Random na pagpapakita (shuffle Mode)

pangkalahatang mga parameter ng slider rebolusyon slider.jpg

Ang seksyon ng Layout at Visual

Pinagpangkat ng seksyong ito ang mga opsyon sa pagsasaayos ng anino, ang background sa sub-tab na "Hitsura." Makakakita ka rin ng tab na "Spinner", na nagbibigay-daan sa iyong baguhin ang animation sa panahon ng paglo-load ng slider, ang tab na "Mobile" na nagpapahintulot sa iyo na matukoy kung paano ipinapakita ang slider sa mobile at ang tab na "Posisyon" na nagbibigay-daan sa iyo. upang i-configure ang lokasyon ng slider na may kaugnayan sa nilalaman.

layout at visual Revolution slider.jpg

Ang seksyon ng Pag-navigate

Ang tab na nabigasyon ay nahahati sa maraming mga sub tab na nagbibigay-daan sa iyo upang mai-configure ang iba't ibang mga aspeto ng pag-navigate ng slider. Halimbawa, magkakaroon ka ng tab na "mga arrow" na nagbibigay-daan sa iyo upang piliin ang uri ng pindutan ng pag-navigate sa pagitan ng mga slider (maaari mong buhayin o hindi ang mga arrow). Sa tab na "Bullet", mayroon ka ring posibilidad na i-configure ang mga bullets sa pag-navigate, gamit ang tab na "Tabs" na magdagdag ng isang epekto ng slider ng tab at iba pa.

navigation tab rebolusyon slider.jpg

I-configure ang mga kundisyon ng animation na "Pangkalahatang Mga Parameter"

Nag-aalok ng mga pagpipilian sa mga slide, halimbawa, maaari mong tukuyin na ang slider ay titigil nang awtomatiko pagkatapos ng isang partikular na slide " Itigil Pagkatapos Loop »O piliin ang posisyon ng slide bar (Pinapayagan ka ng progress bar na makita kung gaano katagal ang slide bago ipakita ang isa pa).

configuration animation slider revolution slider.jpg

Ito ang mga unang seksyon ng plugin at ang mga pinaka magagamit mo. Maaari kang gumamit ng higit pang mga pagpipilian upang magdagdag ng higit na pag-andar sa slider.

Tuklasin Paano Gumawa ng Pro Web Page na may WPBakery at idagdag ito ng isang magandang Slider.

Kapag tapos na ito, i-save ang slider sa ibaba gamit ang " I-save ang mga setting '.

irehistro slider rebolusyon sliders.jpg

Pagkatapos mag-click sa " I-save ang mga setting », Ire-redirect ka sa interface ng paglikha ng slider. Alin ang lilikha ng isang walang laman na default slider.

slider paglikha interface.jpg

Paano magdagdag ng isang bagong slide sa isang slider

Kung hindi mo matandaan kung ano ito, sa isang nakaraang post na tinukoy ko ang isang hanay ng mga teknikal na termino sa WordPress, kasama ang « Slider "at" Mga Slide ».

Bago ang interface para sa pagbabago ng mga pagpipilian sa slider, makikita mo ang isang seksyon na may 3 mga zone bilang default kung saan makikita mo ang huling may label na " Magdagdag ng Slide". Sa pamamagitan ng paglalagay ng mouse sa ibabaw nito, magpapakita ito ng mga karagdagang pagpipilian. Piliin ang Idagdag ang Empty Slide.

magdagdag ng isang slider sa isang slider.jpg

Tala : Anumang mga bagong slide na iyong nilikha ay idaragdag sa bar na ito. Ang bawat Slide na nilikha ay mag-aalok sa iyo ng karagdagang mga pagpipilian sa pamamahala: Tanggalin, Dobleng, Idagdag sa template.

Ang interface ng isang slider ay binubuo ng:

  • Mga pagpipilian sa advanced slide
  • Mula sa interface ng disenyo ng slider (interface ng paglikha)

Advanced na mga pagpipilian sa interface

Ang mga pagpipiliang ito ay nakaayos sa maraming iba't ibang mga tab. Pinapayagan ka ng pangunahing seksyon ng background na i-configure ang iba't ibang mga aspeto na nakakaapekto sa slide background. Halimbawa, maaari kang pumili upang gumamit ng isang video sa YouTube bilang background.

background video rebolusyon slider.jpg

Pinapayagan ka ng tab na Pangkalahatang Mga Parameter na i-configure ang mga elemento tulad ng tagal ng slide, iba't ibang mga kaganapan na magiging sanhi ng slide upang i-pause (itigil ang animasyon).

pangkalahatang mga parameter ng rebolusyon slider.jpg

Pinapayagan ka ng tab ng thumbnail na pumili ng isang preview para sa nilikha na slide. Gagamitin ito kung nag-aalok ang iyong slider ng mga slide preview. 

paglikha vignette rebolusyon slider.jpg

Pinapayagan ka ng tab ng slide na slide na tukuyin kung alin ang entry at exit na animasyon ng slide. Mayroon kang malawak na pagpipilian sa mga magagamit na pagpipilian.

pumili ng animation slider rebolusyon slider.jpg

Pinapayagan ka ng tab ng link at seo na baguhin ang ilang mga katangian ng HTML ng slide. Sa prinsipyo, hindi mo kakailanganing gamitin ang tab na ito nang madalas.

Revolution Slider interface ng disenyo

Ang interface ng disenyo ay ang lokasyon ng pagtatanghal ng dula kung saan mo gagawin ang iyong komposisyon. Binubuo ito ng isang ibabaw na binubuo ng puti at kulay-abo na mga parisukat, na bumubuo sa nagtatrabaho na sobrang (kung saan ilalagay ang iba't ibang mga elemento).

disenyo ng interface rebolusyon slider.jpg

Ano ang malalaman tungkol sa mga layer (Layer)

Ang bawat bagay na inilagay sa interface ng komposisyon ay bumubuo ng isang layer. Ang mga layer na ito ay maaaring ma-overlay sa tuktok ng bawat isa, tulad ng magagawa mo sa mga sketch. Samakatuwid ang layer ay maaaring binubuo ng isang imahe, isang html code, isang video, isang hugis, isang bagay at marami pa. Maaari kang magdagdag ng isang layer na hover sa pindutang "Magdagdag ng Layer" na magbibigay sa iyo ng maraming mga pagpipilian.

mag-browse ng isang layer revolution slider.jpg

Kung nag-click ka sa "Teksto / html", magdaragdag ito ng isang text zone sa interface ng disenyo na maaari mong ipasadya (magdagdag ng teksto, baguhin ang font o ilipat).

magdagdag ng teksto rebolusyon slider.gif

Ang bawat idinagdag na layer ay maaaring mag-alok ng iba't ibang mga pagpipilian. Karaniwan upang ma-access ang mga pagpipilian ng isang layer, mag-double click lamang dito. Magdagdag kami ngayon ng isang imahe.

magdagdag ng imahe rebolusyon slider.gif

Ang bawat layer ay may sariling mga pagpipilian. Ang mga pagpipiliang ito ay ang bar na matatagpuan sa itaas lamang ng interface ng disenyo.

opsyon para sa layer rebolusyon slider.jpg

Ito ang mga tab na nag-aalok ng mga advanced na pagpipilian. Halimbawa, kung nais naming baguhin ang animasyon ng layer, kailangan naming pumunta sa tab na animasyon at pumili ng isang input at output na animasyon tulad ng sumusunod.

pumili ng isang animation para sa isang layer.gif

Ang bawat tab ay may sariling mga pagpipilian. Sa pamamagitan ng pagkuha ng ilang minuto, magagawa mong maunawaan kung paano gumagana ang karamihan sa mga tab.

Iyon lang ang dapat malaman tungkol sa pag-configure ng WordPress plugin Slider Revolution upang magsimula. Babalik kami mamaya para ipakita sa iyo ang mas advanced na mga diskarte.

Ngunit bago ka namin iwan, gusto naming mag-alok sa iyo ng 2 pang mga kahalili sa premium na idinisenyo upang matulungan kang lumikha ng mga slider sa iyong website.

1. RoyalSlider

Ang pinaka-download na slider sa CodeCanyon, ang Royal Slider ay puno ng mga hindi mapaglabanan na tampok. Ginamit ng mga kumpanya na magkakaiba tulad ng Coca-Cola, Ralph Lauren, at Land Rover, ginagawa ng plugin na ito ang tungkol sa lahat ng maaari mong asahan mula sa isang slider. Ang pinaka-kaakit-akit na tampok ay katutubong suporta ng buong screen.

Royalslider pindutin ang slider ng nilalaman para sa WordPress

Perpekto para sa pagpapakita ng mataas na resolusyon ng litrato. Ang plugin na ito ay tiyak na mapahanga ang iyong mga bisita sa mga propesyonal na tampok. Bilang mga pagpapaandar na mayroon tayo bukod sa iba pa: ang posibilidad na lumikha ng maraming mga slider na may iba't ibang mga estilo bawat pahina, suporta para sa pandamdam na pag-navigate, isang tumutugong disenyo, ang patayo o pahalang na maliit na A, mga bala o tab para sa pag-navigate, at marami pa.

Download | Demo | web hosting

2. . WP Slick Slider at Image Carousel Pro

Kung ikaw ay isang hindi kondisyon na tagasunod ng pagkakasunod-sunod visual Composer, ang paggamit ng WP Slick Slider plugin ay isang opsyon na kailangan mong isaalang-alang. Sa halos mga paunang natukoy na mga template ng 100, siguradong makikita mo kung ano ang hinahanap mo nang walang pag-cod ng anumang bagay.Wp slick slider at image carousel pro

Ito ay isang pagpipilian upang seryosohin, lalo na para sa mga gumagamit ng Visual Composer - WPBakery -.

Ang mga tampok nito ay bukod sa iba pa: a mganap na tumutugon na pahina na may suporta ng drag-and-drop, a cmga tagabuo ng mga shortcode, angpagsulong ng RTL at ang multilingual, ngnakagaganyak na disenyo, at marami pang iba.

Download | Demo | web hosting

Inirerekumendang Mapagkukunan

Alamin ang tungkol sa iba pang mga inirekumendang mapagkukunan upang matulungan kang bumuo at pamahalaan ang iyong website.

Konklusyon

Umaasa kaming nakatulong sa iyo ang artikulong ito na i-set up ang WordPress plugin Premium Slider Revolution. Kung mayroon kang anumang mga katanungan, huwag mag-atubiling iwanan ang mga ito sa seksyon mga komento. At kung nagustuhan mo ang artikulong ito, ibahagi ito sa iyong iba mga social network