Hoe u oneindig scrollen aan uw WordPress-site toevoegt - DeLaatbusiness
facebook chatbots

Hoe u oneindig scrollen aan uw WordPress-site toevoegt

5 min


111

Wilt u een oneindige scroll toevoegen aan uw WordPress-blog?

Infinite scroll is een webontwerptechniek die automatisch de inhoud van uw volgende pagina laadt wanneer gebruikers de onderkant van een pagina bereiken. Hiermee kunnen gebruikers meer inhoud op uw blog zien zonder op de paginering of de knop ‘Meer laden’ te klikken.

In dit artikel laten we u zien hoe u eenvoudig een oneindige scroll op uw WordPress-blog kunt toevoegen (stap voor stap).

Gemakkelijk oneindig scrollen aan uw WordPress-blog toevoegen

Wat is oneindige scroll?

Oneindig scrollen is een webontwerptrend die AJAX- paginalaad gebruikt in plaats van numerieke paginanavigatie om automatisch de inhoud van uw volgende pagina te laden en weer te geven aan het einde van de huidige pagina. Oneindig scrollen maakt het gemakkelijker om door meer inhoud te bladeren door simpelweg naar beneden te scrollen. Het laadt inhoud continu en oneindig terwijl gebruikers blijven scrollen.

Traditioneel moesten gebruikers op ‘volgende’, ‘vorige’ knoppen of paginanummers klikken om oudere blogartikelen te zien.

Bij gebruik van AJAX, een afkorting van Asynchronous Javascript en XML, kunnen webpagina’s communiceren met de server zonder de hele pagina opnieuw te laden. Hiermee kunnen webapps gebruikersverzoeken verwerken en gegevens leveren zonder vernieuwing.

De beste voorbeelden van oneindig scroll-ontwerp zijn de populaire sociale mediasites zoals Facebook, Twitter, Instagram, Pinterest en meer. Als u een van deze gebruikt, weet u hoe inhoud eindeloos wordt geladen op uw sociale media-tijdlijn.

Is oneindig scrollen geschikt voor elke website?

Veel inhoudswebsites op internet gebruiken de oneindige scrolltechniek om de browse-ervaring te verbeteren en de betrokkenheid te vergroten. Dit leidt ertoe dat veel beginners de vragen stellen: is het geschikt voor elke website of is het goed voor mijn site?

Oneindig scrollen is uitstekend voor sites die inhoud presenteren in een tijdlijn of feed, zoals de sociale media-apps. Het biedt een fantastische browse-ervaring voor gebruikers die op zoek zijn naar op tijd gebaseerde inhoud.

Vervolgens is het oneindige scroll-ontwerp perfect voor mobiele apparaten en apparaten met touchscreen. Voor mobiele gebruikers is scrollen gebruiksvriendelijker dan het opnemen van kleine paginalinks.

Touchscreen webinteractie

Het belangrijkste voordeel van de oneindige scroll-techniek is een soepele browse-ervaring. Gebruikers hoeven niet handmatig op de paginatielinks te klikken. Inhoud wordt snel geladen met scrollen en houdt gebruikers betrokken.

Maar aan de andere kant kan het uw sitenavigatie ook moeilijker maken. Bij continu laden is het moeilijk om erachter te komen waar (op welke pagina) een blogartikel staat. Sommige gebruikers vinden het zelfs overweldigend om veel artikelen tegelijk te zien.

Een ander nadeel van oneindig scroll-ontwerp is dat u geen voettekst kunt hebben. Zelfs als je het hebt, zal het verborgen zijn onder eindeloze artikelen die continu worden geladen. Veel sites voegen essentiële links toe aan de voettekst, dus het niet hebben kan sommige gebruikers teleurstellen.

Misschien wel het meest zorgwekkende probleem met oneindig scrollen is dat het uw website kan vertragen of zelfs de server kan laten crashen. Toen we oneindig scrollen aan een van onze kleinere blogs toevoegden, ondervonden we een servercrash nadat gebruikers onnodig scrolden, waardoor geheugenuitputting op een klein WordPress-hostingaccount werd veroorzaakt . We raden je aan om managed WordPress-hosting te gebruiken als je oneindig scrollen wilt proberen.

Nu u de voor- en nadelen van oneindig scroll-ontwerp kent, kunt u beslissen of u het aan uw blog moet toevoegen of niet.

Als je hebt besloten om oneindig scrollen toe te voegen aan je WordPress-blog, dan kun je dit eenvoudig doen. We zullen u meerdere plug-ins laten zien die u kunt gebruiken, zodat u degene kunt kiezen die het beste bij u past.

Infinite Scroll toevoegen aan uw WordPress-blog met Catch Infinite Scroll

Het eerste dat u hoeft te doen, is de plug-in Catch Infinite Scroll installeren en activeren . Raadpleeg onze stapsgewijze handleiding voor het installeren van een WordPress-plug-in voor meer informatie .

Na activering voegt WordPress een nieuw menu-item met de naam ‘Catch Infinite Scroll’ toe aan je WordPress admin-paneel. U moet erop klikken om de plug-in-instellingen te configureren.

Vang oneindige scroll-instellingen

Ten eerste kunt u een triggeroptie kiezen voor het laden van artikelen. Met de plug-in kunt u automatisch inhoud laden terwijl gebruikers naar beneden scrollen of een knop ‘Meer laden’ toevoegen.

Laden op Scroll of Klik - Catch Infinite Scroll Plugin-instellingen

U moet de optie ‘Scrollen’ selecteren om automatisch laden te activeren met scrollen. Als alternatief kunt u de optie ‘Klikken’ selecteren als u een knop voor meer laden wilt toevoegen.

Vervolgens ziet u de navigatiekiezer, de volgende kiezer, de inhoudselector en de itemkiezer. U hoeft niets aan deze opties te wijzigen, omdat standaardopties redelijk goed werken.

Daarna is er een afbeeldingoptie waar u het pictogram van de inhoudlader kunt toevoegen. Standaard heeft het een loader GIF-afbeelding. Als u een betere afbeelding heeft, kunt u deze wijzigen.

Upload een nieuwe laadafbeelding voor WordPress Infinite Scroll

De optie ‘Tekst voltooien’ omvat het bericht dat wordt weergegeven zodra een gebruiker uw artikelen heeft bekeken. Standaard zegt de tekst ‘Geen items meer om weer te geven’. U kunt deze tekst gemakkelijk naar wens bewerken.

Artikelen laden voltooid - Tekst voltooien Optie Vang oneindig scrollen

Als u klaar bent, klikt u op de knop Wijzigingen opslaan.

Dat is het! Het oneindig scrollen is nu actief op je blog. U kunt uw blog bezoeken en het oneindige scrollen in actie zien.

WordPress Infinite Scroll Preview

Alternatieve WordPress-plug-ins om oneindige scroll toe te voegen in WordPress

Catch Infinite Scroll werkt goed met de meeste WordPress-thema’s ; Bij sommige thema’s kan het echter mislukken. In een dergelijk scenario kunt u een van de volgende WordPress-plug-ins voor oneindig scrollen gebruiken.

1. Ajax laad meer

Ajax Laad meer instellingen

Vergelijkbaar met Catch infinite Scroll, laat de Ajax Load More-plug-in je ook eindeloze scroll- en klikbare Load More-knoppen toevoegen aan je WordPress-site.

De plug-in biedt meer aanpassingsopties, waaronder veel pictogramstijlen voor het laden van pagina’s, knopstijlen, enz.

De plug-in heeft echter een leercurve voor beginners. Het heeft een geavanceerde interface met veel opties, waaronder een repeatersjabloon, shortcode-builder, WordPress-query’s en meer.

Het vereist enige codeervaardigheden om oneindig scrollen toe te passen met deze plug-in.

2. YITH Oneindig scrollen

YITH Infinite Scrolling is een eenvoudig alternatief voor de Ajax Load More of Catch Infinite Scroll-plug-in.

Vergelijkbaar met de Catch Infinite Scroll-plug-in, heeft het minimale opties om op scroll gebaseerde webinteractie op uw site in te stellen. U hoeft alleen de plug-in te installeren en te activeren en oneindig scrollen in te schakelen.

YITH Infinite Scrolling Plugin-instellingen

Iedereen, ook beginners, kan met deze plug-in gemakkelijk oneindig scrollen instellen. Het heeft echter geen knopoptie ‘Meer laden’, die is opgenomen in de andere twee hierboven genoemde plug-ins.


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format