Încărcarea postărilor pe ajax în wordpress

Blog / WordPress / Navigare Pagină cu încărcare asincronă a posturilor în WordPress. Decalarea nesfârșită a posturilor.

Dacă pe site-ul meu accesați pagina Blog sau în orice poziție, în partea de jos a paginii, împreună cu navigarea obișnuită a paginilor, veți vedea butonul Încărcați mai mult, ceea ce vă permite să încărcați următoarele postări fără actualizarea paginii.







Vom lucra cu tema standard TwentySeventeen, în primul rând, acest subiect este destul de simplu și nu va fi dificil să înțelegeți codul, în al doilea rând, îl puteți instala întotdeauna direct de la panoul de administrare de pe tema WordPress repository.

Ce vom încerca să facem în acest post?

Pasul 1. Adăugați butonul "Încărcați mai multe"

Mai întâi trebuie să găsim un fișier în care este adăugată navigarea pe pagini. În TwentySeventeen, acest fișier este direct index.php. Dacă nu înțelegeți ce fișier să căutați în tema dvs., vă recomand să aruncați o privire la acest tutorial.







Găsiți locul potrivit în șablon în afara bucla în timp. adică după încheierea posturilor (în TwentySeventeen acest loc este aproape imediat după final) și introduceți codul acolo:

Și acum câteva stiluri pe care le adăugăm butonului nostru, astfel încât acesta să pară răcoros (stilurile pot fi inserate în stilul standard.css în folderul cu tema).

Execuția cu succes a primului pas va fi considerată un astfel de buton, care ar trebui să apară pe pagina tuturor intrărilor dvs., dar rețineți că dacă înregistrările nu sunt suficiente pentru două pagini, atunci butonul nu va crea mai multe înregistrări sau nu puteți accesa Settings> Read și modificați numărul de înregistrări afișate pe pagină acolo.

Încărcarea postărilor pe ajax în wordpress

Cel mai ușor pas în spatele tău.

Pasul 2: Conectarea scripturilor jQuery

Documentarea funcțiilor wp_enqueue_script () și get_stylesheet_directory_uri () pentru ajutor. Despre legătura dintre scripturile pe care le-am scris deseori și în detaliu, așa că acum nu vom mai vorbi despre asta dacă există probleme - a se vedea documentația. Și acest cod este în funcțiile.php.

Pasul 3: Scriptul de încărcare asincron







Articole similare

Trimiteți-le prietenilor: