Slik legger du til uendelig rulle til WordPress-bloggen din

Mens han snakket med Matt Mullenweg på WordCamp Atlanta, fortalte han oss at de tilføyde uendelig rulle til noen VIP Partner-nettsteder på WordPress.com fordi resultatene var svimlende. Han foreslo at vi skulle prøve å legge til det på vårt List25-prosjekt. Vel, etter å ha gjort litt forskning, fant vi ut at det var ganske enkelt å implementere det. Det tok oss mindre enn 1 minutt å installere Infinite Scroll i WordPress. I denne artikkelen vil vi vise deg hvordan du også kan installere Infinite Scroll i WordPress.

Oppdatering: Vi har tatt dette pluginet fra nettstedet vårt. Under høye trafikk ganger har dette ført til at våre servere krasjer. Når mange brukere begynte å gjøre uendelig rulle, la vi merke til at vårt minne var utmattet, noe som førte til at serveren ikke reagerte. Dette vil trolig fungere bra for mindre steder.

Hva er Infinite Scroll?

Tradisjonelt må brukeren klikke på neste side eller forrige side for å besøke eldre innleggsinnhold. Imidlertid er det nylig en ny trend som startet av populære nettsteder (som facebook og twitter) der de automatisk laster inn neste sideinnhold når brukeren treffer bunnen av innlegget. Denne teknikken har vist seg å øke bruken av tid på siden av brukeren fordi det nye innholdet lastes automatisk.

Hvis du bruker facebook eller twitter, så har du allerede sett det levende forhåndsvisning av dette. Men hvis du vil se hvordan dette ser ut på et WordPress-nettsted, så sjekk ut List25.

Slik legger du til uendelig rulle i WordPress

Første du må gjøre er å installere og aktivere Infinite Scroll-plugin.

Ved aktivering vil et nytt menyalternativ bli lagt til under innstillingsfanen, kalt Infinite Scroll. På nesten 90% av bloggområdene, bør dette fungere uten å endre en enkelt innstilling. Men hvis du har en relativt tilpasset designet blogg, må du justere "Selectors". Gå til innstillingssiden for plugin-modulen, og klikk på velgarkortet.

Pluggen vil pre-fylle selektorer basert på standardene. Innholdsvælgeren vil være div som bryter inn innholdet på hovedsiden. I vårt tema var det #content. Dette er veldig standard og de fleste temaforfattere bruker det. Vi måtte ikke endre denne delen. Innlegg Selector som standard var #content div.post som er standard på de fleste blogg stil nettsteder, men vi pakker inn våre innlegg med en ekstra div kalt. Post-container. Dette gjør at vi kan dele miniatyrbildet og innholdet i to separate grids. Da vi først installerte pluginet, virket pluginet, men det var ikke lasting av miniatyrbildene våre. Det viste seg at det ikke var lasting av miniatyrbilder, at postvelgeren ikke var det vi ønsket.

For Navigasjonsvelger og Neste sidevelger vil du sannsynligvis ikke måtte endre den fordi de er veldig standardparametere og nesten 99% av temaene bruker det (eller så håper vi).

På skjermbildet Generelle valg kan du tilpasse lastebildet, laste inn tekst, sluttteksten etc.

Dette er et veldig kult plugin som vi nettopp har installert. Hvis du ønsker å legge til uendelig rulle til nettstedet ditt, er dette pluginet for deg.

Det er viktig å merke seg at dette bare fungerer på bloggens hjemmeside. Det fungerer ikke på kategori- / tagarkivssider.

Få uendelig Scroll-plugin