Doriți să adăugați o defilare infinită pe WordPress?

Există ceva mai captivant decât fluxul de știri Facebook? Adică, stau aici și scriu acest tutorial, dar această caracteristică captivantă continuă să deruleze... din nou... din nou.

Aceasta este o caracteristică pe care Facebook o folosește, care se numește: " defilare infinită "Sau" defilare fără sfârșit ", pentru fluxul de știri. În loc să fie nevoie să faceți clic pe un buton sau pe „ următor "Sau" Citește Mai Mult ", Conținutul continuă să se încarce atunci când derulați în jos pe pagină.

Si ghici ce? Puteți obține același efect și pe blogul dvs. WordPress adăugând o defilare infinită.

În acest tutorial voi discuta unele dintre avantajele și contra de derulare infinită și apoi vă voi arăta cum să configurați o defilare infinită pe blogul dvs. WordPress.

Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

Avantajele defilării infinite

Multe mărci mari au experimentat defilarea infinită, ceea ce ne oferă avantajul că putem să le examinăm datele. Iată câteva dintre beneficiile pe care le-au experimentat rețelele de socializare:

Apropo de descoperire cum se creează un text derulant pe Divi

• Mai multe viziuni - NBC News a descoperit că utilizatorii de telefonie fixă ​​au vizitat cu 20% mai multe pagini pe vizită cu derulare infinită. La fel, " Times "De asemenea, a constatat că 21% dintre utilizatorii săi au optat pentru restul conținutului cu defilare infinită.
• Rata de respingere foarte mică  - « Times De asemenea, a redus rata de respingere 15% atunci când au optat pentru derulare infinită.
• Experiență îmbunătățită a utilizatorului - Cu asta, toți sunt de acord. Unii experți au afirmat că defilare infinită UX îmbunătățește expunerea conținutului utilizatorilor, forțând utilizatorii să facă clic mai puțin în timp ce oferă o experiență mobilă mai bună.

Nu pot spune cu siguranță că veți obține aceleași rezultate ca aceste mărci mari, dar dacă aveți o mulțime de postări pe blog, derularea va fi cu siguranță o opțiune bună.

Descopera când și cum se instalează WordPress într-un subdirector

Majoritatea rețelelor sociale se bazează pe derularea infinită din aceleași motive.

Dezavantaje cu defilare infinită

Totul nu este întotdeauna trandafir cu defilare infinită. Există cu siguranță câteva puncte negative potențiale pe care ar trebui să le luați în considerare:

• Fără subsol - pierzi pe subsol, când optezi pentru o defilare infinită. Va fi un mare handicap dacă doriți să oferiți mai multe informații în subsol. De exemplu, dacă utilizați subsolul pentru a afișa informații despre afiliați, va trebui să găsiți o nouă modalitate de a afișa aceste informații.
• Apărarea barajului de defilare provoacă o experiență proastă  - Deoarece site-ul web se încarcă întotdeauna, este foarte probabil ca lungimea barelor de încărcare să se schimbe, ceea ce vă poate face să pierdeți urmele citirii, rezultând o experiență de utilizator proastă.
• Nicio senzație de „finalizare” - Aceasta nu este o insinuare. Cercetătorii Nielsen au descoperit că utilizatorii simt un sentiment de finalizare atunci când ajung la sfârșitul unei pagini. Derularea infinită face acest lucru imposibil.

De asemenea, în secțiunea „Beneficii”, derularea infinită este bună atunci când aveți o mulțime de postări de blog la fel de importante. Ei bine, opusul este, de asemenea, adevărat:

Vezi și în acest articol cum să remediați eroarea "folderului temporar lipsă" pe WordPress

Dacă elementele dvs. au o importanță inegală (de exemplu, unele articole au maximum 2.000 cuvinte, iar altele au doar cuvinte 300), atât de defilare infinită, cu siguranță nu este o idee bună pentru site-ul dvs. web.

Cum de a adăuga parcurgere infinit pe WordPress

Pentru a adăuga defilare infinită pe WordPress, puteți utiliza un plugin gratuit numit " Ajax Loader Mai mult “. Acest plugin oferă tone de extensii premium care pot spori funcționalitatea acestuia, dar versiunea gratuită ar trebui să fie suficientă pentru a adăuga pur și simplu derulare infinită pe site-ul dvs. web.

Mergeți mai departe consultând Javascript pe WordPress: carcasa de utilizare AJAX

Pluginul de bază funcționează prin generarea unui cod scurt pe care îl adăugați la o pagină. Această pagină afișează apoi postările dvs. de blog într-o defilare infinită. Există și câțiva alți pași mici, pe care va trebui să îi parcurgeți pe parcursul cursului. Iată cum să o puneți pe toate:

Instalarea și configurarea plugin

Puteți găsi " Ajax Loader Mai mult » pe directorul de WordPress plugin-uri. Instalați și activați pluginul așa cum ar face orice alt plugin.

Odată activat, veți vedea o opțiune nouă " Ajax Load Mai mult “. Accesați „ Ajax Încărcați mai multe> → Șablon repetor Pentru a crea modelul tău.

« Modelul dvs.> Repetor Este șablonul care definește modul în care articolele ar trebui să apară în defilare infinită. Îl poți schimba, dar trebuie să știi puțin PHP. Cu toate acestea, modelul implicit ar trebui să fie bine pentru majoritatea utilizatorilor:

