Du kjenner sikkert Slider Revolution, er det en av de mest nedlastede premium WordPress-pluginene på CodeCanyon. Det er også det mest anbefalte for folk som ønsker å legge til en glidebryteren (lysbildefremvisning) på nettsiden deres eller WordPress blog.

Det er et plugin tilgjengelig på CodeCanyon.com. Husk at vi introduserte deg heller hvordan last ned en plugin på denne plattformen.

Så den første tingen er Télécharger, installer og aktiver den.

Hvis du aldri har installert sistnevnte, finn ut Slik installerer du Revolution Slider på WordPress.Du kan også oppdag denne andre detaljerte og ganske komplette opplæringen.

Anbefalt.

Slik konfigurerer slider Revolution

Slider Revolution tilbyr grunnleggende innstillinger. Du må først få tilgang til hjemmesiden til pluginet, gjennom menyen " Slider Revolution »Tilgjengelig på menyen til venstre på dashbordet, etter at du har installert og aktivert programtillegget.

tilgang revolusjon slider.jpg

Dette vil omdirigere deg til Slider Revolution-plugin-dashbordet. Så vil vi konfigurere plugin. Du må deretter klikke på lenken " Generelle innstillinger Ligger i undermenyen Slider Revolution.

generelle parametere oppløsning slider.jpg

Ved å klikke på den, kommer du til en ny side. Denne siden inneholder noen alternativer, inkludert:

  • Rollene som har tilgang view plugin tillatelse »
  • Laster inn plugin-ressurser overalt " on Eller bare på sidene som bruker den. Å laste inn ressurser på alle sidene dine kan bremse nettstedet ditt.
  • Du kan også integrere plugin-ressursene på bestemte sider ved å legge til identifikatoren for hver side i " Sider til RevSlider omfatter bibliotekene '.
  • For en bedre gjengivelse kan du velge å laste inn plugin-ressursene etter at siden vises med alternativet " Inset Javascript i bunnteksten '.
  • Du kan aktivere alternativene for å eksportere skyvedataene som skal brukes på flere andre nettsteder.
  • Det siste alternativet gjelder glidebryterens aktivitetsrapporter.

innstilling av revolusjon glidebryteren generelle parametre.jpg

Standardinnstillinger er akseptable. Men du kan tilpasse disse som du vil. Ikke glem å klikke på " Lagre innstillinger »For å lagre innstillingene.

Gå tilbake til « Slider Revolution For nå skal vi lage en ny glidebryter.

konfigurer WordPress Slider Revolution -pluginet

Hvordan lage en glidebryter med Revolution Slider-plugin

Revolution Slider er veldig fleksibel og tilpasser seg omtrent hvilken som helst type glider, fra det enkleste til det mest komplekse med lag (dette er en veldig interessant funksjon).

På den nye siden kan du merke at det er to hovedkolonner. Denne siden må betraktes som innstillingssiden for den nye glidebryteren. Det er ikke mulig fra dette stedet å legge til bilder og tekster. Imidlertid skal vi endre noen innstillinger på glidebryteren.

Oppdag vår 10 beste premium WordPress-plugins for å lage glidebrytere på bloggen din

Under "Param Slider" -delen

Vi har flere obligatoriske felt som må fylles ut, inkludert:

  • Tittel
  • Aliaset som skal brukes på kortkoden. Du må nødvendigvis oppgi et alias.

tittel shortcode revolusjon slider.jpg

Det er flere typer glidebryter oppnåelig med slider Revolution:

  • Du kan velge å vise artiklene som lysbilde, spesielt ved å definere en grense for resultatene, ved å endre visningsrekkefølgen, ved å velge en mal osv.
  • Velg bestemte artikler, spesifiser identifikatorene deres
  • Velg gallerimodus for glidebryteren, som lar oss lage mer komplekse og vakre lysbilder.

skyve revolusjon type utvalg slider.jpg

Følgende alternativ lar deg endre skyveoppsettet: fast, personlig, automatisk respons, fullskjerm. I tillegg til disse alternativene er det de for rutenettstørrelser og layoutdimensjoner.

størrelse konfigurasjon revolusjon slider.jpg

Dette er alternativene i den første kolonnen. Den andre kolonnen tilbyr flere andre alternativer. Blant annet har vi: Varigheten av hvert lysbilde, som standard er 9 sekunder.

Tilfeldig visning (shuffle-modus)

generelle parametre glidebryter revolusjon slider.jpg

Avsnittet Layout og visuelt

Denne delen grupperer alternativene for konfigurasjonen av skyggen, bakgrunnen i underfanen "Utseende". Du finner også en "Spinner"-fane, som lar deg endre animasjonen under lasting av glidebryteren, "Mobil"-fanen som lar deg bestemme hvordan glidebryteren vises på mobilen og "Position"-fanen som lar deg for å konfigurere plasseringen av glidebryteren i forhold til innholdet.

layout og visuell revolusjon slider.jpg

Navigasjonsseksjonen

Navigasjonsfanen er delt inn i flere underfaner som lar deg konfigurere forskjellige aspekter ved navigering av glidebryteren. For eksempel vil du ha "piler" -fanen som lar deg velge typen navigasjonsknapp mellom glidebryterne (du kan aktivere pilene eller ikke). Med "Bullet" -fanen har du også muligheten til å konfigurere navigasjonskuler, med "Tabs" -fanen som vil legge til en fanebrytereffekt og så videre.

navigeringsfan revolusjon slider.jpg

Konfigurer animasjonsbetingelsene "Generelle parametere"

Tilbyr alternativer på lysbilder, for eksempel kan du definere at glidebryteren stopper automatisk etter et bestemt lysbilde " Stopp Etter Loops »Eller velg posisjonen til glidebjelken (fremdriftslinjen lar deg se hvor lang tid en lysbilde tar før en annen vises).

Konfigurasjon animasjon skyve revolusjon slider.jpg

Dette er de første delene av pluginet og de du bruker mest. Du kan bruke flere alternativer for å legge til mer funksjonalitet i glidebryteren.

Oppdag Hvordan lage en Pro-webside med WPBakery og legg til den en vakker glidebryter.

Når det er gjort, lagrer du glidebryteren nedenfor ved å bruke " Lagre innstillinger '.

registrer skyverevolusjonen sliders.jpg

Etter å ha klikket på " Lagre innstillinger », Du blir omdirigert til skyvekontrollgrensesnittet. Som vil opprette en tom standard glidebryter.

glidebrytergrensesnitt.jpg

Slik legger du til et nytt lysbilde i en glidebryter

Hvis du ikke husker hva dette er, definerte jeg i et tidligere innlegg et sett med WordPress tekniske begreper, inkludert « Glidebryteren "og" Lysbildene ».

Før grensesnittet for endring av skyvealternativene, vil du se en seksjon med 3 soner som standard der du finner den siste med merkelappen " Legg til lysbilde". Ved å plassere musen over den, vil den vise flere alternativer. Velg Legg til tom lysbilde.

legg til en glidebryter til en glidebryter.jpg

Note : Alle nye lysbilder du oppretter, blir lagt til i denne linjen. Hvert lysbilde som blir opprettet, vil gi deg flere administrasjonsalternativer: Slett, dupliser, legg til mal

Grensesnittet til en glidebryter består av:

  • Avanserte lysbildealternativer
  • Fra glidebrytergrensesnittet (opprettelsesgrensesnitt)

Avansert alternativ grensesnitt

Disse alternativene er organisert i flere forskjellige faner. Hovedbakgrunnsdelen lar deg konfigurere forskjellige aspekter som påvirker lysbildebakgrunnen. For eksempel kan du velge å bruke en YouTube -video som bakgrunn.

bakgrunnsvideo revolusjon slider.jpg

I kategorien Generelle parametere kan du konfigurere elementer som lysbildets varighet, forskjellige hendelser som får lysbildet til å stoppe (stopp animasjonen).

generelle parametre revolusjon slider.jpg

Miniatyrfanen lar deg velge en forhåndsvisning av det opprettet lysbildet. Dette vil bli brukt hvis glidebryteren din tilbyr lysbildeforhåndsvisning. 

skapelse vignett revolusjon slider.jpg

Fanen for lysbildeanimasjon lar deg definere hvilken inn- og utgående animasjon av lysbildet. Du har et stort utvalg blant de tilgjengelige alternativene.

