Cum să adăugați scroll infinit pe site-ul dvs. WordPress (Pas cu Pas)

Scroll-ul infinit este una dintre acele tendințe ale site-urilor web pe care le-am văzut venind și plecând de-a lungul anilor. Este excelent pentru site-uri bogate în conținut, cum ar fi bloguri, portaluri de știri și platforme de social media, unde utilizatorii se bucură de navigare fără sfârșit.

Dacă doriți să mențineți vizitatorii lipiți de conținutul dvs., defilarea infinită ar putea fi soluția pe care o căutați. Această funcție încarcă automat conținut nou pe măsură ce utilizatorii derulează în jos, astfel încât să nu fie nevoiți să dea clic pe pagina următoare.

Dar cum adaugi asta pe site-ul tău WordPress? Nu-ți face griji, pentru că am venit cu 3 moduri ușoare de a implementa scroll infinit, indiferent de abilitățile tale tehnice.

Scroll infinit sau nu? 🔍

Să fim clari: scroll-ul infinit nu este pentru toată lumea. În timp ce acest element de design web WordPress funcționează superb pentru site-uri bogate în conținut, cum ar fi fluxurile de social media și portalurile de știri, poate frustra utilizatorii pe un site de eCommerce care caută produse specifice.

Din observațiile noastre, ajutând milioane de utilizatori WordPress, scroll-ul infinit funcționează cel mai bine atunci când vizitatorii doresc să navigheze și să descopere conținut în mod natural.

Gândiți-vă la galerii foto în stil Instagram sau la site-uri de știri precum BuzzFeed, unde cititorii se bucură de explorarea conținutului fără întreruperi. Poate face mai ușor și mai plăcut pentru vizitatori să răsfoiască postările dvs. unice, mai ales dacă sunt pe mobil.

Dar poate fi frustrant pe site-uri sau directoare web unde utilizatorii au nevoie de o navigare clară sau doresc să găsească rapid informații specifice.

O altă considerație importantă? În timp ce scroll-ul infinit poate crește implicarea, acesta trebuie implementat corect pentru a evita încetinirea site-ului dvs. sau crearea de probleme de accesibilitate. Deci, dacă doriți să îl încercați, este o idee bună să optimizați performanța site-ului dvs. WordPress.

Acestea fiind spuse, să aruncăm o privire la cum să adăugați scroll infinit WordPress pe site-ul dvs. Puteți folosi aceste linkuri rapide pentru a sări la o metodă specifică:

• Opțiunea 1: Folosește Catch Infinite Scroll pentru configurare rapidă
• Opțiunea 2: Adăugarea scroll-ului infinit la WooCommerce cu YITH
• Option 3: Advanced Customization with Ajax Load More

Opțiunea 1: Folosește Catch Infinite Scroll pentru configurare rapidă

În timpul testelor și cercetărilor noastre, am descoperit că cea mai bună modalitate de a adăuga defilare infinită este cu pluginul Catch Infinite Scroll. Pe lângă faptul că este simplu de utilizat, vă permite, de asemenea, să personalizați modul în care funcționează defilarea infinită pe site-ul dvs.

Primul lucru pe care trebuie să-l faci este să instalezi și să activezi pluginul Catch Infinite Scroll. Pentru mai multe detalii, vezi ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.

După activare, veți vedea un nou element de meniu etichetat „Catch Infinite Scroll” în tabloul de bord WordPress. Pur și simplu dați clic pe el pentru a configura setările pluginului.

Dorim să declanșăm scroll-ul infinit atunci când utilizatorul începe să deruleze în jos pe pagină.

Având în vedere acest lucru, deschideți meniul derulant „Încărcare la” și alegeți „Scroll”. Dacă alegeți „Click”, atunci Catch Infinite Scroll va afișa un buton „Încărcare mai mult” în schimb.

Apoi, puteți personaliza selectorul de navigare, selectorul următor, selectorul de conținut și selectorul de elemente. Setările implicite funcționează destul de bine, deci nu este nevoie să faceți nicio modificare.

Secțiunea „Imagine” afișează pictograma de încărcare a conținutului pe care Infinite Scroll o va afișa atunci când încarcă conținut.

Implicit, folosește o imagine GIF de încărcare, dar o puteți schimba dacă doriți. Pur și simplu faceți clic pe „Încărcați” și apoi alegeți o imagine din biblioteca media sau încărcați un fișier nou.

Când sunteți mulțumit de modul în care este configurat scroll-ul infinit, faceți clic pe butonul „Salvează modificările” pentru a stoca modificările.

Acum, dacă vizitați site-ul dvs. WordPress, veți vedea scroll-ul infinit în acțiune.

Opțiunea 2: Adăugarea scroll-ului infinit la WooCommerce cu YITH

YITH Infinite Scrolling este un plugin de scroll infinit de la YITH, un dezvoltator de pluginuri WooCommerce. Deci, dacă doriți să adăugați scroll infinit la paginile produselor dvs., acesta este pluginul pe care îl recomandăm. Funcționează excelent cu alte pluginuri YITH precum YITH WooCommerce Points and Rewards.

