Cum să-l adaugi pe site-ul tău web

Publicat: 2022-10-27


Doriți să adăugați derulare infinit în WordPress?

Derularea infinită asigură că paginile dvs. încarcă automat conținut nou de fiecare dată când un vizitator ajunge la partea de jos a unei pagini. În acest fel, vă puteți menține vizitatorii implicați și puteți reduce ratele de respingere ale site-ului dvs.

Vă vom arăta cum să adăugați derulare infinit pe site-ul dvs. WordPress . Dar mai întâi, vom atinge câteva lucruri de bază pe care ar trebui să le știți despre el. Schema acestei postări este următoarea:

Să începem.

Cu derularea infinită, site-ul dvs. încarcă conținut nou pe măsură ce un utilizator derulează în jos, în loc să îi solicite să facă clic pe un link manual pentru a deschide o pagină nouă.

Pe WordPress, un exemplu obișnuit ar fi să încărcați automat postări noi pe pagina blogului dvs. odată ce vizitatorul ajunge la partea de jos, mai degrabă decât să vă bazați pe alte tehnici, cum ar fi paginarea.

Tehnica este adesea folosită pe platformele de social media precum Facebook și Twitter pentru a oferi utilizatorilor o experiență de navigare nestingherită.

Și aceeași tehnică poate fi folosită pe site-uri web pentru a menține vizitatorii implicați cu ele.

Ar trebui să adăugați derulare infinit pe site-ul dvs.? Argumente pro şi contra

În ciuda impactului pozitiv pe care îl poate avea asupra angajării utilizatorilor și experienței de navigare, derularea infinită nu este pentru toată lumea.

Să aruncăm o privire la argumentele pro și contra pentru a decide dacă trebuie să implementați tehnica pe site-ul dvs. WordPress.

Avantajele utilizării derulării infinite

Avantajele utilizării derulării infinite pe site-ul dvs. sunt:

Dezavantajele utilizării derulării infinite

Dezavantajele utilizării scrollului infinit pe site-ul dvs. sunt:

  • Poate fi confuz să navighezi pe site-ul tău, deoarece conținutul se schimbă fără probleme și este greu să știi pe ce pagină te afli.
  • Afișarea continuă a conținutului, în special a textului, poate fi copleșitoare pentru unii vizitatori și pot alege să părăsească site-ul dvs. și să caute un site concurent.
  • Subsolul site-ului dvs va deveni redundantă deoarece vizitatorul nu poate ajunge niciodată la el.
  • Derularea rapidă poate copleși serverele dvs. web, determinând site-ul dvs. să înghețe și să se prăbușească .
  • Unele instrumente pot avea greu să urmărească valorile pe pagină, deoarece derularea infinită poate face ca site-ul dvs. să pară o pagină mare.
  • Și dacă site-ul dvs. este văzut ca o singură pagină continuă, atunci acesta ar putea avea un impact negativ asupra SEO și clasamentul căutării site-ului . Derularea infinită implementată corect poate evita acest lucru, totuși, oferind fiecărei pagini propria URL unică.

Acestea sunt avantajele și dezavantajele implementării derulării infinite pe site-ul dvs. web. După ce le-ați luat în considerare, dacă tot doriți să adăugați derulare infinit pe site-ul dvs. WordPress, citiți mai departe.

Există două moduri diferite în care puteți adăuga derulare infinită pe site-ul dvs. WordPress:

  1. Utilizați o temă WordPress care acceptă derularea infinită
  2. Utilizați un plugin de defilare infinită

Să ne aprofundăm în fiecare metodă și o poți implementa pe cea care ți se potrivește.

Dar înainte de a începe, faceți o copie de rezervă a întregului site web, deoarece implementarea derulării infinite va necesita să vă schimbați tema și să instalați un nou plugin pe site. Efectuarea acestor pași implică un anumit risc și s-ar putea să vă găsiți site-ul stricat din cauza unui singur pas greșit. În astfel de cazuri, backup-ul va fi plasa dvs. de siguranță, așa că luați o copie de rezervă.

1. Adăugați defilare infinită folosind tema WordPress (Neve)

Neve este una dintre puținele teme WordPress gratuite care oferă funcția de defilare infinită. Este o soluție ideală dacă doriți să activați derularea infinită numai pe pagina dvs. de blog (sau alte pagini de arhivă).

Activarea derulării infinite folosind Neve este foarte ușoară.

Instalați și activați tema pe site-ul dvs. WordPress.

Apoi accesați Aspect → Personalizare → Aspect → Blog / Arhivă .

Derulați în jos la opțiunea Comandă și conținut și selectați Defilare infinită sub Post paginare .

Apăsați butonul Publicare pentru a vă salva setarea.

permițând defilarea infinită în neve
Activarea derulării infinite folosind tema Neve

Cu toate acestea, dacă doriți să activați derularea infinită pe postările sau paginile dvs. individuale, trebuie să utilizați un plugin. Adică, atunci când cineva deschide pagina completă a unei singure postări de blog și derulează în partea de jos, doriți ca site-ul dvs. să încarce o altă postare completă.

În următoarele două secțiuni, vă vom arăta cum să utilizați pluginuri pentru a implementa derularea infinită.

2. Utilizați un plugin WordPress de defilare infinită

