Ønsker å konfigurere WordPress Plugin Slider Revolution?

Siden begynnelsen av denne serien av opplæringsprogrammer dedikert til WordPress Plugin  slider Revolution, lærte vi å last ned og installer plugin-modulen. Vi deretter oppdaget grensesnittet og de forskjellige funksjonalitetene. La oss nå gå foran ved å vise konfigurasjonene til a "Glidebryter".

Hvis du er nybegynner og leter etter ressurser for å komme i gang; her finner du alt du trenger for å komme i gang. Og hvis du oppdager blogginnlegg, les Slik oppretter du en WordPress Blog enkelt: Guide & Tuto

Når det er sagt, la oss finne ut hva en glidebryter er.

Hva er en glidebryter i praksis?

En glidebryter er en HTML -komponent. Ja, jeg vet, sa det, det fører ikke mye frem. Så en glidebryter er en funksjon som lar deg vise forskjellig informasjon i en sløyfe (eller ikke). Denne informasjonen er gruppert etter " lysbilde ", Som er en enhet av en" glidebryter "og som kan bestå av bilder, videotekster, lenker, etc.

" glidebryter "Inneholder derfor" lysbilder (Minst 1), og disse lysbildene inneholder multimediaelementer (bilder, video, musikk, tekst) som kan være animerte eller interaktive (reagerer på brukerens handlinger).

Note : Du kan oversette " glidere I " interaktive og dynamiske lysbilder '.

Slider Revolution lar oss gjøre det, og vi vil starte uten ytterligere forsinkelse.

Hvis du ikke har opprettet et nettsted ennå og ser etter en WordPress tema som naturlig integrerer denne kraftige WordPress Plugin, denne listen over premium WordPress-temaer vil være perfekt.

Oppretting av en glidebryter: Første konfigurasjoner

For å begynne må du klikke på menyen " slider Revolution På WordPress-oversikten.

Klikk nå på varen ny Slider Og du kommer til glidebryterens konfigurasjonsgrensesnitt.

Glidebryterens konfigurasjonsgrensesnitt kan være skremmende, men hvis du går tilbake vil du bedre forstå funksjonaliteten. Du kan merke at dette grensesnittet består av to seksjoner. Den første til venstre består av 5 forskjellige områder, og den andre til høyre består av 6 små områder. Rett over har du verktøylinjen, som lar deg:

• Gå tilbake til listen over glidebrytere « alle Sliders »
• Få tilgang til glidebryterinnstillingene (dette er vinduet du er på)
• Redigeringsgrensesnittet til lysbildene
• En backup-knappen
• En lysbildeknapp
• En forhåndsvisningsknapp for glidebryteren
• En glidebryter for skyveknappen
• En knapp for å gå tilbake (igjen) Til listen over glidere

Jeg vil nå forklare hver seksjon i venstre kolonne.

Dette WordPress-pluginet manipulerer mange bilder, noe som kan redusere belastningen på nettstedet ditt. Oppdage Hvorfor du trenger å begynne å optimalisere WordPress-bloggen din etter bilder

seksjonen "Innholdskilde"

Denne delen lar deg konfigurere kilden til glidebryteren. Faktisk, her kan du bestemme deg for å opprette:

• En klassisk glidebryter der du må konfigurere alle animasjonene selv
• En glideblad med artikler, der handlingsrommet ditt er ganske begrenset
• En glidebryter med spesifikke artikler som du kan velge
• En glidebryter av Flickr-nyhetsfeeden
• En glidebryter av Instagram-feeden
• En produktglidebryter WooCommerce
• En glidebryter på Twitter mate
• En glidebryter på Facebook-innlegg
• En glidebryter på YouTube Publikasjoner
• Og en skyveknapp på Vimeo publikasjoner

Det skal bemerkes i forbifarten at: Slider Revolution er en kraftig plugin som gjør det mulig å fremheve produkter i en nettbutikk. Oppdag 10 WordPress-temaer for å lage en nettbutikk og vise frem klærne dine

Når det er sagt, vil vi nøye oss med å presentere hvordan man lager en klassisk glidebryter, fordi den er den mest brukte, den vanskeligste å mestre og den mest ekstraordinære i dens effekter. Med praksis vil du klare å lage dine egne konfigurasjoner på andre glidebrytere. I tilfelle problemer, ikke nøl med å komme tilbake og legge igjen en kommentar her. Så la alternativet " Standard glidebryter "Aktiv.

Slider Tittel og kortkodeseksjon

Du gjettet sannsynligvis det. Denne delen lar deg definere tittelen på glidebryteren og kortkoden som skal følge den (ingenting for rakettvitenskap).

Avsnittet "Velg en glidebryterstype"

Denne delen lar deg definere glidebryteren. Faktisk har du til din disposisjon 3 alternativer å velge mellom som lar deg:

• For det første alternativet definerer du en standard glidebryter med bredder tilpasset den tilgjengelige plassen og har grunnleggende elementer som navigasjonsknapper.
• For det andre alternativet kan du bestemme deg for å bruke en dynamisk og interaktiv stil uten en navigasjonsknapp og mye mer imponerende enn det forrige alternativet. Dette alternativet kalles "hero scene" fordi du her vil legge mer vekt på animasjoner og interaksjon.
• Det siste alternativet tilbyr en mye mer klassisk stil med en forenklet rulling av bildene fra venstre til høyre i ganske varierte animasjoner.

Note : Når du velger et alternativ, har du et avsnitt "Legg inn en forhåndsinnstilling fra denne skyveknappenSom tilbyr deg avanserte varianter av type glidebryter du har valgt.

Jeg vil ikke kunne forklare alle variasjonene, men du vil kunne trekke konklusjoner fra de tilgjengelige bildene. For eksempel for glidebryteren type " standard Du har som fjerde variant " Tommelen Bottom selv ", Som lar deg lage en glidebryter med miniatyrbilder i bunnen og har en automatisk rullende animasjon.

"Slide Layout" -delen

Denne delen lar deg angi en layout for glidebryteren. Så du kan forlate ' Revolution Slider »Velg bredder automatisk den vil bruke på glidebryteren, velg å bruke full bredde på glidebryteren eller bruk glidebryteren i fullskjermmodus.

Avhengig av hvilket alternativ du velger, vil glidebryteren være forskjellig på noen enheter. Du har under en del av konfigurasjonen av rutenettet i henhold til enhetene (mobile, stasjonære, etc..). Husk at ved å konfigurere rutenettet kan du endre de indre margene på hver glidebryter.

Les også 6 tips for å optimalisere mobildesignet til bloggen din

Helt nederst i dette avsnittet kan du velge å aktivere overløpssynlighet, aktivere fastholdelse av radioutseende og angi en minimumshøyde.

Avsnittet "Tilpass, bygg og implementer"

Denne delen har ikke et alternativ for plugin-modulen. Den tilbyr noen raske koblinger til viktige seksjoner.

Vi fortsetter nå med den andre kolonnen til høyre.

Delen Generelle innstillinger

Denne delen gir deg noen innstillinger som gjelder for glidebryteren. Slik kan du:

I "Lysbildefremvisning" -fanen

• Deaktiver glidebryteren på flyover
• Stopp glidebryteren etter et angitt antall ruller
• Vis lysbilder tilfeldig
• Loop lysbildet
• Deaktiver eller stopp glidebryteren på bestemt enhetsstørrelse
• Det siste alternativet "Vent på revapi.revstart ()", vil ikke være nyttig for deg.

I kategorien "Feil"

Du kan definere:

• Lagene som kan velges
• Definer identifikatoren til glidebryteren (det gjøres automatisk)
• Minste varighet mellom lysbildene
• Tidsavbruddet før initialisering
• Overgangen mellom sidene
• Varigheten av overgangen uttrykt i mikrosekunder
• Bildestørrelsen
• CSS-posisjonen til bakgrunnsbildet
• Gjenta bakgrunnsbildet hvis dette bildet ikke er stort nok
• Aktivering av alternativet " video Muette Som lar deg definere type animasjon, posisjonene i en XY (ja, det du lærer når du må tegne mattefunksjoner) og andre elementer.

Fanen for fremdriftslinjen

Alle alternativene i denne delen er for fremdriftslinjen, som du kan aktivere og tilpasse.

1-fanen^er Skyv

Denne delen lar deg aktivere et første alternativ lysbilde. Dette vil tillate " glidebryter Slik laster du en " lysbilde Av ditt valg først. Husk at " lysbilder Er elementer som kan identifiseres.

Avsnittet "Layout og visuelt"

Fanen "Utseende"

Denne delen lar deg konfigurere utseendet til glidebryteren. Spesielt kan du definere for å vise en skygge under glidebryteren (veldig nyttig hvis du velger standard glidebryteren, med en betydelig lav margin).

Du kan også velge å vise et overlag dekket med gjennomsiktige prikker (Dette vil gjøre glidebryteren veldig original, men hvis du vil vise informasjon som må leses grundig, må du gå uten).

Så har du bakgrunnen til glidebryteren, den indre marginen og bildet i bakgrunnen (det du trenger å vite her er at et bakgrunnsbilde på dette nivået vil vises på alle dine lysbilder).

fanen "Spinner"

Denne fanen lar deg definere en animasjon mens du laster glidebryteren, ikke noe mer.

fanen "Mobil"

Denne fanen lar deg styre visningen av glidebryteren på mobilen. Du må vite at mobiltrafikk er viktig, og at du derfor ikke bør forsømme den. Du vil ha muligheten til å skjule glidebryteren hvis dimensjonene til mobilen (bredden) er mindre enn et tall du har bestemt (i piksler).

kategorien "Posisjon"

Dette lar deg bestemme plasseringen av glidebryteren i forhold til siden. Jeg har en tendens til å si, i forhold til stedet der den ligger. Dette alternativet trenger ikke å endres, fordi jeg antar at vi alle ønsker at glidebryteren skal være sentrert.

