Divi: Het beste WordPress-thema aller tijden!

Meer 901.000-downloads, Divi is het populairste WordPress-thema ter wereld. Het is compleet, gemakkelijk te gebruiken en wordt geleverd met meer dan 62-vrije sjablonen.

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 ... en 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.

voeg oneindig scrollen toe op WordPress

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.

Creëer eenvoudig uw website met Elementor

Met Elementor kun je creëren Gemakkelijk en gratis elk website- of blogontwerp met een professionele uitstraling. Betaal niet langer veel voor een website die u zelf kunt doen.

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 map Plug-ins van WordPress. 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:

Bouw-dun-model-wordpress

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.

Wilt u uw producten op internet verkopen?

Download gratis WooCommerce, de beste e-commerce plug-ins om uw fysieke en digitale producten op WordPress te verkopen en eenvoudig uw online winkel te creëren. Ideaal voor beginners.

Ontdek ook onze 5 WordPress-thema's voor podcasters

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

de kopie-functiecode-ajax-loader-more

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 WordPress-plug-ins gebruiken om een ​​moderne look te geven en de grip 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.Youtube vimeo paginering galerij plugin wordpress

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 Pagination is een premium WordPress (WooCommerce) -extensie die helpt om de standaardpaginering van een product om te zetten in 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. 

WooCommerce Infinite Scroll en Ajax paginering

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

beste sliders WordPress-plug-ins - Slider-revolutie

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, veel aangeboden diapresentatiesjablonen, compatibiliteit met de meeste WordPress-thema's, uitstekende klantenondersteuning, ondersteuning voor aanraakschermen, gratis en regelmatige updates, documentatie en video-tutorials beschikbaar en nog veel meer.

Downloaden | demonstratieweb hosting

Aanbevolen bronnen

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

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.

... 

17 aandelen
aandeel12
gekwetter1
Enregistrer4