Gå till innehållet

Slider Revolution: Konfigurera ett skjutreglage på WordPress

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Vill du konfigurera WordPress Slider Revolution -plugin?

Sedan starten av denna handledningsserie dedikerad till WordPress -plugin  Slider Revolution, lärde vi oss att ladda ner och installera plugin. vi sedan upptäckte sitt gränssnitt och dess olika funktioner. Låt oss nu gå vidare genom att visa konfigurationerna för en "Skjutreglage".

Om du är nybörjare och letar efter resurser för att komma igång; Här hittar du allt du behöver för att komma igång. Och om du upptäcker skapandet av blogg, läs Hur man skapar en WordPress-blogg enkelt: Guide & Tuto

Som sagt, låt oss ta reda på vad en reglage är.

Vad är en skjutreglage i praktiken?

En reglage är en HTML -komponent. Ja jag vet, sa så, det ger dig inte mycket nytta. Så ett reglage är en funktion som låter dig visa olika information i en loop (eller inte). Denna information är grupperad efter " glida ", Som är en enhet i ett" reglage "och som kan bestå av bilder, videotekster, länkar etc.Slider revolution - WordPress Slider Revolution plugin

Den " reglaget "Därför innehåller" bilder (Åtminstone 1), och dessa bilder innehåller multimediaelement (bilder, video, musik, text) som kan vara animerade eller interaktiva (reagera på användarens handlingar).

Remarque : Du kan översätta " reglagen I " interaktiva och dynamiska slides ".

Slider Revolution tillåter oss att göra det, och vi kommer att börja utan ytterligare försening.

Om du inte har skapat en webbplats än och letar efter ett WordPress -tema som integrerar detta kraftfulla WordPress -plugin, denna lista med premium WordPress-teman kommer att vara perfekt.

Skapande av en skjutreglage: Första konfigurationer

För att börja måste du klicka på menyn " Slider Rotation På din WordPress-instrumentpanel.

Revolution reglaget wordpress

Klicka nu på artikeln ny Slider Och du kommer till skjutreglagets konfigurationsgränssnitt.

nya reglaget-reglaget revolutionen-tutorial

Skjutreglagets konfigurationsgränssnitt kan vara skrämmande, men om du går tillbaka kommer du att bättre förstå dess funktionalitet. Du kanske märker att detta gränssnitt består av två avsnitt. Den första till vänster består av 5 olika områden och den andra till höger består av 6 små områden. Rätt ovanför har du verktygsfältet, vilket låter dig:

  • Återgå till listan över reglagen « alla Sliders »
  • Gå till inställningarna för skjutreglaget (det här är fönstret du befinner dig på)
  • Redigeringsgränssnittet för bilderna
  • En knapp backup
  • En bildredigeringsknapp
  • En förhandsvisningsknapp för reglaget
  • En borttagningsknapp för skjutreglaget
  • En knapp för att gå tillbaka (igen) Till listan över reglagen

bar av verktyg-revolution-reglaget

Jag kommer nu att förklara varje avsnitt i den vänstra kolumnen.

Detta WordPress-plugin manipulerar många bilder, vilket kan sakta ner laddningen av din webbplats. Upptäck Varför du behöver börja optimera din WordPress-blogg efter bilder

avsnittet "Innehållskälla"

innehåll-source revolution-reglaget

I det här avsnittet kan du konfigurera källan till skjutreglaget. Faktiskt, här kan du välja att skapa:

  • En klassisk reglage där du måste konfigurera alla animationer själv
  • En glidare av artiklar, där ditt handlingsrum är ganska begränsat
  • En reglage med specifika artiklar som du kan välja
  • En reglage för Flickr-nyhetsflödet
  • En reglage för Instagram-flödet
  • En reglage på WooCommerce-produkter
  • Ett skjutreglage på Twitter foder
  • En skjutreglage på Facebook-inlägg
  • Ett reglage på YouTube Publikationer
  • Och en skjutreglage på Vimeo-publikationer

Det bör noteras i förbigående att: Slider Revolution är en kraftfull plugin som gör det möjligt att lyfta fram produkter i en onlinebutik. Upptäck 10 WordPress-teman för att skapa en onlinebutik och visa upp dina kläder