Acest plugin funcționează imediat, așa că îl puteți instala și activa pur și simplu pentru a adăuga scroll infinit pe site-ul dvs. WordPress. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

După activare, puteți vizita site-ul dvs. pentru a vedea noua funcționalitate de scroll infinit în acțiune.

Dacă doriți să ajustați scroll-ul infinit, veți găsi câteva setări simple accesând YITH » Infinite Scrolling în panoul de administrare WordPress.

Aici puteți activa și dezactiva defilarea infinită.

Puteți schimba, de asemenea, imaginea sau GIF-ul pe care YITH îl afișează atunci când încarcă conținut. Pur și simplu derulați la secțiunea „Imagine de încărcare” și apoi încărcați imaginea dvs. Puteți încărca o imagine și prin URL.

Nu uitați să faceți clic pe butonul „Salvare opțiuni”.

Opțiunea 3: Personalizare avansată cu Ajax Load More

Ajax Load More are o interfață avansată cu multe opțiuni diferite, inclusiv un șablon repetitor, un constructor de shortcode și interogări WordPress.

Pluginul oferă, de asemenea, mai multe setări de personalizare, inclusiv multe stiluri de pictograme de încărcare a paginii și stiluri de butoane.

Având în vedere acest lucru, are o curbă de învățare mai abruptă și nu este recomandat începătorilor. Cu toate acestea, oferă utilizatorilor mai avansați control complet asupra scroll-ului infinit al site-ului lor web.

Pentru un ghid detaliat, puteți consulta tutorialul nostru despre crearea unui buton de încărcare mai multe postări în WordPress folosind pluginul Ajax Load More.

Adăugarea scroll-ului infinit în WordPress: Întrebări frecvente

Mai aveți întrebări despre adăugarea de scroll infinit pe site-ul dvs. WordPress? Să discutăm câteva întrebări frecvente despre această funcție de design.

Scroll-ul infinit este bun sau rău?

Scroll-ul infinit are avantaje și dezavantaje. Este excelent pentru site-uri precum rețelele sociale, blogurile și site-urile de știri, unde utilizatorii se bucură să răsfoiască o varietate de conținut. Cu toate acestea, pentru site-urile orientate spre obiective, cum ar fi eCommerce, poate fi frustrant pentru utilizatorii care încearcă să găsească articole specifice.

Scroll-ul infinit îmbunătățește performanța?

Scroll-ul infinit poate facilita accesul utilizatorilor la mai mult conținut rapid, în special pe dispozitive mobile unde derularea este naturală.

Cu toate acestea, fără o optimizare adecvată, poate încetini timpii de încărcare a paginii, în special cu fișiere media mari. De aceea, este o idee bună să urmezi cele mai bune practici de viteză și performanță a site-ului web.

Este scroll-ul infinit rău pentru SEO?

Fără o optimizare adecvată, scroll-ul infinit poate fi dăunător pentru SEO WordPress. Motoarele de căutare s-ar putea să nu indexeze tot conținutul, deoarece nu derulează automat în jos.

Dar există modalități de a-l optimiza pentru un SEO mai bun. Puteți adăuga un buton „încărcați mai mult” folosind AJAX, astfel încât motoarele de căutare să recunoască materialul suplimentar, să utilizați schema markup pentru a vă clarifica conținutul pentru motoarele de căutare și preîncărcați linkurile către conținutul următor.

Este scroll-ul infinit mai bun decât paginarea?

Dacă scroll-ul infinit este mai bun decât paginarea depinde de ceea ce funcționează cel mai bine pentru site-ul și utilizatorii dvs. Scroll-ul infinit oferă o experiență fluidă, în timp ce paginarea oferă o structură mai clară. Ambele au avantajele lor, așa că alegeți în funcție de preferințele de conținut și de audiență.

Aflați mai multe modalități de a optimiza designul blogului dvs. WordPress

Doriți mai multe sfaturi și trucuri pentru a vă îmbunătăți blogul WordPress? Consultați aceste ghiduri:

• Cum să adăugați un efect parallax la orice temă WordPress
• Cum să adăugați un redimensionator de fonturi în WordPress pentru accesibilitate
• Cum să creezi un separator de formă personalizat în WordPress
• Trucuri pentru bara laterală WordPress pentru a obține rezultate maxime
• Cum să adăugați o bară de defilare personalizată la orice element în WordPress
• Cum să evidențiezi textul în WordPress (Ghid pentru începători)
• Cum să adăugați conținut dinamic în WordPress (Ghid pentru începători)

Sperăm că acest tutorial v-a ajutat să învățați cum să adăugați defilare infinită pe site-ul dvs. WordPress. De asemenea, ați putea dori să consultați ghidul nostru pentru începători despre cum să editați site-ul dvs. WordPress și selecțiile noastre experte de cele mai bune alternative Canva pentru grafică web.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.