Singurul lucru important de reținut este că șablonul implicit „Repetor” va afișa doar fragmente de articole, nu articole complete. Dacă doriți să afișați articolele complete, trebuie să înlocuiți „ the_excerpt () Prin " the_content () ".

Dacă știți PHP, puteți încă să personalizați acest model. În caz contrar, este bine să părăsiți modelul " Recidivist În mod implicit.

Citiți și articolul nostru pe 9 plugin-uri WordPress pentru a crea grile de preț pe un blog

Există o mulțime de lucruri pe care le puteți configura aici. Aveți opțiunea de a schimba ce se va afișa în defilarea infinită și cum se va comporta totul.

Nu pot numi toate posibilitățile din acest articol, dar iată câteva dintre casetele pe care veți dori cu siguranță să le completați:

• post_type - Implicit este să includă numai articole. Dar puteți include și pagini personalizate sau formate de postare.
• categorie - Puteți include numai anumite categorii sau nu puteți exclude anumite categorii.
• autor - Aceasta este o caracteristică interesantă în care puteți adăuga defilare infinită pentru un anumit autor.
• posts_per_page - Definiți numărul de articole care „ Ajax Loader Mai mult Ar trebui să se încarce de fiecare dată când se reîmprospătează.
• pauză - Este cu siguranță un element important. Pentru o defilare infinită adevărată, ar trebui să o setați la „fals” aici. În caz contrar, utilizatorii vor trebui să facă clic pentru a afișa celelalte articole.
• derulaţi - Important este să activați această caracteristică astfel încât articolele să fie încărcate automat pe măsură ce utilizatorii derulează pagina în jos.

Descoperiți și noi 5 teme WordPress pentru podcastere

După ce ați configurat totul, copiați SHORTCODE în partea dreaptă a paginii:

Tot ce trebuie să faceți este să adăugați acest scurtcod la pagina unde doriți să apară defilarea dvs. infinită. De exemplu, îl puteți adăuga la o pagină numită „ Blog Pentru a face pagina dvs. de blog implicită.

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Galeria de paginare Youtube & Vimeo

Acest plugin WordPress premium este o galerie funcțională și mobilă, cu multe funcții complet configurabile. Poate afișa videoclipuri din lista de redare YouTube, cuvinte cheie sau căutare după album, canal, grup sau cuvânt cheie de pe Vimeo. Grilele pot fi personalizate în mai multe moduri. Galeria Lightbox poate afișa playerul cu toate detaliile videoclipului, inclusiv comentariile.

Acest plugin WordPress poate fi utilizat în orice postare sau zonă de pagină folosind coduri scurte sau direct în pagini PHP. Tot ce aveți nevoie este să creați o galerie nouă, să adăugați ID-ul canalului YouTube, de exemplu, și să generați un shortcode. Mai multe galerii pot fi utilizate pe aceeași pagină.

Descarca | Demo | web hosting

2. Infinit WooCommerce Scroll și Paginarea Ajax

WooCommerce Infinite Scroll și Ajax Pagination este un Extensia WordPress Premium (WooCommerce) care ajută la convertirea paginarii implicite a produsului în defilare nelimitată sau paginare Ajax. Când un utilizator derulează pagina în jos, următoarea pagină a produsului este recuperată și adăugată automat. Aceasta înseamnă că nu trebuie să facă clic pe „Pagina următoare”. 

De asemenea, puteți adăuga un buton „Încărcați mai multe” în loc de derulare nelimitată sau puteți păstra paginarea implicită și o puteți converti în Paginare Ajax.

Pentru a citi, de asemenea: 5 pluginurile WordPress pentru a insera formulare în site-ul dvs.

În plus, puteți seta diferite tipuri de paginare pentru dispozitivele mobile, cum ar fi derularea nelimitată pentru dispozitivele cu ecran mare și butonul „Încărcați mai multe” pentru dispozitivele mobile.

Descarca | Demo | web hosting

3. Revoluția Slider

Slider Revolution este un plugin inovator și sensibil pentru carusel WordPress, care vă afișează frumos conținutul. Fie că este un glisor sau un carusel, editorul său vizual trage și scade vă va permite să spuneți, de exemplu, istoria companiei dvs., să vă evidențiați cele mai bune produse, cele mai bune articole și multe altele

De asemenea, vă invităm să ne descoperiți Plugin-uri 9 Easy Digital Descarcări pentru gestionarea descărcărilor digitale

Caracteristicile sale sunt: ​​o interfață excelentă de creare a diapozitivelor, un design de diapozitive drag and drop, un aspect complet receptiv, gestionarea perfectă a conținuturilor multimedia, performanță optimizată, Asistență multilingvă, livrat cu aproape 340 de elemente grafice, numeroase șabloane de prezentare oferite, compatibilitate cu majoritatea Teme WordPress, asistență excelentă pentru clienți, suport pentru ecrane tactile, actualizări gratuite și regulate, documentare și tutoriale video disponibile și multe altele.

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

• Cum să integrezi Google Calendar într-un site web WordPress
• Cum să devii un blogger de succes și să câștigi bani cu WordPress
• Cum se adaugă mai multe coloane pe WordPress fără a utiliza un plugin
• Cum va schimba căutarea vocală optimizarea SEO?
• De unde știi dacă pluginul tău este compatibil cu Gutenberg?

Concluzie

Asta e! Acest lucru este totul pentru acest tutorial, acum aveți capacitatea de a configura o defilare infinită pe blogul dvs. WordPress. Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate. 

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

Dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.

...