velg animasjon slide revolusjon slider.jpg

Koblings- og seofanen lar deg endre noen HTML-attributter for lysbildet. I prinsippet trenger du ikke å bruke denne kategorien ofte.

Revolusjon Slider design grensesnitt

Designgrensesnittet er det iscenesettelsesstedet der du skal gjøre komposisjonen din. Den består av en overflate sammensatt av hvite og grå firkanter, som utgjør den fungerende super (der de forskjellige elementene skal plasseres).

grensesnitt design revolusjon slider.jpg

Hva du trenger å vite om lag

Hvert objekt plassert på komposisjonsgrensesnittet utgjør et lag. Disse lagene kan legges over hverandre, akkurat som du kan med skisser. Laget kan derfor bestå av et bilde, en html -kode, en video, en form, et objekt og mye mer. Du kan legge til et lag som holder musepekeren over "Legg til lag" -knappen som gir deg flere alternativer.

bla gjennom en lagrevolusjon slider.jpg

Hvis du klikker på "Tekst / html", vil dette legge til en tekstsone på designgrensesnittet som du kan tilpasse (legge til tekst, endre skrift eller flytte).

legg til tekstrevolusjon slider.gif

Hvert lag som er lagt til kan tilby forskjellige alternativer. Vanligvis for å få tilgang til alternativene til et lag, er det bare å dobbeltklikke på det. Vi vil nå legge til et bilde.

legg til bilde revolusjon slider.gif

Hvert lag har sine egne alternativer. Disse alternativene er linjen rett over designgrensesnittet.

alternativ for lagrevolusjon slider.jpg

Dette er faner som tilbyr avanserte alternativer. Hvis vi for eksempel vil endre animasjonen av laget, må vi gå til fanen animasjon og velge en inn- og utgangsanimasjon som følger.

velg en animasjon for et lag.gif

Hver fane har sine egne alternativer. Ved å ta noen minutter, vil du kunne forstå hvordan de fleste faner fungerer.

Det er omtrent alt du trenger å vite om å konfigurere WordPress Plugin Slider Revolution for å starte. Vi kommer tilbake senere for å vise deg mer avanserte teknikker.

Men før vi forlater deg, vil vi tilby deg ytterligere 2 premiumalternativer designet for å hjelpe deg med å lage glidebrytere på nettstedet ditt.

1. RoyalSlider

Den mest nedlastede glidebryteren på CodeCanyon, Royal Slider er lastet med uimotståelige funksjoner. Denne pluginen brukes av selskaper så forskjellige som Coca-Cola, Ralph Lauren og Land Rover, og gjør omtrent alt du kan forvente av en glidebryter. Den mest attraktive funksjonen er innfødt fullskjermstøtte.

Royalslider touch innhold glidebryter for wordpress

Perfekt for visning av høyoppløselig fotografering. Denne pluginen vil definitivt imponere dine besøkende med sine profesjonelle funksjoner. Som funksjoner vil vi blant annet ha muligheten til å lage flere glidebrytere med forskjellige stiler per side, støtte for taktil navigasjon, en responsiv design, den vertikale eller horisontale miniatyren A, kuler eller faner for navigasjon og mer.

Last ned | dEMO | Webhotell

2. . WP Slick Slider og Image Carousel Pro

Hvis du er en ubetinget følge av oppfølgeren Visual Composer, bruker du WP Slick Slider-plugin er et alternativ du må vurdere. Med nesten 100 forhåndsdefinerte maler, vil du definitivt finne det du leter etter uten å kode noe.Wp glatt glidebryter og bildekarusell pro

Dette er et alternativ å ta virkelig alvorlig, spesielt for brukere av Visual Composer - WPBakery -.

Funksjonene er blant andre: a mer full responsiv side med dra-og-slipp-støtte, en ckortkodebygger,topport av RTL og det flerspråklige, avagnificent design, og mye mer.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Vi håper denne artikkelen hjalp deg med å sette opp WordPress Plugin Premium Slider Revolution. Hvis du har spørsmål, ikke nøl med å legge dem igjen i seksjonen commentaires. Og hvis du likte denne artikkelen, kan du dele den på din annen sosiale nettverk