Så här lägger du till oändlig bläddring till din WordPress-blogg

Samtidigt som han pratade med Matt Mullenweg på WordCamp Atlanta, berättade han för oss att de lägger till oändlig bläddra till några VIP-partnerwebbplatser på WordPress.com eftersom resultaten var svindlande. Han föreslog att vi skulle försöka lägga till det på vårt List25-projekt. Tja, efter att ha gjort lite forskning upptäckte vi att det var ganska lätt att implementera det. Det tog oss mindre än en minut att installera Infinite Scroll i WordPress. I den här artikeln kommer vi att visa hur du kan installera Infinite Scroll i WordPress.

Uppdatering: Vi har tagit bort det här pluginet från vår webbplats. Under höga trafiktider har detta orsakat att våra servrar kraschar. Närhelst många användare började göra oändliga bläddra så märkte vi att vårt minne var uttömt vilket gjorde att servern inte svarade. Det skulle förmodligen fungera bra för mindre platser.

Vad är Infinite Scroll?

Traditionellt måste användaren klicka på nästa sida eller föregående sida för att besöka äldre inläggsinnehåll. Men nyligen har en ny trend påbörjats av populära webbplatser (till exempel facebook och twitter) där de automatiskt laddar nästa sidinnehåll när användaren träffar undersidan av inlägget. Denna teknik har visat sig öka tiden som användaren spenderar på sidan eftersom det nya innehållet laddas automatiskt.

Om du använder Facebook eller Twitter, så har du redan sett den levande förhandsvisningen. Om du vill se hur det här ser ut på en WordPress-sida, kolla du List25.

Så här lägger du till oändlig bläddring i WordPress

Det första du behöver göra är att installera och aktivera Infinite Scroll-plugin.

Vid aktivering läggs ett nytt menyalternativ under din inställningsflik som heter Infinite Scroll. På nästan 90% av bloggarna borde detta fungera utan att ändra en enda inställning. Men om du har en relativt anpassad designad blogg måste du justera "Selectors". Gå till pluginens inställningssida och klicka på fliken Selectors.

Pluggen kommer att förfylla väljarna baserat på standarderna. Innehållsvelektorn är den div som omsluter ditt innehåll på huvudsidan. I vårt tema var det #content. Det här är mycket standard och de flesta temaförfattare använder det. Vi behövde inte ändra den här delen. Inläggsväljare som standard var #content div.post som är standard på de flesta bloggstilsidor men vi lägger in våra inlägg med en extra div som heter .post-container. Detta gör det möjligt för oss att dela upp vår miniatyrbild och webbplatsinnehållet i två separata rutor. När vi först installerade pluginet fungerade pluginet men det hämtade inte våra miniatyrbilder. Det visade sig att det inte var att ladda miniatyrbilder var att väljaren inte var vad vi ville ha.

För navigationsväljare och nästa sidväljare behöver du inte ändra det eftersom de är mycket vanliga parametrar och nästan 99% av teman använder den (eller så hoppas vi).

På skärmen Allmänna alternativ kan du anpassa laddningsbilden, ladda text, sluttexten etc..

Det här är en väldigt cool plugin som vi just installerat. Om du vill lägga till oändlig bläddra till din webbplats, så är det här plugin för dig.

Det är viktigt att notera att detta bara fungerar på din blogg hemsida. Det fungerar inte på kategori- / taggarkivsidor.

Få Infinite Scroll-plugin