Există o serie de plugin-uri care vă vor ajuta să activați derularea infinită pe site-ul dvs., dar cele mai populare sunt:

  1. Prinde Infinite Scroll
  2. YITH Defilare infinită
  3. Ajax Încărcați mai mult

Să aruncăm o privire rapidă la fiecare plugin înainte de a vă arăta cum să le folosiți.

Prinde Infinite Scroll

Catch Infinite Scroll este un plugin de defilare infinit simplu și gratuit care vă permite să afișați conținutul site-ului dvs. pe orizontală pe o singură pagină.

Dacă schimbați declanșatorul pentru a face clic în loc să derulați, acesta va adăuga un buton Încărcare mai mult pe site-ul dvs.

Personalizarea este posibilă și puteți alege să schimbați imaginea de încărcare și culoarea, dimensiunea fontului și familia de fonturi pe butonul Încărcați mai multe, printre altele.

Versiunea gratuită vă permite să activați derularea infinită pe site-ul dvs. Cu toate acestea, pentru a putea schimba culoarea, familia de fonturi și dimensiunea fontului, trebuie să obțineți versiunea premium pentru o taxă anuală de 24,99 USD.

Pentru a utiliza pluginul gratuit, tot ce trebuie să faceți este să instalați și să activați pluginul pe site-ul dvs. și sunteți gata.

Accesând Catch Infinite Scroll pe tabloul de bord WordPress, puteți încărca o nouă imagine de încărcare și puteți modifica textul Încărcați mai mult și textul care ar apărea atunci când nu mai există conținut de afișat.

permițând catch defilare infinită
Prindeți tabloul de bord al lui Infinite Scroll

YITH Defilare infinită

YITH Infinite Scrolling este un plugin gratuit și, ca și pluginul anterior, YITH Infinite Scrolling oferă, de asemenea, opțiuni pentru a alege tipul de paginare - defilare infinită sau butonul de încărcare mai mult.

Aveți voie să modificați textul butonului Încărcare mai mult, să adăugați clase suplimentare butonului și chiar să utilizați animații (cum ar fi fade in, slide in) pentru încărcarea conținutului nou.

Există o serie de imagini de încărcare din care puteți alege, împreună cu opțiunea de a încărca propriile imagini.

Două dintre caracteristicile noastre preferate sunt opțiunea de a activa sau dezactiva derularea infinită pe dispozitivele mobile și de a schimba adresa URL a unei pagini ori de câte ori sunt încărcate elemente noi ( important pentru SEO ).

Cu versiunea gratuită a pluginului, aveți voie să faceți doar două lucruri:

  1. Încărcați o imagine de încărcare personalizată.
  2. Activați derularea infinită numai pentru postarea dvs.

Pentru a activa derularea infinită pe toate paginile dvs. de arhivă și pentru a accesa fiecare caracteristică a pluginului, aveți nevoie de versiunea premium a pluginului, care costă 59,99 USD pe an.

Utilizarea YITH Infinite Scrolling este destul de ușoară. Doar instalați și activați pluginul gratuit pe site-ul dvs. și acesta va permite derularea infinită a postărilor dvs.

Puteți naviga la YITH → Derulare infinită pentru a personaliza configurația pluginului, dar setările implicite funcționează foarte bine.

permițând defilarea infinită
Tabloul de bord YITH Infinite Scroll

Ajax Încărcați mai mult

Ajax Load More este un plugin complex care vă permite să activați derularea infinită împreună cu opțiuni precum filtrarea AJAX, șabloane repetitoare, generator de coduri scurte, interogări personalizate etc.

În comparație cu pluginurile anterioare, Ajax Load More este puțin mai complicat de configurat. Deși nu trebuie să fii un dezvoltator pentru a-l folosi, începătorii ar putea dori să rămână cu un plugin diferit, deoarece va trebui să te ocupi de termeni precum „parametri de interogare” și „șabloane repetitoare”.

Cu toate acestea, avantajul acestei complexități suplimentare este că aveți o mulțime de opțiuni pentru configurarea și personalizarea comportamentului de defilare infinit pe site-ul dvs.

Deci, dacă doriți să puteți derula la infinit totul pe site-ul dvs., de la postări la pagini, comentarii și multe altele, aceasta ar putea fi o opțiune bună de privit.

Începeți cu derularea infinită WordPress

Adăugarea derulării infinite pe site-ul dvs. WordPress are multe beneficii, precum și dezavantaje. De exemplu, poate îmbunătăți rata de respingere și clasarea site-ului dvs., dar poate afecta negativ experiența utilizatorului în anumite situații.

Derularea infinită poate fi activată pe site-ul dvs. utilizând tema Neve sau pluginuri dedicate precum Catch Infinite Scroll și YITH Infinite Scrolling. Asigurați-vă că aveți o copie de rezervă ca plasă de siguranță înainte de a implementa oricare dintre metode.

Pentru alte modalități de a vă îmbunătăți site-ul, consultați cele șapte sfaturi ale noastre pentru a îmbunătăți experiența utilizatorului.

Asta e tot pentru asta! Dacă aveți întrebări despre cum să adăugați derulare infinit pe un site WordPress, anunțați-ne în comentariile de mai jos.

Ghid gratuit

5 sfaturi esențiale pentru a accelera
Site-ul dvs. WordPress

Reduceți timpul de încărcare chiar și cu 50-80%
doar urmând sfaturi simple.