"Navigering"

Denne delen lar deg aktivere navigasjonsknappene mellom lysbildene på "glidebryteren". Du har 6 navigasjonsalternativer:

• piler
• lopper
• faner
• miniatyrbilder
• Effekten av touchdown på mobile enheter
• Og navigere med piltastene

Hvert alternativ lar deg konfigurere posisjonen til navigasjonselementene eller operasjonsprinsippet når det er aktivert.standardinnstillinger er vanligvis tilstrekkelige).

"Karusellinnstillinger" -delen

Denne delen vises bare når du velger typen " Carousel Slider », Og lar deg konfigurere alternativene. Du vil kunne:

• Aktiver uendelig rulling
• Definer et mellomrom mellom lysbildene, hvis du ikke vil at lysbildene skal berøre
• Angi en avrundet kant i piksel
• Sett en høy toppmargin (padding-top)
• Sett en lav toppmargin (padding-bottom)
• Antall elementer som er synlige med "lysbilde"
• « strech element", Lar deg strekke elementet slik at det opptar hele bredden på" glidebryter »

Sikkerhet er et viktig element i oppetid på nettstedet ditt, og en av teknikkene som vil beskytte deg mot alvorlige angrep eller feil er å regelmessig sikkerhetskopiere bloggen din. Oppdag vår 5 WordPress Blog Backup-plugins

"Parallax & 3D" -delen

Her kan du aktivere alternativet " 3D På glidebryteren.

"Problem og håndtering"

Denne delen lar deg administrere kompatibilitet med gamle enheter. Du kan forenkle glidebryteren på " IOS4 og Internet Explorer 8 '.

Ellers kan du velge å vise et alternativt bilde når nettleseren ikke støtter glidebryteren.

"Google Fonts" -delen

Denne funksjonen lar deg administrere Google Fonts -skriftene du vil ha lastet ned og bruke den på glidebryteren.

Når du har definert parametrene til glidebryteren din. Alt du trenger å gjøre er å klikke på opptaksknappen.

Hvis WordPress Slider Revolution-pluginet ikke er din favoritt når det gjelder å lage glidebrytere på WordPress-nettsteder, tilbyr vi her to alternativer som kan tilby lignende funksjonalitet.

1. LayerSlider

LayerSlider er et premium WordPress multifunksjons animasjonspluggprogram. Det gir deg muligheten til å lage lysbildefremvisninger og bildegallerier med fantastiske effekter, vakkert animerte destinasjonssider og sideblokker, eller til og med et komplett nettsted.

Det er et av alternativene som er i stand til å konkurrere Slider Revolution nøyaktig. Den visuelle dra-og-slipp-redigereren gjør det veldig intuitivt for alle å begynne å bruke den. Ingen tekniske eller kodende ferdigheter kreves. Det stadig voksende utvalget av importerbare modeller er et ideelt utgangspunkt for nye prosjekter og dekker alle vanlige brukssaker. De er laget med omhu, og kan enkelt tilpasses for å imøtekomme alle behov.

Utmerket støtte og hyppige oppdateringer sikrer at du får mest mulig ut av kjøpet.

Gå videre med dette kraftige WordPress-plugin ved å lese denne artikkelen Layer Slider: Et WordPress-plugin for å lage en glidebryter

Last ned | dEMO | Webhotell

2. WP1 Slider

WP1 Slider er en allsidig WordPress-plugin. Den er enkel å bruke og har alle nyttige funksjoner du trenger for å lage vakre lysbildefremvisning. De fleste glidebrygg-plugins er for tekniske og trenger mye tid på å konfigurere dem, men WP1 Slider er designet for ikke-programmerere og tilbyr utrolige alternativer.

Blant disse finner du: theopport av Kenburn effekter, 6 forskjellige modeller av glidebryteroverganger,opport av kortkoder, en copptak av lysbilder ved å dra og slippe, crask trakassering og utmerket SEO, denstøtte for deling på flere sosiale nettverk, iintegrasjon av YouTube og Vimeo-videoer, en e-layoutfullt lydhør, støtte fra WooCommerce og andre.

Last ned | dEMO | Webhotell

Andre anbefalte ressurser

Vi inviterer deg også til å konsultere ressursene nedenfor for å komme videre i grepet og kontrollen av nettstedet og bloggen din.

• 8 WordPress-plugins for å lage diagrammer på en blogg
• 5 WordPress-plugins for å dele artiklene dine
• 6 WordPress-plugins for å sikre RGPD-samsvar med en blogg
• 8 WordPress-plugins for å legge til et oversettelsessystem på en blogg

konklusjonen

Voila! Det er alt for denne presentasjonen om konfigurasjonen av WordPress-plugin Slider Revolution. Vi vil fortsette i en fremtidig veiledning, hvor vi vil diskutere design av lysbilder.

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Men hvis du har kommentarer eller forslag til saken, vil de være velkomne i kommentarfeltet. Del spesielt denne artikkelen om dine forskjellige sosiale nettverk.