Som sagt kommer vi att nöja oss med att presentera hur man skapar en klassisk skjutreglage, eftersom den är den mest använda, den svåraste att behärska och den mest extraordinära i dess effekter. Med övningen kommer du att lyckas göra dina egna konfigurationer på andra reglage. Vid problem, tveka inte att komma tillbaka och lämna en kommentar här. Så lämna alternativet " Standardreglage "Aktiva.

Avsnittet Slider Title & Shortcode

Du gissade nog det. I det här avsnittet kan du definiera reglaget och kortkoden som kommer att följa med den (ingenting för raketvetenskap).

titel och kortkod-du reglaget

Avsnittet "Välj en typ av skjutreglaget"

select-a-kind-of-reglaget-reglaget-revolution

I det här avsnittet kan du definiera skjutreglens grundstruktur. Du har faktiskt 3 alternativ att välja mellan som tillåter dig:

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

  • För det första alternativet definierar du en standardreglage med bredder anpassade till tillgängligt utrymme och har grundläggande element som navigeringsknappar.
  • För det andra alternativet kan du välja att använda en dynamisk och interaktiv stil utan en navigeringsknapp och mycket mer imponerande än det tidigare alternativet. Detta alternativ kallas "hjältescen" eftersom du här lägger mer tonvikt på animationer och interaktion.
  • Det sista alternativet erbjuder en mycket mer klassisk stil med en förenklad rullning av bilderna från vänster till höger i ganska varierade animationer.

Remarque : När du väljer ett alternativ har du ett avsnitt "Ladda en förinställning från denna Slider-typVilket erbjuder avancerade varianter av typen av reglage du har valt.

change-of-kind-of-reglaget

Jag kommer inte att kunna förklara alla variationer, men du kommer att kunna dra slutsatser från de tillgängliga bilderna. Till exempel för reglaget typ " standard Du har som fjärde variation " Tummen Bottom själv ", Vilket gör att du kan skapa ett skjutreglage med miniatyrbilder längst ner och har en automatisk rullande animering.

tummen bottom själv reglaget revolutionen-tutorial

Avsnittet "Bildlayout"

reglaget-layout-revolution-reglaget

Det här avsnittet låter dig ställa in en layout för skjutreglaget. Så du kan lämna ' Revolution Slider »Välj automatiskt bredderna som ska tillämpas på skjutreglaget, välj att tillämpa hela bredden på skjutreglaget eller använd skjutreglaget i helskärmsläge.

Beroende på vilket alternativ du väljer kommer din reglage att vara annorlunda på vissa enheter. Du har under ett avsnitt av konfigurering av rutnätet enligt enheterna (mobil, desktop, etc..). Kom ihåg att genom att konfigurera rutnätet kan du ändra de inre marginalerna för varje skjutreglage.

Läs också 6 tips för att optimera mobildesignen på din blogg

Längst ner i det här avsnittet kan du välja att aktivera överflödets synlighet, aktivera fasthållning av radioutseende och ställa in en minimihöjd.

Avsnittet "Anpassa, bygga och implementera"

Det här avsnittet har faktiskt inte ett alternativ för plugin-programmet. Det ger dig några snabblänkar till viktiga avsnitt.

skräddarsy-build implementera

Vi fortsätter nu med den andra kolumnen till höger.

Avsnittet Allmänna inställningar

Detta avsnitt ger dig några inställningar som gäller för reglaget. Så här kan du:

På fliken "Bildspel"

  • Inaktivera reglaget på flyover
  • Stoppa reglaget efter ett visst antal rullningar
  • Visa bilder slumpmässigt
  • Lås upp bilden
  • Inaktivera eller stoppa reglaget på viss enhetsstorlek
  • Det sista alternativet "Vänta på revapi.revstart ()" kommer inte att vara användbart för dig.

På fliken "Fel"

