Uendelig rulling er en av de ideelle egenskapene til enhver god design: folk kan bruke det uten å tenke på det.
Når du har møtt det et par ganger, glemmer du det. Jeg vil si at de fleste av oss har kommet til å forvente visse programmer, eller kanskje visse typer applikasjoner, for å bare laste mer innhold når vi treffer bunnen av en side. Og hvorfor ikke? Det er effektivt, og ofte praktisk.
I noen sammenhenger kan det raskt bli en dra for å raskt klikke for å se på flere sider. I disse tilfellene er paginering ikke et nyttig navigasjonsverktøy, men en avbrudd i nettleseropplevelsen. Uendelig rulling - mens den kommer med egne problemer - går langt i retning av å skape glattere opplevelser.
Dette gjelder spesielt når du må bla gjennom store mengder informasjon som er delt opp i små biter. Vanlige eksempler er: Twitter, nyhetssider, tumblogs, bildegallerier og så videre.
Selvfølgelig er det ikke for alle, eller hvert prosjekt. For de av dere som har bestemt oss for å legge til uendelig kjærlighet til nettstedene dine, er det flere effektive måter å enkelt bruke det på nettstedet ditt:
I de fleste tilfeller vil du sannsynligvis legge til denne typen oppførsel til nettsteder / apper som har dynamisk innhold lagret i en database. Jeg har bestemt meg for å inkludere en lenke som dreier seg om statiske steder av to grunner:
Denne opplæringen fra Hongkiat.com har to forskjellige jQuery-plugins for din vurdering, inkludert Uendelig rulling av Paul Irish.
Jeg er ikke sikker på at det er noen form for funksjon eller funksjonalitet under solen som ikke er gjort tilgjengelig for WordPress i form av et plugin. Uendelig rulling er selvsagt ikke noe unntak.
Først har vi igjen Uendelig rulling . Jepp. Denne jQuery-plugin kommer med en offisiell WordPress-implementering også laget av Paul Irish. Koblingen er akkurat der på pluginets hovedside, fremtredende og synlig, rett øverst. Også inkludert på siden er en veiledning for å hjelpe deg med å konfigurere pluginet for å jobbe med ditt spesifikke WordPress-tema, så sørg for å sjekke ut dokumentasjonen.
Deretter har vi bevis på at Automattic, selskapet bak WordPress, elsker oss og ønsker at vi skal være lykkelige. De opprettet en Jetpack-modul Det vil også legge til uendelig rulling til temaet ditt. Igjen må du kanskje tilpasse plugin-modulen for å arbeide med ditt spesifikke tema.
Men hva om du vil dykke dypt inn i koden, og lære hvordan du gjør det fra grunnen av? WPTuts + har du dekket med dette heller grundig opplæring . Anbefalt for personer med en mellomliggende forståelse av front-end-koden, kommer opplæringen med alt du trenger for å kode hardt i uendelig rulling inn i temaet ditt. Noen ville til og med argumentere for at dette er "riktig måte" å gjøre det.
Mange designere, og noen utviklere, gjør bruk av tumblr for å dele sine tanker og / eller arbeid. Er du en av dem? Vil du at Tumblr-temaet ditt skal blinke uendelig, akkurat som dashbordet ditt? Se ikke lenger enn Cody Shermans opplæring . Siden den ble skrevet for den gjennomsnittlige, ikke-kodende Tumblr-brukeren, er denne opplæringen død enkel. Dette kommer til en pris, men det kan ikke fungere med hvert Tumblr-tema.
jQuery Masonry er det klassiske pluginet for å lage masonry-stiloppsett på nettet. (Personlig tror jeg at navnet gir det bort.) Siden murverkoppsett handler om å vise de små biter av informasjon som ofte blir betjent av uendelig rulling, er det ikke overraskende at mange nettsteder kombinerer de to atferdene. (Se: pinte~~POS=TRUNC ) For statiske steder, bør du sjekke ut den offisielle dokumentasjonen her.
Isotop er like i funksjon til murverk, fordi den ble opprettet for å hjelpe folk med å implementere murverkoppsett. Jeg inkluderer den her fordi, etter min mening, er det faktisk bedre. Dette skyldes for det meste at jeg gjennom et forsøk og en feil var i stand til å lage et virkelig responsivt murverkoppsett med dette jQuery-pluginet. Jeg har hatt mindre hell med andre. Dine erfaringer kan variere. Sjekk ut dokumentasjonen her.
Utvalgt bilde / miniatyrbilde, uendelig rullebilde via Shutterstock.