Wilt u oneindig scrollen toevoegen aan WordPress?

Is er iets verslavender dan de nieuwsfeed van Facebook? Ik bedoel, ik zit hier deze tutorial te schrijven, maar deze verslavende functie blijft maar scrollen ... opnieuw ... opnieuw.

Dit is een functie die Facebook gebruikt en die wordt genoemd: " oneindige scroll "Of" eindeloos scrollen ", voor de nieuwsfeed. In plaats van op een knop te klikken of ' volgend "Of" Lees Meer ", De inhoud blijft laden wanneer u naar beneden scrolt.

En raad eens? U kunt hetzelfde effect bereiken op uw WordPress-blog door oneindig scrollen toe te voegen.

In deze tutorial bespreek ik enkele voor- en nadelen van oneindig scrollen en dan laat ik je zien hoe je een oneindige scroll kunt instellen op je WordPress-blog.

Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

Voordelen van oneindig scrollen

Veel grote merken hebben geëxperimenteerd met oneindig scrollen, wat ons het voordeel geeft dat we hun gegevens kunnen bekijken. Hier zijn enkele van de voordelen die sociale netwerken hebben ondervonden:

Trouwens ontdekken hoe u een schuivende tekst op Divi maakt

• Meer Views - NBC News ontdekte dat gebruikers van vaste lijn 20% meer pagina's per bezoek bezochten met oneindig scrollen. Hetzelfde, " Times "Vond ook dat 21% van zijn gebruikers opteerde voor de rest van de inhoud met oneindig scrollen.
• Zeer laag bouncepercentage  - " Times Ook verminderde het 15% bouncepercentage toen ze opteerden voor oneindig scrollen.
• Verbeterde gebruikerservaring - Daar is iedereen het mee eens. Sommige experts hebben dat verklaard oneindige scroll UX verhoogt de inhoud van gebruikers, waardoor gebruikers minder moeten klikken en tegelijkertijd een betere mobiele ervaring bieden.

Ik kan niet met zekerheid zeggen dat je dezelfde resultaten krijgt als deze topmerken, maar als je veel blogposts hebt, is scrollen zeker een goede optie.

Ontdek wanneer en hoe WordPress in een submap te installeren

De meeste sociale netwerken vertrouwen om dezelfde redenen op oneindig scrollen.

Nadelen met oneindig scrollen

Alles is niet altijd rooskleurig met oneindig scrollen. Er zijn zeker enkele potentiële negatieve punten waarmee u rekening moet houden:

• Geen footer - je verliest op je voettekst, wanneer je kiest voor oneindig scrollen. Het zal een grote handicap zijn als u meer informatie in de voettekst wilt aanbieden. Als u bijvoorbeeld uw voettekst gebruikt om partnerinformatie weer te geven, moet u een nieuwe manier vinden om die informatie weer te geven.
• Stuiterende schuifbalk veroorzaakt een slechte ervaring  - Omdat de website altijd wordt geladen, is het zeer waarschijnlijk dat de lengte van de laadbalken zal veranderen, waardoor u het lezen uit het oog kunt verliezen, wat resulteert in een slechte gebruikerservaring.
• Geen gevoel van "voltooiing" - Dit is geen insinuatie. Nielsen-onderzoekers hebben ontdekt dat gebruikers zich voltooid voelen wanneer ze het einde van een pagina bereiken. Oneindig scrollen maakt dit onmogelijk.

Ook in het gedeelte "Voordelen" is het oneindig scrollen goed als je veel even belangrijke blogposts hebt. Welnu, het tegenovergestelde is ook waar:

Zie ook in dit artikel hoe u de fout 'tijdelijke map ontbreekt' op WordPress kunt oplossen

Als uw artikelen van ongelijk belang zijn (Sommige artikelen hebben bijvoorbeeld maximaal 2.000-woorden en sommige hebben alleen 300-woorden), dus oneindig scrollen, is zeker geen goed idee voor uw website.

Hoe maak je oneindige scroll op WordPress toe te voegen

Om oneindig scrollen op WordPress toe te voegen, kunt u een gratis plug-in gebruiken met de naam ' Ajax Loader More ". Deze plug-in biedt tal van premium-extensies die de functionaliteit ervan kunnen verbeteren, maar de gratis versie zou voldoende moeten zijn om eenvoudig oneindig scrollen aan uw website toe te voegen.

Ga ook verder door te raadplegen Javascript op WordPress: AJAX use case

De basisplug-in werkt door een shortcode te genereren die u aan een pagina toevoegt. Op deze pagina worden uw blogberichten vervolgens oneindig weergegeven. Er zijn een paar andere kleine stappen die u ook tijdens de cursus moet voltooien. Hier is hoe het allemaal op zijn plaats te zetten:

Installatie en configuratie van de plugin

U kunt vinden " Ajax Loader More » in de directory van WordPress plugins. Installeer en activeer de plug-in zoals elke andere plug-in.

Zodra het is geactiveerd, ziet u een geheel nieuwe optie " Ajax laden meer ". Ga naar ' Ajax Meer laden> → Repeater-sjabloon Om uw model te maken.

« Uw model> Repeater Is de sjabloon die bepaalt hoe artikelen moeten verschijnen in oneindig scrollen. Je kunt het veranderen, maar je moet een beetje PHP kennen. De standaardsjabloon zou echter voor de meeste gebruikers in orde moeten zijn:

Het enige belangrijke om op te merken is dat de standaard "Repeater" -sjabloon alleen artikelfragmenten zal tonen, niet volledige artikelen. Als u de volledige artikelen wilt weergeven, moet u ' the_excerpt () "Met" the_content () .

