Ønsker du at konfigurere WordPress plugin Slider revolution?

Siden begyndelsen af ​​denne serie af tutorials dedikeret til WordPress plugin  skyderen Revolution lærte vi at download og installer plugin. Vi derefter opdagede dets interface og dets forskellige funktionaliteter. Lad os nu gå videre ved at vise dig konfigurationer af en "Glider".

Hvis du er nybegynder og leder efter ressourcer til at komme i gang; her finder du alt hvad du har brug for for at komme i gang. Og hvis du opdager blogoprettelse, skal du læse Sådan oprettes en WordPress Blog nemt: Guide & Tuto

Når det er sagt, lad os finde ud af, hvad en skyder er.

Hvad er en skyder i praksis?

En skyder er en HTML -komponent. Ja jeg ved, sagde således, det fremmer dig ikke meget. Så en skyder er en funktion, der giver dig mulighed for at vise forskellige oplysninger i en loop (eller ej). Disse oplysninger er grupperet efter " glide ", Som er en enhed af en" skyder ", og som kan bestå af billeder, videotekster, links osv.

Den " skyderen "Derfor indeholder" dias (Mindst 1), og disse dias indeholder multimedieelementer (billeder, video, musik, tekst) der kan være animeret eller interaktiv (reagerer på brugerens handlinger).

Remarque : Du kan oversætte " skydere I " interaktive og dynamiske dias '.

Slider Revolution giver os mulighed for at gøre det, og vi vil starte uden yderligere forsinkelse.

Hvis du ikke har oprettet en hjemmeside endnu og leder efter en WordPress tema som indbygget integrerer denne kraftfulde WordPress plugin, denne liste over premium WordPress-temaer vil være perfekt.

Oprettelse af en skyder: Første konfigurationer

For at begynde skal du klikke på menuen " skyderen revolution På dit WordPress-dashboard.

Klik nu på varen ny Slider Og du kommer til skydekonfigurationsgrænsefladen.

Skyderens konfigurationsinterface kan være skræmmende, men hvis du tager et skridt tilbage, vil du bedre forstå dens funktionalitet. Du bemærker muligvis, at denne grænseflade består af to sektioner. Den første til venstre består af 5 forskellige områder, og den anden til højre består af 6 små områder. Lige over har du værktøjslinjen, som giver dig mulighed for:

• Vend tilbage til listen over glider « Alle Sliders »
• Adgang til skyderindstillinger (dette er det vindue, du er på)
• Redigeringsgrænsefladen på dias
• En sikkerhedskopi knap
• En knap til redigering af dias
• En forhåndsvisningsknap til skyderen
• En skyderen fjerner knap
• En knap for at vende tilbage (igen) Til listen over skyderne

Jeg vil nu forklare hver sektion i venstre kolonne.

Dette WordPress-plugin manipulerer mange billeder, hvilket kan bremse din webstedsindlæsning. Opdage Hvorfor du skal begynde at optimere din WordPress-blog efter billeder

afsnittet "Indholdskilde"

Dette afsnit giver dig mulighed for at konfigurere skyderen. Her kan du faktisk beslutte at oprette:

• En klassisk skyder, hvor du selv skal konfigurere alle animationer
• En glider med artikler, hvor dit handlingsrum er ret begrænset
• En skyder med specifikke artikler, som du kan vælge
• En skyder af Flickr-nyhedsfeeden
• En skyder af Instagram-feedet
• En produktskyder WooCommerce
• En skyder på Twitter-feed
• En skyder på Facebook indlæg
• En skyder på YouTube Publikationer
• Og en skyder på Vimeo publikationer

Det skal bemærkes i forbifarten at: Slider Revolution er et kraftfuldt plugin, der gør det muligt at fremhæve produkter i en online butik. Oplev 10 WordPress-temaer for at oprette en online butik og fremvise dit tøj

Når det er sagt, vil vi være tilfredse med at præsentere, hvordan man opretter en klassisk glider, fordi den er den mest anvendte, den sværeste at mestre og den mest ekstraordinære i dens effekter. Med praksis vil du formår at lave dine egne konfigurationer på andre skyder. I tilfælde af problemer, tøv ikke med at vende tilbage og give en kommentar her. Så lad muligheden " Standard skyderen Aktiv.

Afsnittet Slider Title & Shortcode

Du gættede det sandsynligvis. Dette afsnit giver dig mulighed for at definere titlen på skyderen og den korte kode, der skal ledsage den (intet for raketvidenskab).

Sektionen "Vælg en skydertype"

Dette afsnit giver dig mulighed for at definere skyderens grundlæggende struktur. Faktisk har du 3 muligheder at vælge imellem, der giver dig mulighed for at:

• For den første mulighed for at angive en standard skyder med bredder tilpasset den tilgængelige plads og baser med elementer som navigationsknapperne.
• For den anden mulighed kan du beslutte at anvende en dynamisk og interaktiv stil uden en navigationsknap og meget mere imponerende end den forrige mulighed. Denne mulighed kaldes "hero scene", fordi du her lægger mere vægt på animationer og interaktion.
• Den sidste mulighed tilbyder en meget mere klassisk stil med en forenklet rulning af billederne fra venstre mod højre i ret varierede animationer.

Remarque : Hver gang du vælger en mulighed, har du et afsnit "Indlæs en forudindstilling fra denne skyderen typeHvilket tilbyder dig avancerede variationer af den type glider, du har valgt.

Jeg vil ikke være i stand til at forklare alle variationerne, men du vil kunne drage konklusioner fra de tilgængelige billeder. For eksempel til skyderen type " standard Du har som fjerde variation " Thumbs Bund selvstændige "Hvilket gør det muligt at oprette en skyder med miniaturer placeret i bunden og har en auto-scroll-animation.

Afsnittet "Slide Layout"

Dette afsnit giver dig mulighed for at indstille et layout til din skyder. Så du kan forlade ' Revolution Slider "Vælger automatisk de bredder, der gælder for skyderen, vælge at anvende skyderen fulde bredde eller brug skyderen i fuld skærm.

Afhængig af hvilken indstilling du vælger, vil din skyder være forskellig på nogle enheder. Du har under et afsnit af konfiguration af gitteret i henhold til enhederne (mobil, desktop, osv.). Husk, at konfiguration af gitteret giver dig mulighed for at ændre de interne margener for hver skyder.

Læs også 6 tip til optimering af din mobile design af din blog

Enhver bunden af ​​denne sektion, kan du vælge at slå synligheden af ​​overløbet, aktivere radio aspekter af bevaring og definere en mindste højde.

Afsnittet "Tilpas, opbyg og implementer"

Dette afsnit har faktisk ikke en mulighed for plugin. Det giver dig nogle hurtige links til vigtige sektioner.

Vi fortsætter nu med den anden kolonne til højre.

Afsnittet Generelle indstillinger

Dette afsnit giver dig nogle indstillinger, der gælder for skyderen. Sådan kan du:

I fanen "Slideshow"

• Deaktiver skyderen ved flyover
• Stop skyderen efter et bestemt antal ruller
• Vis slides tilfældigt
• Slyng diaset
• Deaktiver eller stop skyderen på en bestemt enhedsstørrelse
• Den sidste mulighed "Vent på revapi.revstart ()", vil ikke være nyttigt for dig.

I fanen "Fejl"

Du kan definere:

• Lagets valgbare karakter
• Definer skyderens identifikation (det udføres automatisk)
• Minimum varighed mellem dias
• Timeoutet før initialisering
• Overgangen mellem siderne
• Varigheden af ​​overgangen udtrykt i mikrosekunder
• Billedstørrelsen
• Baggrundsbilledets CSS-position
• Gentag baggrundsbilledet, hvis dette billede ikke er stort nok
• Aktivering af indstillingen " video Muette Hvilket giver dig mulighed for at definere animationstypen, positionerne i en XY (ja, hvad du lærer, når du skal tegne matematikfunktioner) og andre elementer.

Fanen med statuslinjen

Alle valgmulighederne i dette afsnit er til statuslinjen, som du kan aktivere og tilpasse.

Fanen 1^er Skub

Dette afsnit giver dig mulighed for at aktivere et første alternativt lysbillede. Dette tillader " skyderen Sådan indlæses en " glide Efter dit valg først. Husk at " dias Er elementer, der kan identificeres.

Afsnittet "Layout og visuelt"

Fanen "Udseende"

Dette afsnit giver dig mulighed for at konfigurere gliderens udseende. Især kan du definere at vise en skygge under skyderen (meget praktisk, hvis du vælger standardskyderen med en betydelig lav margin).

Du kan også vælge at vise et overlag dækket med gennemsigtige prikker (dette vil gøre din skyderen meget original, men hvis du vil vise oplysninger, der skal læses grundigt, bliver du nødt til at gå uden).

Så har du baggrunden på skyderen, den interne margen og billedet i baggrunden (hvad du har brug for at vide her er, at et baggrundsbillede på dette niveau vises på alle dine dias).

fanen "Spinner"

Denne fane giver dig mulighed for at definere en animation, mens du indlæser skyderen, ikke mere.

fanen "Mobil"

Denne fane giver dig mulighed for at styre visningen af ​​skyderen på mobilen. Du skal vide, at mobiltrafik er vigtig, og at du derfor ikke bør forsømme den. Du har mulighed for at skjule skyderen, hvis dimensioner på mobilen (bredden) er mindre end et tal, som du har bestemt (i pixels).

fanen "Position"

Dette giver dig mulighed for at bestemme placeringen af ​​skyderen i forhold til siden. Jeg vil have en tendens til at sige i forhold til det sted, hvor det ligger. Denne mulighed behøver ikke at blive ændret, fordi jeg antager, at vi alle ønsker, at skyderen skal være centreret.

Afsnittet "Navigation"

