Sådan laver du en lodret skyder med skyderevolution

Denne artikel er en del af vores igangværende serie af Slider Revolution tutorials. Du kan finde alle artiklerne fra denne serie i vores omfattende Slider Revolution Guide.

Når vi tænker på skydere på websteder, tænker vi normalt på de “almindelige” vandrette, der ruller fra venstre mod højre. Men flere og flere designere vælger mindre konventionelle løsninger til deres skydere. I dag skal vi tale om en imponerende, moderne type skyder, der faktisk er ret nem at lave – den lodrette skyder. Disse skydere fylder ofte hele siden, snarere end kun dens øverste del, som vandrette. Dette gør dem endnu mere imponerende, som de får siden til at fremstå meget dynamisk og giver alligevel plads nok til andre elementer, såsom tekst eller knapper, som du kan se fra eksemplet nedenfor, fra vores Goodwish-tema.

Sådan opretter du en lodret skyder

Takket være Slider Revolution er processen med at skabe en lodret skyder, selv en der strækker sig over hele siden, slet ikke kompliceret. Faktisk er det ret ligetil, ligesom de fleste ting i dette fremragende plugin.

En vigtig note før vi fortsætter: hvis du planlægger at oprette en lodret skyder for Slider Revolution i fuld skærm, sørg for, at størrelsen på de billeder, du vil bruge, dækker hele skærmbilledet (1920x1100px).

For at komme i gang skal du gå over til Slider Revolution fra dit admin-dashboard. Den første ting at gøre er naturligvis at vælge den type skyder, du vil oprette. Vælg her den kaldede type Skyder.

Under Dimensionering, Vælg Fuld skærm.

Dit næste træk bør være at indstille musens rulleretning. Gå over til Navigation > Kugler. Tænd for Kugler Type skifte først. Så under Position > Orientering, Vælg Lodret.

Den næste ting at gøre er at beslutte, om du vil have din skyder til at sløjfe, efter at den når det sidste dias. Vi anbefaler, at du går efter denne indstilling, da den vil virke mere dynamisk, hvorimod skyderen, der lige stopper, kan se ud som om der er noget galt med den.

Gå til Mus > Muserulnavigation og vælg indstillingen siger Karrusel.

Desuden har lodrette skydere ikke rigtig brug for pile, så du kan gå videre og slå dem fra under Pile > Piltype.

Lodrette skydere på mindre enheder

Nu skal du medregne, at mange mennesker surfer på nettet ved hjælp af deres håndholdte enheder – mest af alt deres smartphones. Hvis dit websted har en lodret skyder i fuld skærm, vil du gerne sikre dig, at den ser ud og fungerer godt på disse enheder. Standard swipe-retningen for skydere er vandret: For at komme til den næste skyder vil brugeren swipe til venstre, og skyderen ændres. Med lodrette skydere skal retningen selvfølgelig være lodret (op og ned), så det skal du også indstille, hvis du vil være sikker på, at din skyder fungerer korrekt på mindre skærme.

Gå over til for at justere indstillingerne Tryk på > Navigationsindstillinger. Her skal du indstille swipe-retningen (Swipe Dir) til Lodret.

Og det er alt, hvad der skal til. Nu kan du begynde at tilføje dine dias og lag, ligesom du ville gøre med en almindelig vandret skyder.

Afslutningsvis

Med Slider Revolution er lodrette skydere nemme at oprette, og de kan få dig langt med hensyn til det indtryk, de efterlader på dine besøgende. Hvis du leder efter inspiration, er der mange premium WordPress-temaer, der har fuldt funktionelle og smukke lodrette skydere, så sørg for at tjekke dem ud.