Defilare infinită a postărilor WordPress fără un plugin. Navigare în pagină cu încărcare asincronă a postărilor în WordPress. Defilare infinită a postărilor Defilare infinită a postărilor Plugin WordPress

Că, cu ajutorul tehnologiei AJAX, în scopul optimizării pentru motoarele de căutare, am ascuns o parte din conținutul site-ului de motoarele de căutare (care, apropo, nu este descuiat).

Am implementat asta din punct de vedere tehnic. Întrucât au fost mulți care au vrut să repete același lucru pe blogurile lor, voi încerca să transmit informații despre cum să facă acest lucru.

AJAX este, în esență, încărcarea dinamică a unei părți a conținutului unei pagini folosind JavaScript. Acestea. Se pare că această parte a conținutului este afișată pe site, dar dacă te uiți la codul sursă al paginii, nu este acolo. Sau, dacă dezactivați suportul JavaScript în browser, acest conținut nu va fi vizibil.

Această caracteristică poate fi folosită, de exemplu, pentru a reduce numărul de link-uri interne de pe un site pentru motoarele de căutare. Nici Google, nici Yandex nu vor indexa acea parte a conținutului care este conectat prin AJAX.

Deci, să trecem la practică. Vă voi spune cum să faceți acest lucru pe WordPress folosind exemplul unei liste lunare de arhive, care este de obicei afișată în bara laterală.

Ofer 2 solutii. Al doilea este cel mai simplu.

Prima varianta

ajax_archives.php ) cu următorul conținut:

Conectați-vă la administratorul WordPress și creați o pagină nouă. Numiți cum doriți, de exemplu „Lista de arhive”. În partea dreaptă, în blocul „Atribute paginii”, selectați șablonul „Lista AJAX de arhive”.

Dacă deschideți această pagină într-un browser, veți vedea că există doar lista de care avem nevoie și nimic altceva care nu este necesar. Acesta este ceea ce vom încărca pe site la locul potrivit.

În acel loc în fișierul sidebar.php

Implementăm AJAX folosind jQuery, așa că dacă nu este deja activat pe site-ul dvs., adăugați următorul cod în fișierul header.php înainte de cod:

Acum, tot ce rămâne este să adăugați un script mic pe site care va încărca conținutul necesar. Creați un fișier js (de exemplu, scripts.js

(funcție($) ( $(funcție() ( $("#arhive").load("http://DOMENIUL_TĂU/ajax_archives/"); )) ))(jQuery)

În loc de http://DOMENIUL_TĂU/ajax_archives/, înlocuiți adresa de deasupra paginii create.

header.php: