Så här addar du infinite scroll till din site i WordPress (steg för steg)

Infinite scroll är en av de där webbplatstrenderna som vi har sett komma och gå genom åren. Det är bra för innehållstunga webbplatser som bloggar, nyhetsportaler och sociala medieplattformar där användarna tycker om oändlig surfning.

Om du vill hålla besökarna fast vid ditt innehåll kan infinite scroll vara den lösning du söker. Den här funktionen laddar automatiskt nytt innehåll när användarna scrollar nedåt, så att de inte behöver klicka sig vidare till nästa sida.

Men hur lägger du till detta på din WordPress-webbplats? Oroa dig inte, för vi har kommit på 3 enkla sätt att implementera infinite scroll, oavsett dina tekniska färdigheter.

Varför add infinite scroll till din site i WordPress?

Infinite scroll är en webbdesigntrend som använder AJAX-sidladdningsteknik för att automatiskt ladda nästa sida med innehåll och visa den i slutet av den aktuella sidan. Det kan göra det enklare och roligare för besökare att bläddra igenom ditt innehåll, särskilt om de använder mobilen.

Istället för att klicka på länkar för att se mer laddar infinite scroll nytt innehåll automatiskt när användarna scrollar nedåt. Denna smidigare upplevelse kan hålla människor kvar på din webbplats längre och kan öka dina sidvisningar.

Med detta sagt är infinite scroll kanske inte det bästa valet för alla typer av webbplatser, t.ex. webbkataloger där varje page är en annan bokstav i alfabetet. Om du använder infinite scroll kan du inte heller visa en footer på din WordPress blogg.

Dessutom kan infinite scroll innebära extra belastning på din server. Så om du vill prova det är det en bra idé att optimera prestandan på din website i WordPress.

Med detta sagt, låt oss ta en titt på hur du addar infinite scroll till din WordPress website. Du kan använda dessa länkar för att hoppa till en specifik metod:

Metod 1: Lägga till oändlig scroll med Catch Infinite Scroll (rekommenderas)

Under våra tester och forskning fann vi att det bästa sättet att add to infinite scroll är med tillägget Catch Infinite Scroll. Förutom att det är enkelt att använda, tillåter det dig också att customize hur infinite scroll beter sig.

Det första du behöver göra är att installera och aktivera pluginet Catch Infinite Scroll. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktivering kommer du att se ett nytt menyalternativ märkt ”Catch Infinite Scroll” i din WordPress-panel. Klicka bara på det för att konfigurera plugin-inställningarna.

Vi vill utlösa infinite scroll när användaren börjar rulla ner på page.

Med detta i åtanke öppnar du rullgardinsmenyn ”Ladda på” och väljer ”Scroll”. Om du väljer ”Klicka” kommer Catch Infinite Scroll att visa en ”Ladda mer”-knapp istället.

Därefter kan you customize navigation selector, next selector, content selector och item selector. Standardinställningarna fungerar ganska bra, så du behöver inte göra några ändringar.

’Image’ section visar content loader icon som Infinite Scroll kommer att visa när den hämtar content.

Som standard används en GIF-image för laddaren, men du kan ändra detta om du vill. Simply click on ”Upload” and then either choose an image from the media library or upload a new file.

När du är nöjd med hur infinite scroll är inställt klickar du på knappen ”Save Changes” för att store dina ändringar.

Nu, om du besöker din WordPress website, då kommer du att se infinite scroll i action.

Metod 2: Lägga till oändlig rullning med YITH Infinite Scrolling (WooCommerce-webbplatser)

YITH Infinite Scrolling är ett plugin för oändlig scrollning från YITH, en WooCommerce plugin-utvecklare. Så om du vill lägga till oändlig scroll på dina produktsidor är detta det plugin vi rekommenderar. Det fungerar riktigt bra med andra YITH-plugins som YITH WooCommerce Points and Rewards.

Detta plugin fungerar direkt från boxen, så du kan helt enkelt installera och aktivera det för att add to infinite scroll till din WordPress website. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktivering kan you besöka your website för att se den nya funktionen infinite scroll i action.

Om du vill tweaka infinite scroll, hittar du några enkla inställningar genom att gå till YITH ” Infinite Scrolling i din WordPress dashpanel.

Här kan du aktivera och inaktivera infinite scroll.

Du kan också ändra den image eller GIF som YITH visar när den hämtar content. Rulla bara till ”Loading Image” section och klicka sedan på ”Upload”.

Välj sedan antingen en image från mediabiblioteket i WordPress eller uppladare en new image från din dator.

Metod 3: Lägga till infinite scroll med Ajax Ladda mer (Avancerat)

Ajax Load More har ett avancerat gränssnitt med många olika alternativ, inklusive en repeater template, shortcode builder och WordPress sökningar.

Pluginet erbjuder också fler inställningar för customize, inklusive många stilar för icons och knappar för att ladda sidor.

Med detta i åtanke har den en brantare inlärningskurva och rekommenderas inte för Beginnare. Det ger dock mer avancerade användare fullständig control över sin websites infinite scroll.

För en detaljerad guide kan du se vår tutorial om hur du skapar en knapp för att ladda fler posts i WordPress med hjälp av Ajax Load More plugin.

Lägga till infinite scroll i WordPress: Vanliga frågor

Har du fortfarande frågor om att lägga till infinite scroll på din WordPress website? Låt oss diskutera några vanliga frågor om denna utvalda designfunktion.

Är infinite scroll bra eller dåligt?

Infinite scroll har sina för- och nackdelar. Det är bra för webbplatser som social media, bloggar och new sites där användare gillar att browsa genom en mängd olika content. Men för målinriktade webbplatser som ecommerce kan det vara frustrerande för användare som försöker hitta specifika objekt.

Förbättrar infinite scroll prestandan?

Infinite scroll kan göra det enklare för användare att snabbt komma åt mer content, särskilt på mobila enheter där det är naturligt att rulla.

Utan korrekt optimering kan det dock sakta ner sidans laddningstider, särskilt med stora mediefiler. Det är därför det är en bra idé att följa de bästa metoderna för webbplatsens hastighet och prestanda.

Är infinite scroll dåligt för sökmotorsoptimering?

Utan korrekt optimering kan infinite scroll vara dåligt för WordPress sökmotorsoptimering. Search engines kanske inte indexerar allt content eftersom de inte automatiskt rullar ner.

Men det finns sätt att optimera det för bättre sökmotorsoptimering. You can add to a load more button using AJAX so that search engines recognize additional material, use schema markup to clarify your content for search engines, and preload links to upcoming content.

Är infinite scroll bättre än sidonumrering?

Om infinite scroll är bättre än sidonumrering beror på vad som fungerar bäst för din website och dina användare. Infinite scroll ger en sömlös upplevelse, medan sidonumrering ger en tydligare struktur. Båda har sina fördelar, så välj utifrån ditt content och din målgrupps alternativ.

Lär dig fler sätt att optimera din WordPress-bloggdesign

Vill du ha fler tips och tricks för att förbättra din WordPress-blogg? Kolla in dessa guider:

• Så här lägger du till en parallaxeffekt i alla WordPress-teman
• Så här lägger du till en Font Resizer i WordPress för tillgänglighet
• Så här skapar du en egen formdelare i WordPress
• Tricks för sidofält i WordPress för att få maximalt resultat
• Så här lägger du till ett anpassat rullningsfält till alla element i WordPress
• Så här markerar du text i WordPress (nybörjarguide)
• Så här lägger du till dynamiskt innehåll i WordPress (nybörjarguide)

Vi hoppas att denna handledning hjälpte dig att lära dig hur du lägger till oändlig scroll på din WordPress-webbplats. Du kanske också vill kolla in vår nybörjarguide om hur du redigerar din WordPress-webbplats och våra expertval av de bästa Canva-alternativen för webbplatsgrafik.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.