Hur man lägger till Infinite Scroll till din WordPress-webbplats (steg för steg)

Vill du lägga till oändlig rullning till din WordPress-blogg?

Infinite scroll är en webbdesignteknik som automatiskt laddar innehållet på nästa sida när användaren når botten av sidan. Det låter användare se mer innehåll på din blogg utan att klicka på sidnumrering eller knappen “Ladda mer”.

I den här artikeln kommer vi att visa dig hur du enkelt lägger till oändlig rullning på din WordPress-blogg (steg för steg).

Vad är oändlig förskjutning?

Infinite scroll är en webbdesigntrend som använder AJAX sidladdning istället för sidnummernavigering för att automatiskt ladda nästa sidas innehåll och visa det längst ner på den aktuella sidan. Oändlig rullning gör det lättare att bläddra i innehåll genom att rulla nedåt. Kontinuerlig och oändlig uppladdning av innehåll medan användaren fortsätter att rulla.

Traditionellt skulle användare behöva klicka på nästa, föregående eller föregående sidnummerknappar för att se gamla blogginlägg.

Genom att använda AJAX, som står för asynkron Javascript och XML, kan webbsidor kommunicera med servern utan att ladda om hela sidan. Det tillåter webbapplikationer att behandla användarförfrågningar och tillhandahålla data utan uppdatering.

De bästa exemplen på design med oändlig rullning är populära sociala nätverkssajter som Facebook, TwitterInstagram Pinterest och mer. Om du använder någon av dessa appar vet du hur du laddar oändligt innehåll på din sociala medias tidslinje.

Är oändlig rullning sant för varje webbsida?

Många innehållswebbplatser på Internet använder oändlig rullning för att förbättra webbupplevelsen och öka engagemanget. Detta får många nybörjare att fråga sig om det är rätt för varje webbplats eller är det bra för min webbplats.

Infinite scroll är bra för webbplatser med innehåll i tidslinjen eller flödet, som appar för sociala medier. Det ger en fantastisk surfupplevelse för användare som letar efter tidsbaserat innehåll.

Därefter är designen med oändlig rullning perfekt för mobila enheter och pekenheter. För mobilanvändare är rullning lättare att använda än att skriva på små sidlänkar.

Den viktigaste fördelen med tekniken med oändlig rullning är den smidiga seglingsupplevelsen. Användaren behöver inte klicka på pagineringslänken manuellt. Innehåll laddas snabbt med rullning och håller användarna intresserade.

Men å andra sidan kan det också göra det svårt att navigera på din sajt. Med ständiga uppladdningar är det svårt att veta var (på vilken sida) ett blogginlägg finns. Vissa användare tycker till och med att det är överväldigande att se flera inlägg samtidigt.

En annan nackdel med designen med oändlig rullning är att den inte kan ha en sidfot. Även om du har det kommer det att döljas under oändliga föremål som ständigt laddas. Många webbplatser lägger till viktiga länkar i sidfoten, så frånvaron av dem kan göra vissa användare besvikna.

Det kanske mest besvärliga problemet med oändlig rullning är att det kan sakta ner din webbplats eller till och med krascha servern. När vi lade till oändlig rullning i en av våra mindre bloggar, upplevde vi en serverkrasch efter att användare scrollat ​​i onödan, vilket orsakade minnesutarmning i det lilla WordPress-värdkontot. Vi rekommenderar att du använder hanterad WordPress-hosting om du vill prova oändlig rullning.

Nu när du känner till fördelarna och nackdelarna med den oändliga rullningsdesignen kan du bestämma om du behöver lägga till den på din blogg.

Om du har bestämt dig för att lägga till infinite scroll till din WordPress-blogg kan du enkelt göra det. Vi visar dig de många plugins du kan använda, så att du kan välja den som bäst passar dina behov.

Video handledning

Registrera dig för WPBeginner

Om du inte gillar videon eller behöver fler instruktioner, läs vidare.

Lägg till Infinite Scroll till din WordPress-blogg med Catch Infinite Scroll

Det första du ska göra är att installera och aktivera plugin-programmet Catch Infinite Scroll. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

Efter aktivering kommer WordPress att lägga till ett nytt menyalternativ märkt “Capture Infinite Scrolling” i sin WordPress adminpanel. Du måste klicka på den för att konfigurera plugininställningarna.

Först kan du välja ett aktiveringsalternativ för att ladda upp objekt. Plugin-programmet låter dig automatiskt ladda innehåll när användaren rullar ner på sidan eller lägger till en “Ladda mer”-knapp.

Du måste välja alternativet “Scrolla” för att aktivera automatisk rullning. Alternativt kan du välja alternativet “Klicka” om du vill lägga till en extra nedladdningsknapp.

Därefter kan du se navigeringsväljaren, nästa väljare, innehållsväljaren och objektväljaren. Du behöver inte ändra något i dessa alternativ eftersom standardalternativen fungerar ganska bra.

Sedan finns det ett bildalternativ där du kan lägga till en innehållsladdningsikon. Som standard har du en loader GIF-bild. Om du har en bättre bild kan du ändra den.

Textalternativ Slut på text, inklusive ett meddelande som kommer att visas efter att användaren har läst klart sitt inlägg. Som standard säger texten “Inga fler objekt att visa.” Du kan enkelt redigera denna text efter behov.

När du är klar klickar du på knappen Spara ändringar.

Det är! Infinite scroll är nu live på din blogg. Du kan besöka din blogg och se oändlig rullning i aktion.

Alternativa WordPress-plugins för att lägga till oändlig rullning i WordPress

Catch Infinite Scroll fungerar bra med de flesta WordPress-teman; Det kan dock misslyckas med vissa problem. I ett sådant fall kan du använda någon av följande WordPress infinite scroll-plugins.

1. Ladda mer Ajax

Precis som Catch Infinite Scroll låter Ajax Load More-plugin dig också lägga till oändlig rullning och ladda fler knappar på din WordPress-webbplats.

Insticksprogrammet erbjuder fler anpassningsalternativ, inklusive stilar för ikoner för flera sidladdningar, knappstilar, etc. För detaljerade instruktioner kan du kolla in vår guide om hur du skapar en knapp för att ladda fler inlägg i WordPress genom att klicka på den. med Ajax-plugin Load More .

Pluginet har dock en bestämd inlärningskurva för nybörjare. Den har ett avancerat gränssnitt med massor av alternativ, inklusive repeterande mallar, kortkodsgeneratorer, WordPress-frågor och mycket mer.

Vissa kodningsfärdigheter kommer att krävas för att tillämpa oändlig rullning med detta plugin.

2. YITH Infinite Scroll

YITH Infinite Scrolling är ett enkelt alternativ till Ajax Load More eller Catch Infinite Scroll-plugin.

I likhet med plugin-programmet Catch Infinite Scroll har du minimala alternativ för att ställa in rullningsbaserade webbinteraktioner på din webbplats. Du behöver bara installera och aktivera plugin och aktivera oändlig rullning.

Vem som helst, inklusive nybörjare, kan enkelt konfigurera oändlig rullning med detta plugin. Den har dock inte “Ladda mer” -knappen, som ingår i de andra två plugins som nämns ovan.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en oändlig rullningsdesign till din WordPress-blogg. Du kanske också vill kolla in vår guide om hur du lägger till spårning av djup rullning i WordPress.

Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning. Du hittar oss även på Twitter och Facebook.