Učitajte najnovije postove po kategorijama putem WordPress izbornika koristeći jQuery load

jQuery

Ako ste posjetili neke od većih blogova, poput Mashable, mogli biste primijetiti da imaju vrlo lijep sustav izbornika koji se spušta i pruža vam uvid u najnovije postove na blogovima iz svake kategorije. Kako bi se osiguralo da se stranici ne traje vječno učitavanje, oni taj sadržaj učitavaju pomoću Ajaxa ... i predučitavaju ga tek nakon što se stranica u potpunosti učita.

Podizbornik WordPress Ajax

Htjeli smo to učiniti i ovdje Martech Zone. Kako bih pružio uvid u kategorije koje imamo, želio sam prikazati neke postove unutar svake. Dobro smo upućeni u WordPress, WordPress API i jQuery, ali tek kad sam pronašao članak o Dohvaćanje postova po kategorijama pomoću jQueryja da smo imali lijepo rješenje.

NAPOMENA: Jedan aspekt njihove metode za koji ne vjerujem da je dobro rješenje je prosljeđivanje cijelog niza query_post putem JavaScript-a ... čini mi se da se otvarate za hakiranje! Izmijenio sam skriptu za ovu stranicu tako da prenosim samo potrebne parametre unutar naredbe query_posts.

Vodič koraka korisnika kroz stvaranje predloška za dinamičko uvlačenje postova, a zatim kako napraviti veze koje mogu pokrenuti zahtjev. Bilo bi lako da smo željeli napraviti samo neke poveznice, ali zapravo smo htjeli koristiti WordPress ugrađeni navigacijski izbornik. Na našu nesreću, veze na izborniku WordPressa generirale su brojeve dok dodajete i uklanjate stavke izbornika ... ali zapravo nemaju nikakve informacije o kategoriji koju želite povući i proslijediti u pozivu Ajaxa.

Da bismo pravilno označili stavke popisa izbornika, ugradili smo kod iz WPreso-a, Dodajte klasu stranice / posta slug u klase stavki izbornika.

Samo jedan problem ... radi za stranicu ili post, ali zapravo nije radio za kategoriju! Stoga smo zahtjev za puž ažurirali sa:

$ puž = get_cat_slug ($ id);

I dodao funkciju iz WPRecipes, WordPress trik: Dohvatite puž kategorije koristeći ID kategorije, za povlačenje puža kategorije u atribut podataka u navigacijskom izborniku.

Dakle ... zahvaljujući zajedničkim naporima 3 WordPress web mjesta i nekim finim podešavanjima od strane našeg jQuery gurua na DK New Media, Stephen Coley (za izravnavanje izbornika) imamo vrlo lijep sustav podizbornika!

Sav posao obavljen je u okviru naših datoteka s temama. Učitali smo filtre navigacijskog izbornika u functions.php, dodali div podizbornika u datoteku header.php naše teme, dodali im predložak podizbornika i učitali JavaScript datoteku podizbornika u naše zaglavlje - osiguravajući da je jQuery već učitan u našoj temi također. Nadam se da cijenite rad, ovo je zabavno ažuriranje web stranice!

8 Komentari

  1. 1
  2. 6
  3. 8

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.