Du kan definiera:

  • Lagerns valbara karaktär
  • Definiera reglaget för skjutreglaget (det görs automatiskt)
  • Minsta varaktighet mellan bilderna
  • Tidsgränsen före initieringen
  • Övergången mellan objektglasen
  • Varaktigheten på övergången uttryckt i mikrosekunder
  • Bildstorleken
  • Bakgrundsbildens CSS-position
  • Upprepa bakgrundsbilden om den här bilden inte är tillräckligt stor
  • Aktivering av alternativet " video Muette Som gör att du kan definiera typen av animering, positionerna i en XY (ja, vad du lär dig när du måste rita matematiska funktioner) och andra element.

Fliken för framstegsfält

Alla alternativ i det här avsnittet är för framdriftsfältet, som du kan aktivera och anpassa.

Fliken 1er Skjut

Det här avsnittet låter dig aktivera en första alternativ bild. Detta tillåter " reglaget Så här laddar du en " glida Av ditt val först. Kom ihåg att " bilder Är element som kan identifieras.

Avsnittet "Layout & Visual"

layout-och video

Fliken "Utseende"

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Det här avsnittet låter dig konfigurera utseendet på reglaget. Speciellt kan du definiera för att visa en skugga under skjutreglaget (mycket praktiskt om du väljer standardreglaget, med en betydande låg marginal).

Du kan också välja att visa ett överlag täckt med transparenta prickar (detta kommer att göra din reglage mycket original, men om du vill visa information som måste läsas noggrant måste du gå utan).

Sedan har du bakgrunden på skjutreglaget, den inre marginalen och bilden i bakgrunden (det du behöver veta här är att en bakgrundsbild på denna nivå kommer att visas på alla dina diabilder).

fliken "Spinner"

Den här fliken låter dig definiera en animation medan du laddar skjutreglaget, inget mer.

fliken "Mobil"

Den här fliken låter dig hantera skjutreglaget på mobilen. Du måste veta att mobiltrafik är viktig och därför bör du inte försumma den. Du har möjlighet att dölja skjutreglaget om måtten på mobilen (bredd) är mindre än en siffra som du har bestämt (i pixlar).

fliken "Position"

Detta gör att du kan bestämma reglaget för reglaget i förhållande till sidan. Jag tenderar att säga, i förhållande till platsen där den ligger. Det här alternativet behöver inte ändras, eftersom jag antar att vi alla vill att skjutreglaget ska vara centrerat.

Avsnittet "Navigering"

Detta avsnitt låter dig aktivera navigeringsknapparna mellan bilderna på din "skjutreglage". Du har 6 navigationsalternativ:

  • pilar
  • loppor
  • flikar
  • miniatyrer
  • Effekten av touchdown på mobila enheter
  • Och navigera med piltangenterna

Varje alternativ, när det är aktiverat, kan du konfigurera navigeringselementens position eller deras driftsprincip (standardinställningar är vanligtvis tillräckliga).

konfiguration-navigation-revolution-reglaget

Avsnittet "Karusellinställningar"

avsnitt parameter-du karusell-revolution-reglaget

Det här avsnittet visas bara när du väljer typen " Carousel Slider », Och låter dig konfigurera alternativen. Du kommer att kunna:

  • Aktivera oändlig rullning
  • Definiera ett avstånd mellan bilderna, om du inte vill att bilderna ska röra
  • Ställ in en rundad kant i pixel
  • Ställ in en hög toppmarginal (padding-top)
  • Ställ in en låg toppmarginal (padding-botten)
  • Antalet element som är synliga med "slide"
  • « strech elementet", Låter dig sträcka elementet så att det upptar hela bredden av" reglaget »

Säkerhet är ett viktigt inslag i upptid på din webbplats och en av de tekniker som skyddar dig mot allvarliga attacker eller buggar är att regelbundet säkerhetskopiera din blogg. Upptäck vår 5 WordPress Blog Backup Plugins

Avsnitt "Parallax & 3D"

Här kan du aktivera alternativet " 3D På din reglage.

Avsnittet "Problem & hantering"

Det här avsnittet låter dig hantera kompatibilitet med gamla enheter. Du kan förenkla reglaget på " IOS4 och Internet Explorer 8 ".

Annars kan du välja att visa en alternativ bild när webbläsaren inte stöder reglaget.

Avsnittet "Google Fonts"

Med den här funktionen kan du hantera de teckensnitt från Google Fonts som du har laddat ner och tillämpa det på reglaget.