Dette afsnit giver dig mulighed for at aktivere navigationsknapperne mellem slides på din "skyder". Du har 6 navigationsmuligheder:

• pile
• lopper
• faner
• miniaturer
• Effekten af ​​touchdown på mobile enheder
• Og navigere med piletasterne

Hver indstilling, når den er aktiveret, giver dig mulighed for at konfigurere placeringen af ​​navigationselementerne eller deres driftsprincip (standardindstillinger er normalt tilstrækkelige).

Afsnittet "Karruselindstillinger"

Dette afsnit vises kun, når du vælger typen " Carousel Slider », Og giver dig mulighed for at konfigurere dens muligheder. Du vil være i stand til:

• Aktivér uendelig rulning
• Definer et mellemrum mellem diaserne, hvis du ikke ønsker, at slides skal berøre
• Indstil en afrundet kant i pixel
• Indstil en høj øverste margen (padding-top)
• Indstil en lav øverste margen (padding-bottom)
• Antallet af elementer, der er synlige med "slide"
• « strech element", Giver dig mulighed for at strække elementet, så det optager hele bredden af" skyderen »

Sikkerhed er et vigtigt element i oppetid på dit websted, og en af ​​de teknikker, der vil beskytte dig mod alvorlige angreb eller fejl, er regelmæssigt at sikkerhedskopiere din blog. Oplev vores 5 WordPress Blog Backup-plugins

"Parallax & 3D" sektion

Her kan du aktivere indstillingen " 3D På din skyderen.

Afsnittet "Problem og håndtering"

Dette afsnit giver dig mulighed for at administrere kompatibilitet med gamle enheder. Du kan forenkle skyderen på " IOS4 og Internet Explorer 8 '.

Ellers kan du vælge at vise et alternativt billede, når browseren ikke understøtter skyderen.

Afsnittet "Google skrifttyper"

Denne funktion giver dig mulighed for at administrere de Google Fonts -skrifttyper, du vil have downloadet, og anvende det på skyderen.

Når du har defineret parametrene for din skyder. Alt du skal gøre er at klikke på optageknappen.

Hvis WordPress Slider Revolution-pluginnet ikke er din favorit, når det kommer til at oprette skyderne på WordPress-websteder, tilbyder vi her to alternativer, der kan tilbyde lignende funktionalitet.

1. LayerSlider

LayerSlider er et premium WordPress-multifunktions-animations-plugin. Det giver dig mulighed for at oprette lysbilledshow og billedgallerier med fantastiske effekter, smukt animerede landingssider og sideblokke eller endda et komplet websted.

Det er et af de alternativer, der er i stand til at konkurrere tæt med Slider Revolution. Dens visuelle træk-og-slip-editor gør det meget intuitivt for alle at begynde at bruge det. Ingen tekniske eller kodende færdigheder er påkrævet. Dens stadigt voksende udvalg af importerbare modeller er et ideelt udgangspunkt for nye projekter og dækker alle sager om almindelig brug. De er lavet med omhu og kan let tilpasses til at imødekomme alle behov.

Fremragende support og hyppige opdateringer sikrer, at du får mest muligt ud af dit køb.

Gå videre med dette kraftfulde WordPress-plugin ved at læse denne artikel Layer Slider: Et WordPress-plugin for at oprette en skyder

Downloade | demo | Web-hosting

2. WP1 Skyder

WP1 Slider er et alsidigt WordPress-plugin. Det er let at bruge og har alle de nyttige funktioner, du har brug for for at skabe smukke lysbilledshows. De fleste skyderen plugins er for tekniske og har brug for meget tid til at konfigurere dem, men WP1 Slider er designet til ikke-programmerere og tilbyder utrolige muligheder.

Blandt disse finder du:oport af Kenburn effekter, 6 forskellige modeller af skyderovergange,oport af kortkoder, en copfattelse af dias ved at trække og slippe, churtig chikanering og fremragende SEO, denstøtte til deling på flere sociale netværk, iintegration af YouTube- og Vimeo-videoer, et e-layoutfuldt lydhør, støtte fra WooCommerce og andre.

Downloade | demo | Web-hosting

Andre anbefalede ressourcer

Vi inviterer dig også til at konsultere nedenstående ressourcer for at komme videre i grebet og kontrollen af ​​dit websted og blog.

• 8 WordPress-plugins til at oprette diagrammer på en blog
• 5 WordPress-plugins til at dele dine artikler
• 6 WordPress-plugins for at sikre RGPD-overholdelse af en blog
• 8 WordPress-plugins for at tilføje et oversættelsessystem på en blog

Konklusion

Voila! Det er alt sammen til denne præsentation om konfigurationen af ​​WordPress-plugin Slider revolution. Vi fortsætter i en fremtidig tutorial, hvor vi vil diskutere design af slides.

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Men hvis du har bemærkninger eller forslag til sagen, vil de være velkomne i kommentarfeltet. Del især denne artikel om dine forskellige sociale netværk.