Als u PHP kent, kunt u dit model nog steeds aanpassen. Anders is het prima om het model te verlaten " Repeater Standaard

Lees ook ons ​​artikel over 9 WordPress-plug-ins om prijsgrids op een blog te maken

Er zijn veel dingen die u hier kunt configureren. Je hebt de mogelijkheid om te wijzigen wat er in de oneindige scroll wordt weergegeven en hoe het zich allemaal gedraagt.

Ik kan niet alle mogelijkheden in dit artikel noemen, maar hier zijn enkele van de vakken die je zeker wilt invullen:

• post_type - De standaard is om alleen artikelen op te nemen. Maar u kunt ook aangepaste pagina's of postformaten toevoegen.
• categorie - U kunt alleen bepaalde categorieën opnemen, of u kunt bepaalde categorieën niet uitsluiten.
• auteur - Dit is een interessante functie waar je oneindig scrollen voor een specifieke auteur kunt toevoegen.
• posts_per_page - Definieer het aantal artikelen dat " Ajax Loader More Moet elke keer worden opgeladen als het wordt vernieuwd.
• pauze - Het is zeker een belangrijk element. Voor echt oneindig scrollen zou je het hier op "false" moeten zetten. Anders moeten gebruikers klikken om de andere artikelen weer te geven.
• rol - Het belangrijkste is dat u deze functie inschakelt, zodat de artikelen automatisch worden geladen wanneer gebruikers naar beneden scrollen.

Ontdek ook onze 5 WordPress-thema's voor podcasters

Nadat u alles hebt geconfigureerd, kopieert u de shortcodes aan de rechterkant van de pagina:

Het enige dat u hoeft te doen, is deze shortcode toevoegen aan de pagina waar u uw oneindige scroll wilt laten verschijnen. U kunt het bijvoorbeeld toevoegen aan een pagina met de naam ' Blog Om er uw standaard blogpagina van te maken.

Ontdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. Youtube & Vimeo Pagination Gallery

Deze premium WordPress-plug-in is een responsieve en mobiele galerij met veel volledig configureerbare functies. Het kan video's van YouTube-afspeellijst, trefwoorden of zoeken op album, kanaal, groep of trefwoord van Vimeo weergeven. De roosters kunnen op verschillende manieren worden gepersonaliseerd. De Lightbox-galerij kan de speler alle details van de video weergeven, inclusief reacties.

Deze WordPress-plug-in kan in elk bericht of paginagebied worden gebruikt met behulp van shortcodes of rechtstreeks in PHP-pagina's. Het enige wat je nodig hebt, is een nieuwe galerij maken, bijvoorbeeld een YouTube-kanaal-ID toevoegen en een shortcode genereren. Er kunnen meerdere galerijen op dezelfde pagina worden gebruikt.

Downloaden | demonstratie | web hosting

2. Infinite WooCommerce Scroll en Ajax-paginering

WooCommerce Infinite Scroll en Ajax Paginering is een WordPress-plug-in (WooCommerce) premium die helpt bij het converteren van standaard productpaginering naar onbeperkt scrollen of Ajax-paginering. Wanneer een gebruiker naar beneden scrolt, wordt de volgende productpagina automatisch opgehaald en toegevoegd. Dit betekent dat hij niet op 'Volgende pagina' hoeft te klikken. 

U kunt ook een knop "Meer laden" toevoegen in plaats van onbeperkt scrollen, of u kunt de standaard paginering behouden en deze converteren naar Ajax-paginering.

Om ook te lezen: 5 WordPress plug-ins om formulieren in te voegen in uw website

Bovendien kunt u verschillende soorten paging instellen voor mobiele apparaten, zoals onbeperkt scrollen voor apparaten met een groot scherm en de knop "Meer laden" voor mobiele apparaten.

Downloaden | demonstratie | web hosting

3. Slider Revolution

Slider Revolution is een innovatieve en responsieve WordPress-carrouselplugin die uw inhoud mooi weergeeft. Of het nu gaat om een ​​schuifregelaar of een carrousel, zijn visuele editor slepen en neerzetten kunt u bijvoorbeeld de geschiedenis van uw bedrijf vertellen, uw beste producten, uw beste artikelen en nog veel meer markeren

Wij nodigen u ook uit om onze te ontdekken 9 Easy Digital Downloads-plug-ins om digitale downloads te beheren

De kenmerken zijn: een uitstekende interface voor het maken van dia's, een dia-ontwerp met slepen en neerzetten, een volledig responsieve lay-out, perfect beheer van multimedia-inhoud, geoptimaliseerde prestaties, Meertalige ondersteuning, geleverd met bijna 340 grafische elementen, talrijke sjablonen voor diavoorstellingen aangeboden, compatibiliteit met de meeste WordPress-thema's, uitstekende klantenondersteuning, ondersteuning voor touchscreens, gratis en regelmatige updates, documentatie en video-tutorials beschikbaar en nog veel meer.

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

• Hoe Google Agenda te integreren in een WordPress-website
• Hoe word je een succesvolle blogger en verdien je geld met WordPress
• Meerdere kolommen toevoegen aan WordPress zonder een plug-in te gebruiken
• Hoe verandert spraakgestuurd zoeken de SEO-optimalisatie?
• Hoe weet u of uw plug-in compatibel is met Gutenberg?

Conclusie

Alstublieft ! Dat is alles voor deze tutorial, nu kunt u een oneindige scroll instellen op uw WordPress-blog. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken. 

U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.

Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.

...