När du har definierat parametrarna för din skjutreglage. Allt du behöver göra är att klicka på inspelningsknappen.

save-a-reglaget-reglaget-revolution

Om WordPress Slider Revolution-plugin inte är din favorit när det gäller att skapa reglagen på WordPress-webbplatser, erbjuder vi här två alternativ som kan erbjuda liknande funktioner.

1. LayerSlider

LayerSlider är ett premium WordPress-plugin för multipurpose animation. Det ger dig möjlighet att skapa bildspel och bildgallerier med fantastiska effekter, vackert animerade målsidor och sidblock eller till och med en fullständig webbplats.Layerslider wordpress-plugin skapar reglaget 1

Det är ett av alternativen som kan konkurrera nära Slider Revolution. Dess visuella drag-och-släpp-editor gör det väldigt intuitivt för alla att börja använda det. Inga tekniska eller kodande färdigheter krävs. Dess ständigt växande urval av importerbara modeller är en idealisk utgångspunkt för nya projekt och täcker alla vanliga användningsfall. De är tillverkade med omsorg och kan enkelt anpassas för att tillgodose alla behov.

Utmärkt support och ofta uppdateringar säkerställer att du får ut mesta möjliga av ditt köp.

Gå vidare med detta kraftfulla WordPress-plugin genom att läsa den här artikeln Layer Slider: Ett WordPress-plugin för att skapa en reglage

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Ladda ner | demo | webbhotell

2. WP1 Slider

WP1 Slider är ett mångsidigt WordPress-plugin. Det är lätt att använda och har alla användbara funktioner du behöver för att skapa vackra bildspel. De flesta reglage-plugins är för tekniska och behöver mycket tid för att konfigurera dem, men WP1 Slider är designad för icke-programmerare och erbjuder otroliga alternativ.WP1 slide pro wordpress plugins skapar bildspel på webbplatsbilder

Bland dessa hittar du:upport av Kenburn effekter, 6 olika modeller av reglageövergångar,upport av kortnummer, en cuppkomsten av diabilder genom att dra och släppa, csnabb trakasserier och utmärkt SEO,stöd för delning på flera sociala nätverk, iintegration av YouTube- och Vimeo-videor, en e-layoutfullt lyhörd, stödet från WooCommerce och andra.

Ladda ner | demo | webbhotell

Andra rekommenderade resurser

Vi inbjuder dig också att konsultera resurserna nedan för att gå vidare i greppet och kontrollen av din webbplats och blogg.

Slutsats

Voila! Det är allt för denna presentation om konfigurationen av WordPress-plugin Slider Revolution. Vi kommer att fortsätta i en framtida handledning, där vi kommer att diskutera utformningen av objektglas.

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men om du har några kommentarer eller förslag i frågan är de välkomna i kommentarfältet. Dela speciellt den här artikeln om dina olika sociala nätverk.

Den här artikeln innehåller kommentarer 29

  1. Hej, jag har skapat två olika modeller. Jag vill nu byta från min nuvarande onlinemarkör. Jag kan inte riktigt göra det här. Kan någon ge magiska råd? Tack på förhand!

  2. Jag skapade en slider4 och placerade 3 diaspositive i den här reglaget. Men på min hemsida visar skjutreglage bara en bild och visar inte resten. Den visar bara den första bilden. När jag till exempel tar den sista bilden till att börja med visar skjutreglaget den sista och lämnar de andra

    1. God kväll,

      Kan du dela en skärmdump av dina inställningar? Eller exportera bilden och återställ sedan inställningarna för skjutreglaget.

  3. Hej!

    Jag skulle vilja skapa en dynamisk skjutreglage. Har du några filer som rör skapandet av en skjutreglage med effekterna på musen över.

    tack

  4. Hej, jag laddade ner mallen för en skjutreglage, jag kunde ändra texter och bilder, jag är på skjutreglage premium, dock: vi kan se texten "en skjutreglage ..." + länkarna till deras sociala nätverk på bilden pff. Och jag kan inte hitta eller ta bort den här texten. tack på förhand

  5. hej Jag har ett litet problem när jag skapar en skjutreglage och jag vill ändra den på mobilen. Texterna som jag redan har lagt till skjutreglaget visas inte i mobilreglaget varför (vid ändring) ???

  6. Hej!
    Jag har problem med Revolution Slider. Jag kan inte hitta en lösning så att mina bilder inte beskärs vertikalt.
    Måste han ha en kryssruta?
    Tack för din återkomst
    Norbert

  7. Hej!
    på skjutreglering Jag skulle vilja att min bildruta bara startar när musen eller bläddringen triggar den. Är det möjligt?
    Vilken parameter i reglaget aktiveras?
    Tack så mycket.

    kan vi göra båda, dvs starta en skjutreglage med mus / bläddra och också sätta en initialiseringsfördröjning som jag såg i allmänna parametrar för att hantera alla möjliga fall samtidigt och vara säker webbplatsbesökaren ser den här reglaget

    merci beaucoup

  8. Hej,

    på skjutreglering Jag skulle vilja att min bildruta bara startar när musen eller bläddringen triggar den. Är det möjligt?
    Vilken parameter i reglaget aktiveras?
    Tack så mycket.

    Kan vi göra båda, dvs starta en skjutreglage med mus / bläddra och också sätta en initialiseringsfördröjning som jag såg i allmänna parametrar för att hantera alla möjliga fall samtidigt och vara säker att webbplatsbesökaren ser det här skjutreglaget

  9. Hej god kväll, jag tvivlar.
    Jag har flera bilder i Slider-revolutionen och jag vill dölja dem i mobilversionen minus den första. Jag såg att samma plugin har förmågan att dölja de bilder du vill ha i olika enheter, men problemet är att det bara döljer bilden eftersom den fortsätter att upptäcka att det finns flera element eftersom fältet tiden fortsätter att laddas och lämnar skärmen tom när den första hoppar. Hur kan jag verkligen dölja bilderna?

    Mercibeaucoup

  10. Hej, jag ville fråga dig hur du placerar markören i den horisontella navigeringsfältet menyraden som händer på platsen Apple.com där menyn ovanför och strax under markören (menyn verkar vara transparent
    tack
    Andrea

  11. Hej!

    Jag vill skapa en skjutreglage som innehåller 2 eller 3 bilder där citat skrivs. Mitt problem är att när jag skriver är citatet för långt och sticker ut från bilden så att det inte visas i sin helhet. Ändå finns det utrymme i hela bilden. Hur göra?

    En titel för varje bild krävs. Som standard lägger jag "offert 1" och så vidare. Men titlarna visas på bilderna ... Till exempel visas "Citat 1" i det lilla högra hörnet på min första bild. Hur kan jag förhindra att titlarna visas?

    Tack på förhand för dina svar, du skulle hjälpa eleverna för ett handledat projekt!

  12. Hej!

    Jag stöter på ett litet problem med den här reglaget och trots mycket forskning har jag inte hittat lösningen. Du kanske kan rädda mig? 😉
    Jag konfigurerade skjutreglaget på min hemsida, det är oklanderligt det är väldigt bra FÖRUTET att när musen är placerad på den är det omöjligt att rulla. Jag måste sätta ut musen från bilden för att kunna rulla nedåt (uppåt fungerar det tydligen). Detta stör mig lite eftersom jag är rädd att vissa människor inte förstår att du måste ta bort musen från bilden för att göra det .. (www.sarah-scaniglia.com). Jag sökte igenom alla inställningar men jag kunde inte hitta den ... och jag är inte en webbexpert.

    Om du hittar lösningen är du bra

    1. Hej!

      har du provat det här?

      1. Inaktivera andra plugins utom Revolution Slider och test igen.

      2. Aktivera standard WordPress-teman och test sedan

      Detta kommer att meddela dig om problemet är med temat eller en konflikt med ett annat plugin.

      Kontrollera också att du har den senaste versionen av plugin.

  13. Hej!

    Kan du förklara för mig hur man gör en "Slider" med bara en slide inuti för när jag försöker försvinner allt i slutet av animationen. Jag satte "ingen överföring" i "bildanimering" men ingenting hjälper ...
    Tack på förhand för din hjälp.

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
10 aktier
del2
tweet1
Enregistrer7